How To Change Colors of Selected/Highlighted Texts



This tutorial will explains to you how to change colors of your selected/highlighted texts and selected text's backgrounds.This is very easy to do,But have a one problem,this method is not working in Internet explorer.But I think this will helpful to you add some attraction to your website.Follow the steps given below to do this.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see tag .

3.Copy below code and paste it just before the tag .



Note : You can change colors as you like.

4.Now save your template.You are done.

Look at the picture given below.




Where are Uploaded Photos on Blogspot Saved?



How to check uploaded photos on Blogger?
Where is my photos saved in Blogspot?
How to delete uploaded photos from Blogspot's server?

When you upload photos while writing a blog post, the image code automatically appears and sometimes you wonder where it is saved.

In case you don't know, they are actually uploaded and saved into Picasa Web Albums linked to your Google Account, which is the also the account you use to log-in Blogspot.

picasa logo

Once you're in Picasa, you might need to log-in with your Google account. After that, you'll see your available albums.

picasa albums

You'll be able to see albums for all the blogs associated with your Google account. There is a special album "Blogger Pictures" just for your uploaded profile pictures as well.

Click on any of the albums to view the photos you've uploaded.

picasa photos

Every album has a limit of 1000 photos and a new album will be automatically created when a current album is full.

With that, you'll be able to upkeep the album and delete any unnecessary not-used photos uploaded previously.

Duplicates are advised to be deleted as well because it saves space. But be careful not to delete images that are currently in-use in your blog, or else the image link will be broken and will not be displayed on your blog.




How To Display Number of Twitter Followers as Text



This quick tutorial will explain how to show your number of twitter followers in text.If there are many services as Twitter Remote,to show your number of Twitter followers,their badges will add a ugly appearance to your site.So I think this will help you to show how many twitter followers have for your twitter account without using third-party services.This is very easy to do and only spend few seconds.Now follow the steps given below for this.

1.Log in to your dashboard--> layout- ->Page Elements

2.Click on 'Add a Gadget'.

3.Select 'HTML/Javascript' and add the code given below and click save.

Select HTML/JavaScript





I have   Twitter followers.


NOTE : Replace YOUR-TWITTER-USERNAME with your real twitter username.

You are done.




12 Things To Do After Creating New Blogspot Blog



What to do after creating a new Blogspot blog?
What necessary actions need to be taken with a new blog?

Here are 12 things you should do after setting up a new blog with Blogspot.

First, head to the Settings and you'll be on the "Basic" section.

1) Make sure you have a good blog title and description.


2) If you want to drive traffic to the blog, pick "Yes" for "Add your blog to our listings?" and "Let search engines find your blog?"


After that, head on to the "Formatting" section.

3) Select the number of posts you want to be shown on the main page. The lesser the posts, the faster the loading speed of the homepage.


4) Adjust the time zone depending on which country you reside in.


Then, continue to the "Comments" section.

5) Select who can comment on your blog. It depends on how much you welcome comments from strangers.


6) Select the type of comment form placement you want. There are 3 choices and each of them are different. I'd recommend it to be embedded below post.


7) If you would like to display backlinks to your blog posts, select "Show" and the links will be shown. Indirectly, your readers will be able to access to the links if they are interested.


8) If you prefer to keep track and moderate the comments received on the blog, select "Always". Comments submitted will not be shown immediately as a result. Otherwise, select "Never".


9) I personally don't like guessing some funny words and type them out just to make sure I'm not a robot or some sort. But if you really want to prevent spam, by all means, say "Yes" to word verification.


10) If you like to see profile images of the commentators on the comment section, selecting "Yes" would be a good option.


Next, the "Site Feed" section.

11) Remember to allow the default feed on your blog so that people can subscribe to your blog and receive updates easily.


12) If you have created a custom feed on Feedburner or some other external feed manager, do include the feed link as well. It will automatically redirect your default feed to the custom feed.


And that's all for now. Hope this guide will help those who've just started a new Blogspot blog.




LK Magazine v2 Premium Blogger Template



This template is the second version of LK Magazine Premium Blogger Template.I hope you will like it.It has many more premium features than its first version.Give your ideas about this templates leaving a comment.You can download this premium blogger template from here for free and read the article for template configuration.





Template name : LK Magazine Version 2

Release date : 05-22-2010

Coder/Designer Name(s) : Lasantha Bandara

Coder/Designer URL 1 : http://www.premiumbloggertemplates.com/
Coder/Designer URL 2 : http://www.bloggertipandtrick.net/


Template Features

  • Column: 4 Columns/3 Sidebars/Right Sidebars/Left Sidebar
  • Fixed Width Template (1000px width)
  • 2 Horizontal Navigation Menus
  • Auto Read More Feature with Thumbnails.
  • 468*60 Header Ads banner
  • 468*60 Header Logo with the PSD file and Fonts.
  • 1 CSS Search Box
  • 3 Column Footer section
  • Social Bookmarking Buttons/Badges installed
  • SEO friendly blogger title hack installed to help you rank higher in Google
  • Blogger Default Heading Tag has Changed for better SEO
  • Meta tags installed
  • Top Bar with Feed buttons and Display Day,Month,Year
  • Hosted images on blogger. Free use forever!
  • Favicon support so you can add your own url icon
  • Compressed CSS to speed up your page load times
  • Embedded JavaScript date code showing current day
  • Built-in Related Posts Widget to show Related posts
  • Numbered Page Navigation Hack Installed
  • Breadcrumbs Navigation Hack Installed
  • Replace "Older Posts","Home","Newer Posts" Text Navigation with Images
  • Automatically highlight author comments
  • Modified Comments Section to Enable Avatars in Blogger Comments
  • Many more ......

Template Layout Structure



3 Column Footer Section




Template Customization


Basic Template Installation:

1.First download the template and unzip the file.

2.Now, sign in to Blogger dashboard and click on the layout.

3.Here is the important step, after uploading any new Blogger template, all of the previous widgets like your google adsense ads,text,profile,poll,etc etc will be lost.
So, to avoid this to happen, in this step click on 'edit' on all the widgets and copy the codes into notepad,etc.

4.Now click on the 'Edit html' tab

5.First of all please Download Full Template.This is to back up your present template.If the new template that you are going to upload makes/gets into some errors or if you make more complex errors in that,then you will loose everthing.So make sure that you back up your template.

6.Just below that,there's an option of uploading new template.So, use the Browse button and upload the downloaded xml file.

7.Now, a message appear saying that your widgets are about to be deleted.Click on the Confirm & Save (no problem doing this because we already copied the widget codes in Step 3).

8.Now click on "confirm and save".Now you successfully installed the template.

8.Click on the 'Page elements' page now and add the codes that you copied in step3 using the 'Add a Page Element' option.


Configure Meta tags

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below codes :








Replace DESCRIPTION HERE,KEYWORDS HERE,AUTHOR NAME HERE as below.

DESCRIPTION HERE:Write your blog description
KEYWORDS HERE:Write the keywords of your blog separated by comma.
AUTHOR NAME HERE:Write the author's name(Your name)


Configure First and Second Navigation Bar

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code :

  • Link-Name-X


  • Now Replace Your-Link-Here,Link-Title,Link-Name-X with your details.


    Configure Header logo

    Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below line :

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIBE_WIiTldVNZRcHpFTtuFARfW70SNEXB13vDhLXHWTCX92iFq2mphk4ulowJQICLdoFmQmOqnJY6cyrPbTfn5jaYgFY7QzIEvcWPkPL3JUvQAS5yfIB7us2hKLgcjP7G8ualV-Bpyk0/+Magazine+v2.png


    Now replace it with your logo address/url.


    How To Configure Favicon:

    Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code :



    Now replace "YOUR-FAVICON-URL" with your Favicon address/url.


    Configure Featured content slider

    Go to Layout-->Page Elements and click on "Add a gadget".

    Select "html/java script" and add the code given below and click save.








    ENTER-YOUR-POST-1-LINK-HERE">THIS-IS-FEATURED-POST-1-TITLE


    FEATURED-POST-1-DESCRIPTION



    FEATURED-POST-1-IMAGE-ADDRESS" class="full" alt="" />



    ENTER-YOUR-POST-LINK-2-HERE">THIS-IS-FEATURED-POST-2-TITLE


    FEATURED-POST-2-DESCRIPTION



    FEATURED-POST-2-IMAGE-ADDRESS" class="full" alt="" />



    ENTER-YOUR-POST-3-LINK-HERE">THIS-IS-FEATURED-POST-3-TITLE


    FEATURED-POST-3-DESCRIPTION



    FEATURED-POST-3-IMAGE-ADDRESS" class="full" alt="" />



    ENTER-YOUR-POST-4-LINK-HERE">THIS-IS-FEATURED-POST-4-TITLE


    FEATURED-POST-4-DESCRIPTION



    FEATURED-POST-4-IMAGE-ADDRESS" class="full" alt="" />



    ENTER-YOUR-POST-5-LINK-HERE">THIS-IS-FEATURED-POST-5-TITLE


    FEATURED-POST-5-DESCRIPTION



    FEATURED-POST-5-IMAGE-ADDRESS" class="full" alt="" />


    Change 5000 to change your slider speed.

    NOTE : Remember to replace ,

    ENTER-YOUR-POST-X-LINK-HEREs with your real post links.

    THIS-IS-FEATURED-POST-X-TITLEs with your real post titles.

    FEATURED-POST-X-DESCRIPTIONs with your post descriptions.

    FEATURED-POST-X-IMAGE-ADDRESSs with your real image addresses.


    More details: http://www.bloggertipandtrick.net/2010/05/mootools-featured-posts-slider-blogger.html


    Configure Multi tab widget

    Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below lines :


    ENTER-TAB1-CONTENT-HERE

    ENTER-TAB2-CONTENT-HERE

    ENTER-TAB3-CONTENT-HERE

    Replace these lines with your tab contents.


    Configure 125*125 Ad Banners

    Find below code in your template.



    Now replace "http://themeforest.net?ref=wam8387" and "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjbgoUp-6pxnZRe8e-_UWN-oMLCejKra1tAVXXE1FNtwH0qzqvzR8wVo5Y6xaXg365wCP1BfJhxmoJztQ1gBLQbvi8ImVXIpkssILcwJBouyzzGCEE3JQXTDOt9Rp8DZFo_QFkb2dDRxM/" with your details.

    Configure "Blog Posts" Widget

    Login to your blogger dashboard--> layout- -> Page elements.Click on "Edit" form "Blog Posts" Section.Now change it value as the picture below:



    Configure "Timestamp Format" Format

    Login to your blogger dashboard--> Settings- -> Formatting.Now set your timestamp format as the picture below.





    Important !!!:

    Do not remove Footer Credits.

    License:

    This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use.
    However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
    http://creativecommons.org/licenses/by/3.0/




    Purchasing business cards online



    For a company, the business cards can be the most important cards to store in the front office and to bring whenever and wherever one of the staffs does a business travel or ride. The business card can be one of the marketing tools because it usually contains information about the company such as phone number, fax number, address, email address, business website, and if possible, information about products or services to offer. So, when people are interested in using the products or services, they will have the sufficient information from the business cards.

    Since the Internet has been the most popular place for many people finding any product and service, companies now can purchase the business cards online from many online printing companies. Therefore, whether they need the plastic business cards, metal business cards, magnetic business cards, or any other types of business cards, the online printing companies can provide them. Even at ProfessorPrint.com, the business cards can be designed or redesigned as they want, including font, background, logo, etc. Of course, this will be very interesting because companies can be easier in getting the best business cards because they can do design themselves. ProfessorPrint.com offers many types of business cards including plastic business cards, raised print business cards, etc.




    Mootools Featured Posts Auto Slider to Blogger/Websites



    This tutorial will show you how to add Mootools Featured Posts Slider into blogger or any other web site.You can look at the DEMO page of this Mootools Featured Posts Slider.Now if you like to add this slider to your site then follow the steps given below.

    1.Login to your blogger dashboard--> layout- -> Edit HTML

    2.Scroll down to where you see tag .

    3.Copy below code and paste it just before the tag .









    NOTE : You can DOWNLOAD and HOST mootools-1.2.1-core-yc.js yourself.Andalso you can change width and height of this slider easily (Default width:515px and height:250px;).

    4.Now save your template.

    5.Go to Layout --> Page Elements.

    6.Click on 'Add a Gadget'.

    7.Select 'HTML/Javascript' and add the code given below and click save.








    ENTER-YOUR-POST-1-LINK-HERE">THIS-IS-FEATURED-POST-1-TITLE


    FEATURED-POST-1-DESCRIPTION



    FEATURED-POST-1-IMAGE-ADDRESS" class="full" alt="" />



    ENTER-YOUR-POST-LINK-2-HERE">THIS-IS-FEATURED-POST-2-TITLE


    FEATURED-POST-2-DESCRIPTION



    FEATURED-POST-2-IMAGE-ADDRESS" class="full" alt="" />



    ENTER-YOUR-POST-3-LINK-HERE">THIS-IS-FEATURED-POST-3-TITLE


    FEATURED-POST-3-DESCRIPTION



    FEATURED-POST-3-IMAGE-ADDRESS" class="full" alt="" />



    ENTER-YOUR-POST-4-LINK-HERE">THIS-IS-FEATURED-POST-4-TITLE


    FEATURED-POST-4-DESCRIPTION



    FEATURED-POST-4-IMAGE-ADDRESS" class="full" alt="" />



    ENTER-YOUR-POST-5-LINK-HERE">THIS-IS-FEATURED-POST-5-TITLE


    FEATURED-POST-5-DESCRIPTION



    FEATURED-POST-5-IMAGE-ADDRESS" class="full" alt="" />


    Change 5000 to change your slider speed.

    NOTE : Remember to replace ,

    ENTER-YOUR-POST-X-LINK-HEREs with your real post links.

    THIS-IS-FEATURED-POST-X-TITLEs with your real post titles.

    FEATURED-POST-X-DESCRIPTIONs with your post descriptions.

    FEATURED-POST-X-IMAGE-ADDRESSs with your real image addresses.

    Look at the example below.








    This is featured post 1 title


    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et...







    This is featured post 2 title


    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et...







    This is featured post 3 title


    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et...







    This is featured post 4 title


    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et...







    This is featured post 5 title


    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et...








    You are done.




    Dupont Vespel



    The term of Polyimide Sheet may be known in many industries producing the equipment, tools, appliances, machines, or the like that need the heat and fire resistant materials because as the best one of polymers, Polyimide Sheet is really the best material due to its high performance in resisting the heat, fire, and extreme environment conditions. In addition, the Polyimide Sheet also has other advantages so that this kind of polymer is worth considering in various industries. Therefore, many of functions and utilities of some other materials including metal and glass can be substituted by this polymer. In addition to be more resistant to any weather and environment condition, the Polyimide Sheet is also cheaper than other materials such as steel and iron.

    One of the examples of Polyimide Sheet products available on the market is Vespel, which is made by Dupont. So, if you are an engineer, equipment designer, or machinist, you can utilize Dupont Vespel for your industrial products for the sake of high performance, durability, effectiveness, and efficiency.

    If you are now looking for information about Polyimide Sheet or the place where you can find such a kind of best performance polymer, you can check out Designwithtorlon.com because they can give you the best inspirations on how to produce the best products using the high performance polymer such as Polyimide Sheet.




    The most wanted marketing company



    I am sure that you will be very enthusiastic when all of the things you need for the sake of development and advancement of your business are available at one place. It would be very effective and efficient. If there is really Marketing Company like that, it means that you will really find the most wanted Marketing Company because there are many kinds of how a business can implement and apply the marketing systems. In this case, Brand Identity Guru, Inc has been really present in front of you carrying out the most complete marketing strategies to help you boost your business. Some of the services offered by Brand Identity Guru, Inc are Search Engine Optimization, Name and Product Image Branding, Company Naming, Website Designs, and more.

    In order to own the best business, you should consider applying and implementing the best Marketing Strategies because marketing is the key to success for every business. Being succeed in applying and implementing the right marketing strategies, in general, a business will also succeed. That is what Brand Identity Guru is offering you. They would like to invite you using their best marketing strategies in order to own the successful business. Visit their website at BrandIdentityGuru.com to know more about them and their services.

    This is a sponsored post.




    Where to find prostar football kits



    The name of prostar has been so popular among sport enthusiasts because this manufacturer always presents the best quality sport products such as football kits, football jerseys, football coaching equipment, football goals, football socks, goal nets, and much more. For those who are fond of watching football matches or those who are involved in the football matches such as players and coaches, the football equipment made by Prostar are really worth considering. In addition to their best quality products, Prostar will also offer the affordable prices, as long as you know where to find prostar products such as prostar football kits. I am sure that if you are one of football fans, you will be enthusiastic with the goods or things related to the football or football team.

    Well, if you are looking for best places on the Internet providing the best quality football equipment or football kits at very affordable prices, you can visit Maudespot Clubline at Clublinefootball.com. At this site, you will find a variety of football equipment, football kits, football jerseys, and much more from top brands including Prostar, Nike, Mitre, Errea, Hummel, Centris, and Stanno. Maudespot Clubline offers the best quality products at the most competitive prices so that you will enjoy shopping there. As one of the UK’s leading suppliers of sports and leisure equipment, Maudespot Clubline is the right place for you.




    How To Add JQuery Fade Effect to Blogger / Website



    This quick tutorial explains how to add jquery fade effect to your images in blogger or any other web site.This is very easy and you can do this less than a minute.But this effect will add some attractive appearance to your blog or web site.You can look at the DEMO page of this tricks from here.Now follow the steps below to do this.

    1.Login to your blogger dashboard--> layout- -> Edit HTML

    2.Scroll down to where you see tag .

    3.Copy below code and paste it just before the tag .






    4.Now save your template and you are done.




    How To Change Dimension of Photo Manually on Blogspot



    How to modify the photo resolution on Blogger?
    How to change size of photo manually on Blogspot?
    How to edit the picture size on photos uploaded on Blogspot?

    If you want to manually change the dimension, or distort the size, of a particular photo uploaded on Blogger, here's how.

    This is the sample picture.


    After uploading, check the code and look for "width:" and "height:" from the photo code.

    width: 400px; height: 265px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixhJYZU2LvNFpOVHyqdIEUM1O4MoK1qAie8lJt74w6VtbWy3QZP5XM0_Ja3wAUCbJUS-7bZ6srTtOmCR3PWd7t_9dRs3eyT3HbkirKBce4uTZ9toTU7IQMWdA35aeMMsqeH_7xSXLIEWQv/s400/asian.jpg" alt="" id="BLOGGER_PHOTO_ID_5466089975697168450" border="0" />

    Then change the pixels to your desired dimension.

    Here's an example of "width: 200px; height: 500px;".


    Enjoy changing the dimension!




    How To Add Twittley Retweet Counter Buttons to Blogger



    Twittley is a social network for users to find and share links on Twitter.Harness the power of social networks and viral marketing with the Twittley button. Millions of users use Twitter as a social network so it only makes sense to get your link out to those users.

    When a Twitter user arrives at your site, they'll quickly see the distinctive Twittley button. When they click on the button your link will automatically be posted onto their Twitter status so all of their followers can then see the link. Your link will also appear on the Twittley web site where the community can then retweet and comment. All of this is done without the user leaving your site, Twittley does everything behind the scenes.

    In this post I explain how to add a Twittley Retweet Counter Button to your blogger blog.If you like to add this Twittley retweet button to your blog then follow the steps given below.

    1.Login to your blogger dashboard--> layout- -> Edit HTML

    2.Click on "Expand Widget Templates"

    3.Scroll down to where you see below code:




    4.Now Copy your "Twittley Retweet" bookmarking buttons code and paste it just below the above code.

    NOTE: If you can't find
    in your template, paste your "Twittley Retweet" bookmarking buttons code just before .

    Code 1: