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/AVvXsEif2EXnr6fAl-y87O_3E6fk7fjIFqpm8d1gelmYbIx4vdvuZ6m18YvgkQ2JXJeenZgx4IQqq2L6RdabtV0yKJ5WyUhC-tmVgN35VgVy-gR1znBtsbyic4z1QR7VTcpj0761AxX3z3YwM4I/+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/AVvXsEhSVSO8hoi-Y0kZ9PwnIWgiM2bDSKT68V8_Z7qzQw9KfxNFmgnbR70nxZ6IjmD8Qdbek03XTr9ZUVERqOhyphenhyphenBXVM2DJYiHjYkD9dR9sqli0yQbo5OscfMK1OaA6sYga7Q4V9oU908Yveeo4/" 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/




    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.




    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/AVvXsEhRNqeFOxucEvUtz7RKlTE17Mvl7zC-L55DvXpuhs6rRFf34Ar8pNPda6TFNeGHrfINLXlkses5QXNnwYJXq-PZHmOgohm71OjMZE8NBHglPDfRX7ubwCgbXw1d2pONaOHJUKXntHbb5uVt/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: