Discussion Portal | Tips and Tricks For Bloggers

Add Blogger Avatar in Comment Section

noreply@blogger.com (sunl) — Tue, 16 Mar 2010 12:54:00 PDT

How to add Avatar in Blogger Comments?

This trick will add Avatar in Comment Section in blogger posts. This trick is only for those templates in which avatar is not showing.

Actually blogger add this feature very recently in blogger or blogspot templates. It is inbuilt or in default for blogger templates now. But for those templates which are older and made before this feature you have to add few lines of code which i will tell you step by step.

Note: First backup your current template by download it. For download go to Layout, Click "Edit Template" and Download Full Template, Save it to your PC hard drive at appropriate location for easily find.

Now For Adding Code in Template

Step;1 - First Mark Box of "Expand Widget Templates" this will expand the template to full.

Step; 2 - In template find this line in color box below, You can find it easily by pressing Ctrl F by your key board, a popup box will appear copy and paste this line in box and click search, if line is there it will highligt, if not pressent box will show message not found.

Step; 3 - Now replace the above line with line given in color box below.

Step; 4 - In this step find this line given in box below just like find in step-1

Step; 5 - In step five replace the line of step-4 with this whole code given in color box below.

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

Step; 6 - Now Save the template and proceed further.

Step; 7 - This is the step for adding default image. For adding this find this line ]]></b:skin>you can find it by scrolling down, for easy find unmark Expand Widget Templates.

Step; 8 - Place given code in color box below just one step above line find out in step-7.

.avatar-image-container {background:url(http://1.bp.blogspot.com/_s16SbAxapRM/S5_lBnDBL1I/AAAAAAAAAOY/Bs0yPed7lG4/s1600-h/AvatarBlogger.png); width:35px;height:35px; }
.avatar-image-container img { border:none;}

Save template and you have done. See you post having any comment to check if this hack working.

Important : I have noticed that many template have not line ( ) for this type of template you have to done little more work. So i have add more steps for this type of templates.

Step; 9 - If above hack didn't worked. Find line given in color box below like as in step-1.

<b:loop values='data:post.comments' var='comment'>

Step; 10 - Place this code in color box below just after the above line in step-9. In this case step-5 Ignored.

Save the template and Check if its worked

Code for Related Post Widget for Bloggers

noreply@blogger.com (sunl) — Mon, 02 Nov 2009 12:25:00 PST

Code for Related Post Widget for Bloggers

With Implementing this Code in your Template you will able to show your visitor Related Post Articles in every post at the end. This widget show all related post which have same labels so include as many labels as possible in every post below right hand side box in your editor. But remember these label should really related with post otherwise you will make this widget source of spam. So do not add labels which are not in any way related to that specific post.

Now here is Code and Implementation guide how to add this widget. But before making any changes you have to download your current Template by Click Download Full Template at top in Edit HTML section with this backup you will be able to revert template to its original state if any problem occurred during adding this widget.

Step. 1- Login your blogger account.

Step. 2- Click Dashboard then Layout then Edit HTML, Take backup of your template as said above.

Step. 3- Click Expand Widget Templates box above at template editor.

Step. 4- Search </head> tag it will be somewhere in middle your template, if you are not able to find it then press ctrl f ( control f) in your keyboard a popup box appear, search this tag by copy pate in this search box.

Step. 5- Copy and Paste given code below just one line above it as shown below.

</head>

Step. 6- Final Step for adding Code. Search tag in blue color in your template, search method is same as given above step-4 ( ctrl+f). It may be different in different template so search one by one until you find correct tag.

<p><data:post.body/></p>

<div class='post-body>

data:post.body/

class='post-body

Step. 7- Now add the following code just below the above code you search in step-6 like shown below, remember i include the example with each code as well for ease do not confuse code in Black and tag in blue.

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" data:label.name "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

Step. 8- Save your template and view your any post. Remember Related post will not shown if you are view through Label url, it will appear only with post url.

If related Post appear but post not shown it means you have not any post labeled with same label more than one or two. Go in post edit section and label more than two post with same label.Remember as i told earlier at starting to not make spam labels, label should be related to posts in anyway.

Few More Tricks:

> In default related post set to 10 but if you want to increase or decrease them change the number 10 with any number you want in code max-results=10 . Advise do not exceed the no.10.

> If you have any problem to show widget at appropriate position the try to add in step-7 just below this tag

<p class='post-footer-line post-footer-line-3'/>

</div>

Code here......

Note: Some templates may not have this tag.

Then try to implement some where below any of these line given below.

<div class='post-header-line-1'/>

<div class='post-header-line-2'/>

<div class='post-footer-line post-footer-line-1'>

<div class='post-footer-line post-footer-line-2'>

Note: Remember that code will goes after the closing end tag related to start tag, in case of above codes it is </div> because it is end tag of starting tag <div>

That all

If you any problem ask in comment section.

Inbuilt Label Cloud or Tag Cloud in Blogger

noreply@blogger.com (sunl) — Sun, 13 Sep 2009 02:12:00 PDT

Inbuilt Label Cloud or Tag Cloud in Blogger

Blogger recently add this in widget section you can add this from widget section. To add Label Cloud or Tag Cloud, go to admin section by login blogger by your google or gmail account. Click layout add widget, when you click this link a popup window will appear, scroll down to see Labels, Click this you will setting page, here you can set values of label cloud like if you want to change Labels into Tag Cloud or Label Cloud. You can show all labels or only selected ones. Sorting the labels by alphabetically or by frequency, now at the fourth point Display you have to mark cloud. At last step mark if you want to show no. of post per label or unmark if not want to show post no. This widget has main problem you can not change color of labels, it sticks with sidebar text color, if you want to change the color of tags then you have to add it through template for code and method see this post.

Add Friends Blog with recent post

noreply@blogger.com (sunl) — Thu, 03 Sep 2009 17:03:00 PDT

Add Friends Blog with recent post with thumbnail

( Blogroll or Recent Post widget)

This is also known as blogroll in blogger.Show off what you read with a blogroll of your favorite blogs. Now blogger add this widget in there gadget section.You can add this widget from there in your blog. Follow these steps to add this widget.

1. Login your blogger account.
2. Click Layout.
3. Click Add a Gadget, where you want to place this widget.
4. In the popup window Scroll down below in Basic section.
5. You will see Widget having title Blog List Click this widget.
6. Add blogs you want to list in blogroll by clicking ADD TO LIST.
7. Choose values like Icon,Title of most recent item,Thumbnail of most recent item,Snippet of most recent item,Date of last update.
8. Finally save widget, see you blog.

Earn Money by Uploading Photo

noreply@blogger.com (sunl) — Thu, 03 Sep 2009 12:21:00 PDT

Earn Money by Uploading Photo,s

Its true you can make money by uploading photo's and wallpapers. Shareapic is this kind of site which provide space to members for upload pictures and wallpapers. When any visitor see your pic it generate few bucks which can see in stat section in members area. It has no limits of uploading pics, only few conditions you have to follow, means you can not upload porn photograph's which shows nudity of any type, copyrighted pics,photo's etc. Except earn from this site you can also earn from bidvertiser ads serving site which is affiliate of shareapic.You have to put given code from bidvertiser to shareapic in code box. This will show your bidvertiser ads just below you pics and you will earn double earning from one pic at a time. Why are you waiting just signup at both site.To Signup Photo to Upload Click Here and For Advertisement Site Click here

Warnings: 1. Do not Upload Porn, Adult or Nude Pictures of Any Kind like in Underwears,Nude,Upskirt,Nipple slip etc.If you upload these type of material your account will be deleted.
2. Do not click your own wallpapers if your IP address is static or Fixed.
3. Do not click your own wallpapers when logged in or logged out from same IP.

Tips : 1. You can spread your wallpapers links by making your own photo blogs or through many popular forums, sites, Social Networks like Orkut etc.
2. Do not click your own wallpapers or photo's if yourIP Address is Fixed.
3. Do not click Your wallpapers when you are logged in.
4. Never click your own wallpapers from same Ip Address from which you login and logout , Change IP address first.
5. Never try to click wallpapers from Proxy sites. As you know these type of sites use few fixed Ip address for free users and these address are known by max all sites and webmasters.

Automatic Ping Sites

noreply@blogger.com (sunl) — Thu, 03 Sep 2009 04:16:00 PDT

Automatic Ping Sites

What is Pinging?

Pinging is the information to send those sites which index feed of blogs. When you make post on your blog these sites index information of that post but this is not automatic, actually you have to inform them about your post. This is done by sending ping to sites. But it will be very tedious to send ping one by one. Now if you find some site which send ping to many sites at once, hows that. These are sites which send ping at once,http://pingblog.co.tv/ . You have to put your blog name and blog url check sites where you want to send ping and click Send Pings or Ping now respectively.

Add Social Bookmarking Button

noreply@blogger.com (sunl) — Mon, 31 Aug 2009 09:01:00 PDT

How to add Social Bookmarking Button in Blogger

This Article will tell you how to add Social Bookmarking Buttons in your Blog. First i will tell about chicklets and Badges for side then Badges for post.

Chicklets

These are small horizontal badges which include all bookmarking sites when visitor hover it or click it it opens and visitor chhose site to bookmark pages. There is some free sites which provide these services,what you have to do is register your self to them follow information. Here is two good sites (i) addthis.com (ii) gigya.com

(i) About addthis --> In your account click Get Your Button at top, select type where you want to put this button example : Blogger,Website,wordpress etc, Select type of button, at this time there is 10 types, Click install to side bar and choose blog or Copy and paste given code in widget in side bar.

(ii) Now about gigya --> In your account click Get Wildfire at top left side. Now chhose bookmark button from left menu, here you can choose gigya defaul button or enter image url what you want in Customized - Enter image URL: Box. Choose button behavior ,fill Bookmark title, Copy code from Grab Code and paste in side bar.
It consist of two step one to add code in CSS part and second is Style sheet part. To add Code follow these steps.

Badges For Sidebar

These are small badges of bookmarking sites which are open and not hidden by chicklets. To put badges in side bar copy and paste given code below in side bar widget.

<a style="text-decoration:none; font-size:11px; font-family:Arial; color: #2A4956;" target="_blank" href="http://www.social-bookmark-script.com/">Social Bookmarking</a><br/>
<div style="border-top-style:solid; padding-top:3px; border-top-width: 1px; border-top-color: #2A4956; float: left;">
<script language="JavaScript" type="text/JavaScript">

</script>
<noscript><a href="http://www.social-bookmark-script.com/" target="_blank">Script Generator</a></noscript>
    <a style="text-decoration:none;" onmouseover="schnapp('wong','','http://www.social-bookmark-script.de/img/bookmarks/wong_ani.gif',1)" onmouseout="schnipp()" href="http://www.mister-wong.de/" rel="nofollow" onclick="window.open('http://www.mister-wong.de/index.php?action=addurl&bm_url=' encodeURIComponent(location.href) '&bm_notice=&bm_description=' encodeURIComponent(document.title) '&bm_tags=');return false;" title="Bookmark This Page Mr. Wong"> <img border="0" id="wong" style="padding-bottom:1px;" alt="Bookmark This Page Mr. Wong" src="http://www.social-bookmark-script.de/img/bookmarks/wong.gif" name="wong"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Webnews','','http://www.social-bookmark-script.de/img/bookmarks/webnews_ani.gif',1)" onmouseout="schnipp()" href="http://www.webnews.de/" rel="nofollow" onclick="window.open('http://www.webnews.de/einstellen?url=' encodeURIComponent(document.location) '&title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Webnews"> <img border="0" id="Webnews" style="padding-bottom:1px;" alt="Bookmark This Page Webnews" src="http://www.social-bookmark-script.de/img/bookmarks/webnews.gif" name="Webnews"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Icio','','http://www.social-bookmark-script.de/img/bookmarks/icio_ani.gif',1)" onmouseout="schnipp()" href="http://www.icio.de/" rel="nofollow" onclick="window.open('http://www.icio.de/add.php?url=' encodeURIComponent(location.href));return false;" title="Bookmark This Page Icio"> <img border="0" id="Icio" style="padding-bottom:1px;" alt="Bookmark This Page Icio" src="http://www.social-bookmark-script.de/img/bookmarks/icio.gif" name="Icio"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Oneview','','http://www.social-bookmark-script.de/img/bookmarks/oneview_ani.gif',1)" onmouseout="schnipp()" href="http://www.oneview.de/" rel="nofollow" onclick="window.open('http://www.oneview.de/quickadd/neu/addBookmark.jsf?URL=' encodeURIComponent(location.href) '&title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Oneview"> <img border="0" id="Oneview" style="padding-bottom:1px;" alt="Bookmark This Page Oneview" src="http://www.social-bookmark-script.de/img/bookmarks/oneview.gif" name="Oneview"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Linkarena','','http://www.social-bookmark-script.de/img/bookmarks/linkarena_ani.gif',1)" onmouseout="schnipp()" href="http://www.linkarena.com/" rel="nofollow" onclick="window.open('http://linkarena.com/bookmarks/addlink/?url=' encodeURIComponent(location.href) '&title=' encodeURIComponent(document.title) '&desc=&tags=');return false;" title="Bookmark This Page Linkarena"> <img border="0" id="Linkarena" style="padding-bottom:1px;" alt="Bookmark This Page Linkarena" src="http://www.social-bookmark-script.de/img/bookmarks/linkarena.gif" name="Linkarena"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Favoriten','','http://www.social-bookmark-script.de/img/bookmarks/favoriten_ani.gif',1)" onmouseout="schnipp()" href="http://www.favoriten.de/" rel="nofollow" onclick="window.open('http://www.favoriten.de/url-hinzufuegen.html?bm_url=' encodeURIComponent(location.href) '&bm_title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Favoriten"> <img border="0" id="Favoriten" style="padding-bottom:1px;" alt="Bookmark This Page Favoriten" src="http://www.social-bookmark-script.de/img/bookmarks/favoriten.gif" name="Favoriten"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Seekxl','','http://www.social-bookmark-script.de/img/bookmarks/seekxl_ani.gif',1)" onmouseout="schnipp()" href="http://social-bookmarking.seekxl.de/" rel="nofollow" onclick="window.open('http://social-bookmarking.seekxl.de/?add_url=' encodeURIComponent(location.href) '&title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Seekxl"> <img border="0" id="Seekxl" style="padding-bottom:1px;" alt="Bookmark This Page Seekxl" src="http://www.social-bookmark-script.de/img/bookmarks/seekxl.gif" name="Seekxl"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Kledy','','http://www.social-bookmark-script.de/img/bookmarks/kledy_ani.gif',1)" onmouseout="schnipp()" href="http://www.kledy.de/" rel="nofollow" onclick="window.open('http://www.kledy.de/submit.php?url=' (document.location.href));return false;" title="Bookmark This Page Kledy.de"> <img border="0" id="Kledy" style="padding-bottom:1px;" alt="Bookmark This Page Kledy.de" src="http://www.social-bookmark-script.de/img/bookmarks/kledy.gif" name="Kledy"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Sbdk','','http://www.social-bookmark-script.de/img/bookmarks/sbdk_ani.gif',1)" onmouseout="schnipp()" href="http://www.social-bookmarking.dk/" rel="nofollow" onclick="window.open('http://www.social-bookmarking.dk/bookmarks/?action=add&title=' encodeURIComponent(document.title) '&address=' (document.location.href));return false;" title="Bookmark This Page Social Bookmarking Tool"> <img border="0" id="Sbdk" style="padding-bottom:1px;" alt="Bookmark This Page Social Bookmarking Tool" src="http://www.social-bookmark-script.de/img/bookmarks/sbdk.gif" name="Sbdk"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Boni','','http://www.social-bookmark-script.de/img/bookmarks/boni_ani.gif',1)" onmouseout="schnipp()" href="http://www.bonitrust.de/" rel="nofollow" onclick="window.open('http://www.bonitrust.de/account/bookmark/?bookmark_url=' unescape(location.href));return false;" title="Bookmark This Page BoniTrust"> <img border="0" id="Boni" style="padding-bottom:1px;" alt="Bookmark This Page BoniTrust" src="http://www.social-bookmark-script.de/img/bookmarks/boni.gif" name="Boni"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Power','','http://www.social-bookmark-script.de/img/bookmarks/power_ani.gif',1)" onmouseout="schnipp()" href="http://www.power-oldie.com/" rel="nofollow" onclick="window.open('http://www.power-oldie.com/');return false;" title="Bookmark This Page Power Oldie"> <img border="0" id="Power" style="padding-bottom:1px;" alt="Bookmark This Page Power Oldie" src="http://www.social-bookmark-script.de/img/bookmarks/power.gif" name="Power"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Bookmarkscc','','http://www.social-bookmark-script.de/img/bookmarks/bookmarkscc_ani.gif',1)" onmouseout="schnipp()" href="http://www.bookmarks.cc/" rel="nofollow" onclick="window.open('http://www.bookmarks.cc/bookmarken.php?action=neu&url=' (document.location.href) '&title=' (document.title));return false;" title="Bookmark This Page Bookmarks.cc"> <img border="0" id="Bookmarkscc" style="padding-bottom:1px;" alt="Bookmark This Page Bookmarks.cc" src="http://www.social-bookmark-script.de/img/bookmarks/bookmarkscc.gif" name="Bookmarkscc"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Favit','','http://www.social-bookmark-script.de/img/bookmarks/favit_ani.gif',1)" onmouseout="schnipp()" href="http://www.favit.de/" onclick="window.open('http://www.favit.de/submit.php?url=' (document.location.href));return false;" title="Bookmark This Page Favit"> <img border="0" id="Favit" style="padding-bottom:1px;" alt="Bookmark This Page Favit" src="http://www.social-bookmark-script.de/img/bookmarks/favit.gif" name="Favit"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('bookmarksat','','http://www.social-bookmark-script.de/img/bookmarks/bookmarksat_ani.gif',1)" onmouseout="schnipp()" href="http://www.bookmarks.at/" rel="nofollow" onclick="window.open('http://www.bookmarks.at/');return false;" title="Bookmark This Page Bookmarks.at"> <img border="0" id="bookmarksat" style="padding-bottom:1px;" alt="Bookmark This Page Bookmarks.at" src="http://www.social-bookmark-script.de/img/bookmarks/bookmarksat.gif" name="bookmarksat"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Newsider','','http://www.social-bookmark-script.de/img/bookmarks/newsider_ani.gif',1)" onmouseout="schnipp()" href="http://www.newsider.de/" rel="nofollow" onclick="window.open('http://www.newsider.de/submit.php?url=' (document.location.href));return false;" title="Bookmark This Page Newsider"> <img border="0" id="Newsider" style="padding-bottom:1px;" alt="Bookmark This Page Newsider" src="http://www.social-bookmark-script.de/img/bookmarks/newsider.gif" name="Newsider"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Linksilo','','http://www.social-bookmark-script.de/img/bookmarks/linksilo_ani.gif',1)" onmouseout="schnipp()" href="http://www.linksilo.de" rel="nofollow" onclick="window.open('http://www.linksilo.de/index.php?area=bookmarks&func=bookmark_new&addurl=' encodeURIComponent(location.href) '&addtitle=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Linksilo"> <img border="0" id="Linksilo" style="padding-bottom:1px;" alt="Bookmark This Page Linksilo" src="http://www.social-bookmark-script.de/img/bookmarks/linksilo.gif" name="Linksilo"/></a>
        <a style="text-decoration:none;" onmouseover="schnapp('Readster','','http://www.social-bookmark-script.de/img/bookmarks/readster_ani.gif',1)" onmouseout="schnipp()" href="http://www.readster.de/" rel="nofollow" onclick="window.open('http://www.readster.de/submit/?url=' encodeURIComponent(document.location) '&title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Readster"> <img border="0" id="Readster" style="padding-bottom:1px;" alt="Bookmark This Page Readster" src="http://www.social-bookmark-script.de/img/bookmarks/readster.gif" name="Readster"/></a>
        <a style="text-decoration:none;" onmouseover="schnapp('Folkd','','http://www.social-bookmark-script.de/img/bookmarks/folkd_ani.gif',1)" onmouseout="schnipp()" href="http://www.folkd.com/" rel="nofollow" onclick="window.open('http://www.folkd.com/submit/' (dokument.location.href));return false;" title="Bookmark This Page Folkd"> <img border="0" id="Folkd" style="padding-bottom:1px;" alt="Bookmark This Page Folkd" src="http://www.social-bookmark-script.de/img/bookmarks/folkd.gif" name="Folkd"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Yigg','','http://www.social-bookmark-script.de/img/bookmarks/yigg_ani.gif',1)" onmouseout="schnipp()" href="http://yigg.de/" rel="nofollow" onclick="window.open('http://yigg.de/neu?exturl=' encodeURIComponent(location.href));return false" title="Bookmark This Page Yigg"> <img border="0" id="Yigg" style="padding-bottom:1px;" alt="Bookmark This Page Yigg" src="http://www.social-bookmark-script.de/img/bookmarks/yigg.gif" name="Yigg"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Digg','','http://www.social-bookmark-script.de/img/bookmarks/digg_ani.gif',1)" onmouseout="schnipp()" href="http://digg.com/" rel="nofollow" onclick="window.open('http://digg.com/submit?phase=2&url=' encodeURIComponent(location.href) '&bodytext=&tags=&title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Digg"> <img border="0" id="Digg" style="padding-bottom:1px;" alt="Bookmark This Page Digg" src="http://www.social-bookmark-script.de/img/bookmarks/digg.gif" name="Digg"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Delicious','','http://www.social-bookmark-script.de/img/bookmarks/del_ani.gif',1)" onmouseout="schnipp()" href="http://del.icio.us/" rel="nofollow" onclick="window.open('http://del.icio.us/post?v=2&url=' encodeURIComponent(location.href) '&notes=&tags=&title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Del.icio.us"> <img border="0" id="Delicious" style="padding-bottom:1px;" alt="Bookmark This Page Del.icio.us" src="http://www.social-bookmark-script.de/img/bookmarks/del.gif" name="Delicious"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Facebook','','http://www.social-bookmark-script.de/img/bookmarks/facebook_ani.gif',1)" onmouseout="schnipp()" href="http://www.facebook.com/" rel="nofollow" onclick="window.open('http://www.facebook.com/sharer.php?u=' encodeURIComponent(location.href) '&t=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Facebook"> <img border="0" id="Facebook" style="padding-bottom:1px;" alt="Bookmark This Page Facebook" src="http://www.social-bookmark-script.de/img/bookmarks/facebook.gif" name="Facebook"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Reddit','','http://www.social-bookmark-script.de/img/bookmarks/reddit_ani.gif',1)" onmouseout="schnipp()" href="http://reddit.com/" rel="nofollow" onclick="window.open('http://reddit.com/submit?url=' encodeURIComponent(location.href) '&title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Reddit"> <img border="0" id="Reddit" style="padding-bottom:1px;" alt="Bookmark This Page Reddit" src="http://www.social-bookmark-script.de/img/bookmarks/reddit.gif" name="Reddit"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Jumptags','','http://www.social-bookmark-script.de/img/bookmarks/jumptags_ani.gif',1)" onmouseout="schnipp()" href="http://www.jumptags.com/" rel="nofollow" onclick="window.open('http://www.jumptags.com/add/?url=' encodeURIComponent(location.href) '&title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Jumptags"> <img border="0" id="Jumptags" style="padding-bottom:1px;" alt="Bookmark This Page Jumptags" src="http://www.social-bookmark-script.de/img/bookmarks/jumptags.gif" name="Jumptags"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Simpy','','http://www.social-bookmark-script.de/img/bookmarks/simpy_ani.gif',1)" onmouseout="schnipp()" href="http://www.simpy.com/" rel="nofollow" onclick="window.open('http://www.simpy.com/simpy/LinkAdd.do?title=' encodeURIComponent(document.title) '&tags=&note=&href=' encodeURIComponent(location.href));return false;" title="Bookmark This Page Simpy"> <img border="0" id="Simpy" style="padding-bottom:1px;" alt="Bookmark This Page Simpy" src="http://www.social-bookmark-script.de/img/bookmarks/simpy.gif" name="Simpy"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('StumbleUpon','','http://www.social-bookmark-script.de/img/bookmarks/stumbleupon_ani.gif',1)" onmouseout="schnipp()" href="http://www.stumbleupon.com/" rel="nofollow" onclick="window.open('http://www.stumbleupon.com/submit?url=' encodeURIComponent(location.href) '&title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page StumbleUpon"> <img border="0" id="StumbleUpon" style="padding-bottom:1px;" alt="Bookmark This Page StumbleUpon" src="http://www.social-bookmark-script.de/img/bookmarks/stumbleupon.gif" name="StumbleUpon"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Slashdot','','http://www.social-bookmark-script.de/img/bookmarks/slashdot_ani.gif',1)" onmouseout="schnipp()" href="http://slashdot.org/" rel="nofollow" onclick="window.open('http://slashdot.org/bookmark.pl?url=' encodeURIComponent(location.href) '&title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Slashdot"> <img border="0" id="Slashdot" style="padding-bottom:1px;" alt="Bookmark This Page Slashdot" src="http://www.social-bookmark-script.de/img/bookmarks/slashdot.gif" name="Slashdot"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Propeller','','http://www.social-bookmark-script.de/img/bookmarks/propeller_ani.gif',1)" onmouseout="schnipp()" href="http://www.propeller.com/" rel="nofollow" onclick="window.open('http://www.propeller.com/submit/?U=' encodeURIComponent(location.href) '&T=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Propeller"> <img border="0" id="Propeller" style="padding-bottom:1px;" alt="Bookmark This Page Propeller" src="http://www.social-bookmark-script.de/img/bookmarks/propeller.gif" name="Propeller"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Furl','','http://www.social-bookmark-script.de/img/bookmarks/furl_ani.gif',1)" onmouseout="schnipp()" href="http://www.furl.net/" rel="nofollow" onclick="window.open('http://www.furl.net/storeIt.jsp?u=' encodeURIComponent(location.href) '&keywords=&t=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Furl"> <img border="0" id="Furl" style="padding-bottom:1px;" alt="Bookmark This Page Furl" src="http://www.social-bookmark-script.de/img/bookmarks/furl.gif" name="Furl"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Yahoo','','http://www.social-bookmark-script.de/img/bookmarks/yahoo_ani.gif',1)" onmouseout="schnipp()" href="http://www.yahoo.com/" rel="nofollow" onclick="window.open('http://myweb2.search.yahoo.com/myresults/bookmarklet?t=' encodeURIComponent(document.title) '&d=&tag=&u=' encodeURIComponent(location.href));return false;" title="Bookmark This Page Yahoo"> <img border="0" id="Yahoo" style="padding-bottom:1px;" alt="Bookmark This Page Yahoo" src="http://www.social-bookmark-script.de/img/bookmarks/yahoo.gif" name="Yahoo"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Spurl','','http://www.social-bookmark-script.de/img/bookmarks/spurl_ani.gif',1)" onmouseout="schnipp()" href="http://www.spurl.net/" rel="nofollow" onclick="window.open('http://www.spurl.net/spurl.php?v=3&tags=&title=' encodeURIComponent(document.title) '&url=' encodeURIComponent(document.location.href));return false;" title="Bookmark This Page Spurl"> <img border="0" id="Spurl" style="padding-bottom:1px;" alt="Bookmark This Page Spurl" src="http://www.social-bookmark-script.de/img/bookmarks/spurl.gif" name="Spurl"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Google','','http://www.social-bookmark-script.de/img/bookmarks/google_ani.gif',1)" onmouseout="schnipp()" href="http://www.google.com/" rel="nofollow" onclick="window.open('http://www.google.com/bookmarks/mark?op=add&hl=de&bkmk=' encodeURIComponent(location.href) '&annotation=&labels=&title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Google"> <img border="0" id="Google" style="padding-bottom:1px;" alt="Bookmark This Page Google" src="http://www.social-bookmark-script.de/img/bookmarks/google.gif" name="Google"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Blinklist','','http://www.social-bookmark-script.de/img/bookmarks/blinklist_ani.gif',1)" onmouseout="schnipp()" href="http://www.blinklist.com/" rel="nofollow" onclick="window.open('http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Tag=&Url=' encodeURIComponent(location.href) '&Title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Blinklist"> <img border="0" id="Blinklist" style="padding-bottom:1px;" alt="Bookmark This Page Blinklist" src="http://www.social-bookmark-script.de/img/bookmarks/blinklist.gif" name="Blinklist"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Blogmarks','','http://www.social-bookmark-script.de/img/bookmarks/blogmarks_ani.gif',1)" onmouseout="schnipp()" href="http://blogmarks.net/" rel="nofollow" onclick="window.open('http://blogmarks.net/my/new.php?mini=1&simple=1&url=' encodeURIComponent(location.href) '&content=&public-tags=&title=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Blogmarks"> <img border="0" id="Blogmarks" style="padding-bottom:1px;" alt="Bookmark This Page Blogmarks" src="http://www.social-bookmark-script.de/img/bookmarks/blogmarks.gif" name="Blogmarks"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Diigo','','http://www.social-bookmark-script.de/img/bookmarks/diigo_ani.gif',1)" onmouseout="schnipp()" href="http://www.diigo.com/" rel="nofollow" onclick="window.open('http://www.diigo.com/post?url=' encodeURIComponent(location.href) '&title=' encodeURIComponent(document.title) '&tag=&comments='); return false;" title="Bookmark This Page Diigo"> <img border="0" id="Diigo" style="padding-bottom:1px;" alt="Bookmark This Page Diigo" src="http://www.social-bookmark-script.de/img/bookmarks/diigo.gif" name="Diigo"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Technorati','','http://www.social-bookmark-script.de/img/bookmarks/technorati_ani.gif',1)" onmouseout="schnipp()" href="http://www.technorati.com/" rel="nofollow" onclick="window.open('http://technorati.com/faves?add=' encodeURIComponent(location.href) '&tag=');return false;" title="Bookmark This Page Technorati"> <img border="0" id="Technorati" style="padding-bottom:1px;" alt="Bookmark This Page Technorati" src="http://www.social-bookmark-script.de/img/bookmarks/technorati.gif" name="Technorati"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Newsvine','','http://www.social-bookmark-script.de/img/bookmarks/newsvine_ani.gif',1)" onmouseout="schnipp()" href="http://www.newsvine.com/" rel="nofollow" onclick="window.open('http://www.newsvine.com/_wine/save?popoff=1&u=' encodeURIComponent(location.href) '&tags=&blurb=' encodeURIComponent(document.title));return false;" title="Bookmark This Page Newsvine"> <img border="0" id="Newsvine" style="padding-bottom:1px;" alt="Bookmark This Page Newsvine" src="http://www.social-bookmark-script.de/img/bookmarks/newsvine.gif" name="Newsvine"/> </a>

        <a style="text-decoration:none;" onmouseover="schnapp('MaGnolia','','http://www.social-bookmark-script.de/img/bookmarks/ma.gnolia_ani.gif',1)" onmouseout="schnipp()" href="http://ma.gnolia.com/" rel="nofollow" onclick="window.open('http://ma.gnolia.com/bookmarklet/add?url=' encodeURIComponent(location.href) '&title=' encodeURIComponent(document.title) '&description=&tags=');return false;" title="Bookmark This Page Ma.Gnolia"> <img border="0" id="MaGnolia" style="padding-bottom:1px;" alt="Bookmark This Page Ma.Gnolia" src="http://www.social-bookmark-script.de/img/bookmarks/ma.gnolia.gif" name="MaGnolia"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Smarking','','http://www.social-bookmark-script.de/img/bookmarks/smarking_ani.gif',1)" onmouseout="schnipp()" href="http://smarking.com/" rel="nofollow" onclick="window.open('http://smarking.com/editbookmark/?url=' location.href '&description=&tags=');return false;" title="Bookmark This Page Smarking"> <img border="0" id="Smarking" style="padding-bottom:1px;" alt="Bookmark This Page Smarking" src="http://www.social-bookmark-script.de/img/bookmarks/smarking.gif" name="Smarking"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Netvouz','','http://www.social-bookmark-script.de/img/bookmarks/netvouz_ani.gif',1)" onmouseout="schnipp()" href="http://www.netvouz.com/" rel="nofollow" onclick="window.open('http://www.netvouz.com/action/submitBookmark?url=' encodeURIComponent(location.href) '&description=&tags=&title=' encodeURIComponent(document.title) '&popup=yes');return false;" title="Bookmark This Page Netvouz"> <img border="0" id="Netvouz" style="padding-bottom:1px;" alt="Bookmark This Page Netvouz" src="http://www.social-bookmark-script.de/img/bookmarks/netvouz.gif" name="Netvouz"/> </a>
        <a style="text-decoration:none;" onmouseover="schnapp('Information','','http://www.social-bookmark-script.de/img/bookmarks/what_ani.gif',1)" onmouseout="schnipp()" href="http://www.social-bookmark-script.de/social.bookmarking.htm" target="_Blank" rel="nofollow" title="Information"> <img border="0" id="Information" style="padding-bottom:1px;" alt="Information" src="http://www.social-bookmark-script.de/img/bookmarks/what.gif" name="Information"/> </a></div>

Note ; Some Bookmarking Sites are in Detuch.

Badges For Post :

These are include in post at the end of each post. For automatic inclusion we have to edit template and paste code in it.

1. Login your blogger account.
2. Go to html section through layout. Backup your existing Template before adding code for restore if you want back your format like before.For download click Download Full Template and save on your hard drive.
3. Now in this part here i am mentioning about two types Static Badges and Auto Hidden Badges.We first discuss about static badges and then Auto hidden badges code.

Static Badges :

4. Mark Box Expand Widget Templates in your right side.
5. In your template find this line <b:include data='post' name='postQuickEdit'/> by pressing ctrl+f from keyboard and paste this link in popup box.
6. Copy and paste give code below in box just after this line like in code box. and if in your template it appears above then paste it just below this line <data:post.body/>

<b:include data='post' name='postQuickEdit'/>

<style type='text/css'>
.bookmark img { border: 0;
padding:0px; }
.bookmark a:hover {
position: relative;
top: 1px;
left: 1px; }
</style><span class='bookmark'><table align='left' border='0' cellpadding='0' width='100%'><tr><td style='vertical-align:middle' valign='middle' width='30%'><div expr:id='"sbtxt" data:post.id'>Bookmark this post:<span style='display:none'><a href='http:// http:// www.indian-blogs.com '>Bloggerwidgets</a> <a href=' www.indian-blogs.com '>Social Bookmarking Blogger Widget</a></span></div><script type='text/javascript'>showsbtext("sbtxt" "<data:post.id/>",0)</script></td><td><a expr:href='"http://www.stumbleupon.com/submit?url=" data:post.url "&title=" data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" data:post.id "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" data:post.id "\",19);"' rel='nofollow' target='_blank'><img alt='StumpleUpon' src='http://files.bloggerplugins.org/icon_sb_stumb.gif'/></a> <a expr:href='"http://ma.gnolia.com/bookmarklet/add?url=" data:post.url "&title=" data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" data:post.id "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" data:post.id "\",6);"' rel='nofollow' target='_blank'><img alt='Ma.gnolia' border='0' src='http://files.bloggerplugins.org/icon_sb_mag.gif'/></a>
<a expr:href='"http://digg.com/submit?phase=3&url=" data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" data:post.id "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" data:post.id "\",1);"' rel='nofollow' target='_blank'><img alt='DiggIt!' src='http://files.bloggerplugins.org/icon_sb_dig.gif'/></a> <a expr:href='"http://del.icio.us/post?url=" data:post.url "&title=" data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" data:post.id "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" data:post.id "\",2);"' rel='nofollow' target='_blank'><img alt='Del.icio.us' src='http://files.bloggerplugins.org/icon_sb_del.gif'/></a> <a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" data:post.url "&Title=" data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" data:post.id "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" data:post.id "\",3);"' rel='nofollow' target='_blank'><img alt='Blinklist' src='http://files.bloggerplugins.org/icon_sb_bli.gif'/></a> <a expr:href='"http://www.furl.net/storeIt.jsp?u=" data:post.url "&t=" data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" data:post.id "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" data:post.id "\",8);"' rel='nofollow' target='_blank'><img alt='Furl' src='http://files.bloggerplugins.org/icon_sb_fur.gif'/></a> <a expr:href='"http://www.technorati.com/cosmos/search.html?url=" data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" data:post.id "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" data:post.id "\",9);"' rel='nofollow' target='_blank'><img alt='Technorati' src='http://files.bloggerplugins.org/icon_sb_tec.gif'/></a> <a expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" data:post.url "&title=" data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" data:post.id "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" data:post.id "\",10);"' rel='nofollow' target='_blank'><img alt='Simpy' src='http://files.bloggerplugins.org/icon_sb_sim.gif'/></a> <a expr:href='"http://www.spurl.net/spurl.php?url=" data:post.url "&title=" data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" data:post.id "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" data:post.id "\",11);"' rel='nofollow' target='_blank'><img alt='Spurl' src='http://files.bloggerplugins.org/icon_sb_spu.gif'/></a> <a expr:href='"http://reddit.com/submit?url=" data:post.url "&title=" data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" data:post.id "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" data:post.id "\",17);"' rel='nofollow' target='_blank'><img alt='Reddit' src='http://files.bloggerplugins.org/icon_sb_red.gif'/></a> <a expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" data:post.url "&title=" data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" data:post.id "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" data:post.id "\",20);"' rel='nofollow' target='_blank'><img alt='Google' src='http://files.bloggerplugins.org/icon_sb_goo.gif'/></a>
</td>
</tr>
</table><br/>
</span>

Auto Hidden Bookmark Badges :

These type of badges always remain hidden but on mouse over they show. Adding code for this is slightly diffrent than static badges, actually we have to modify template in two parts CSS and Style sheet.

1. Now for adding code go to your template as above, make its backup.
2. Find this tag in blue in to html sheet </head> easy way is to press ctrl+f and paste in search box and find.
3. Copy and paste give code 'in box below' just "above it" like in box below.

4. Now came to second part that is style sheet. Now find out this code in red in template <data:post.body/>
5. Now copy and paste given code in box below just after it like in box.

<b:if cond='data:blog.pageType == "item"'>
<div class='beauty-bookmarks'>
<ul class='socials'>
<li class='beauty-delicious'><a expr:href='"http://del.icio.us/post?url="   data:post.url   "&title="   data:post.title' target='_blank'/></li>
<li class='beauty-digg'><a expr:href='" http://digg.com/submit?url="   data:post.url   "&title="   data:post.title' target='_blank'/></li>
<li class='beauty-technorati'><a expr:href='" http://technorati.com/faves?add="   data:post.url   "&title="   data:post.title' target='_blank'/></li>
<li class='beauty-reddit'><a expr:href='" http://www.reddit.com/submit?url="   data:post.url   "&title="   data:post.title' target='_blank'/></li>
<li class='beauty-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url="   data:post.url   "&title="   data:post.title' target='_blank'/></li>
<li class='beauty-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url="   data:post.url   "&title="   data:post.title' target='_blank'/></li>
<li class='beauty-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u="   data:post.url   "&title="   data:post.title' target='_blank'/></li>
<li class='beauty-twitter'><a expr:href='" http://twitthis.com/twit?url="   data:post.url   "&title="   data:post.title' target='_blank'/></li>
<li class='beauty-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u="   data:post.url   "&title="   data:post.title' target='_blank'/></li>
<li class='beauty-syndicate'><a href='http://feeds2.feedburner.com/Discussionportal' title='Subscribe to RSS'/></li>
<li class='beauty-email'><a expr:href='" mailto:?subject="   data:post.url   "&title="   data:post.title' target='_blank'/></li>
</ul>
<span class='beauty-rightside'/></div>
</b:if>

6. You can change the feed code in yellow color above with your feed code.This is feedburner code, you can get more information here.

Get Feedburner Feed Link

noreply@blogger.com (sunl) — Sat, 22 Aug 2009 09:51:00 PDT

How to Get Feedburner Feed Link.

What is Feedburner?

Feedburner is google service which automatically ping to many interesting parties to give feed of any blogger, first it was independent service but later it takeover by google. By making feed burner account you will get other many benificial services like Email Subscription form for your blog and Feed Counter etc to know more click links. here i am telling about to get feedburner feed link.

1. Copy and paste this link in your browser feedburner.google.com.
2. Login with your google,Gmail or Blogger account.
3. Put your blog url in box below this line (Burn a feed right this instant. Type your blog or feed address here:)
4. Press Next and Follow the instructions one by one. If your blog is not related to online video then avoid to mark any box related to postcad.
5. At the end you will find link like this http://feeds.feedburner.com/yoursitemane. This is your feedburner feed link.

Add Author Comment Differenciate Code

noreply@blogger.com (sunl) — Fri, 21 Aug 2009 15:33:00 PDT

"Add Code to Differentiate Author comments From others"

Here is simple code which you have to install in your template, which differentiate author comments from Visitors Comment in your blog comment section. You can change color what you want of background. Font Style and color. This modification is in two parts , that is CSS , Stylesheet. We first modify CSS part.

Follow Steps :

1. Login your blogger account.
2. Go to your template by click first, Layout then Edit HTML.
3. Backup your existing template to revert back in any fault.
4. Find comment section in template , it is always at the upper part
   of templates, for quick search You can find by pressing ctrl+f and
   insert line in search box popup, what you have to search is
   .comment-body { or .comment-author { , if you find any one
    between two these then good other wise search manually in CSS
    part related to comment
5. Now copy paste code given in "red color" just like given in colored
     box below.

.comment-body {
margin:0 0 1.25em;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:20px;
border:1px dotted #254117;
background:#ffd9e4;
}
.comment-body p {
margin:0 0 .5em;
}

.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #254117;
color:#oooooo;
font-style: bold;
background:#ffffcc;
}

.comment-footer {
margin:0 0 .5em;
padding-top:0;
padding-$endSide:0;
padding-bottom:.75em;
padding-$startSide:20px;
}
This example is for rounder template, You can insert code in any

template but just in comment part of CSS section like in box above.

Now we came to second part of template which have to modify.

6. Now find this code line in template <dl id='comments-block'>
7. If you have not find this then find comments-block only and see
other related parts of that code section like in colored box below.

8. Now copy and paste code in red color just like given in box below.

9. Save your template and to see it works or not write comment in
     any post.Remember you must be logged in while commenting.

Here is some points to modify font color,style and background color.
this will be in first section.For make some changes change values
higlighed in CSS part.

border:1px dotted #254117;   For border out line and color

color:#oooooo;                       For Font color

font-style: bold;                      For Font Style

background:#ffffcc;                For Background color

Set Up Label Cloud or Tag Clod

noreply@blogger.com (sunl) — Wed, 19 Aug 2009 08:40:00 PDT

In this article i am going to tell you how you can set up Label Cloud or Tag cloud in your Blogger Blogs.
Actually there is three diffrent codes which you have to add in your blog. These three parts are CSS or Stylesheet part, Configuration Part and Widget Part. Now we are going to add these but before adding these code backup your existing Template so that occuring of any mistake you can restore it. For downloading existing Template go to Layout, Edit HTML and Click on Download Full Template save it to your Computer.

Now adding Label Cloud

1. Login your Blogger account.
2. Click Layout --> Edit HTML
3. Find out in template this code ]]></b:skin> (if you are not able to
find manually then click "ctrl+F" .
4. Copy and Paste Code given below in Box before it. Just Like in
Box.

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}
]]></b:skin>

5. Now we move to the configuration section this is also goes in head
    section of our template but out side the stylesheet part.
6. Now copy and paste given code below in Box just below this line
    ]]></b:skin> But before tag. or do just like in box given
    below.

7. Now we came to end part widget section. Fine this line in bold in
     your template
    <b:widget id='Label1' locked='false' title='Labels' type='Label'/>
    or it may be different but like this. Actually this related to your
    label widget. If you are not able to find this make sure you have
    installed Label widget in your Template, if not install but before
    move save setting by click Save Now below. Some time people
    change its name to Category.Still not able to find search this part
    only <b:widget id='Label.

8. When you find this replace the whole code with code given in
     box below.

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
      if(a>b){
          var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
             }
      else{
          var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m a)
          }
      return v
   }

var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
     if (!labelCount[ts[t]]){
           labelCount[ts[t]] = new Array(ts[t])
           }
        }
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
    if(ts[t] < cloudMin){
       continue;
       }
    for (var i=0;3 > i;i ) {
             c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
              }
         var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
         li = document.createElement('li');
         li.style.fontSize = fs 'px';
         li.style.lineHeight = '1';
         a = document.createElement('a');
         a.title = ts[t] ' Posts in ' t;
         a.style.color = 'rgb(' c[0] ',' c[1] ',' c[2] ')';
         a.href = '/search/label/' encodeURIComponent(t);
         if (lcShowCount){
             span = document.createElement('span');
             span.innerHTML = '(' ts[t] ') ';
             span.className = 'label-count';
             a.appendChild(document.createTextNode(t));
             li.appendChild(a);
             li.appendChild(span);
             }
          else {
             a.appendChild(document.createTextNode(t));
             li.appendChild(a);
             }
         ul.appendChild(li);
         abnk = document.createTextNode(' ');
         ul.appendChild(abnk);
    }
lc2.appendChild(ul);
</script>

<noscript>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <data:label.name/>
        <b:else/>
          <a expr:href='data:label.url'><data:label.name/></a>
        </b:if>
        (<data:label.count/>)
      </li>
    </b:loop>
    </ul>
</noscript>
    <b:include name='quickedit'/>
</div>

</b:includable>
</b:widget>

9. Now save your template and see your blog.

Now changing some values.

If you not like your existing tag Cloud colous, Font size, Tag no. etc you can change these.
The vales given in red above in code are changeable. Below are some information related to these vales.

var cloudMin = 1; ==> This represent the no. of tags in your tag cloud. 1 is min no to show in widget, if you increase the no. from 1 then that tag or label will not appear in widget untill that no. of post are not available.
if you want all Label to appear in label cloud then leave it to 1.

var maxFontSize = 20; ==> this is for max font size. You can set your max font size by changing 20 to any value you want.

var maxColor = [102,102,255]; ==> This is for maximum font size color for tag of tag cloud. You can change this value to any other colour value. Here 102,102,255 represent light blue. These vale called as RGB and Hexadecimal Color Code, You can find these code to this site : ( web-source dot net/216_color_chart.htm )

var minFontSize = 10; ==> This value is for minimum font size.

var minColor = [255,0,0]; ==> This value represent minimum font size color for tag of tag cloud. Here 0,0,255 value represent red color.

Promote Blogs

noreply@blogger.com (sunl) — Fri, 14 Aug 2009 02:33:00 PDT

In this article To Promote your Blog I am giving some tips

1. Always update your blog regularly by posting good articles.
2. Do not copy paste others blogger articles.
3. Avoid useless topics.
4. Submit your blog to Blog Directory.See List here
5. Link Exchange with other Bloggers related to your blog.
6. Follow others Blog. Like Google Follower,Networked Blog,Spicy Page etc.

7. Put some gadgets on your blogs like recent viewers, Followers,Vote my blog etc so that people can follow your blog and vote for them. The aim is to place your profile link on there blog or account. This will not harm anyoune so always do it.
8. If you found interesting article on any blog bookmark that article to bookmarking site. May be someone bookmark yours. This habit is good for all bloggers.
9. Avoid to make blog on blogspot, I have blog on it and with time i found that blogspot restrict users to some points.
10. Make friends on Social Networks like, Facebook,Stumbleupon,Blogcatalog,Mybloglog,Spicypages, etc. Some sites also work as bookmarking sites, So from these sites have double benefits.
11. Do not make your blog heavy by placing usless codes and banners.
12. Write Good Comment on others articles and put your blog link with it. Do not write like (good blog,Nice Blog, Love your Blog etc), Instead of these write comment in detail about that article what you think about that article. Actually giving good comments in detail in 4 to 5 lines will sure your comment published with your blog link if comments are moderated by owner.

Add Scrollbar in Sidebar Widgets

noreply@blogger.com (sunl) — Wed, 12 Aug 2009 14:22:00 PDT

How to add Scrollbar in Blog Widgets ?

Fig - 1

Some time your sidebar Link List or other links Widget become Very large and you want to hide it without removing links. Here is trick by which you can do this. In this trick all your links will be in scrollbar and your widget will look Very short in size. For add this scrollbar in your widget you need to modify your Template. It is not very difficult, you have to add code in your template for this follow instructions below:

1. Login You blogger Account.
2. Click Layout and then click EditHTML.
3. Scroll down to see Widget IDs Look Like In Fig - 2.

                                                     Fig - 2

4. Marked With Red Colour is Widget IDs of Particular Widget. It can be any
thing like

<b:widget id='LinkList1' locked='false' title='General' type='LinkList'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='Label1' locked='false' title='Label' type='Label'/>

Red coloured in this code example : LinkList1, HTML1,Label1, etc. It is because if you choose Label and LinkList is perticular Name while HTML is Blank you not named that widget and HTML is default name.

5. Now about code. Code which you have to Put in Template is given in Blue
    Box Below. Put this code along with sidebar content already have in your
    template. It can be something like that given in Fig - 3

Fig - 3

/* Sidebar Content */
#Label1{
height:200px;
overflow:auto;
}

6. You can change the heigh of the coloum by changing Value 200px.
7. Save your template. You done.

Note:- This code is only to change one wideget of sidebar. If you want to change all widget in all sidebar, you have to place code given in blue box below instead of given above.

/* Sidebar Content */
#sidebar .widget{
height:200px;
overflow:auto;
}

If you have added another side bar in blogger default template like rounder etc then you have to put additional code to along with above. This code is given below

* Sidebar Content */
#newsidebar .widget{
height:200px;
overflow:auto;
}

Here is trick to leave one widget without scrollbar. For this you have to increase hight of coloum sufficient so that it increases more than hight of real content in that coloum.

Having any trouble leave comment and i will try to solve it.

Add Contact Me Form in Blog

noreply@blogger.com (sunl) — Fri, 31 Jul 2009 08:46:00 PDT

How To Add Contact Me Form In Your Blog.

Contact me form is to contact you by your visitor for any purpose like link exchange, ask something personally etc.
Do you want to add Contact Me form in your blog but don't know how? Here i am giving little tutorial to implement this. You can do this by google doc. Login your google doc with your Google ID or Gmail ID,Blogger ID etc. If you have not create one before.

Here is Step By Step Tutorial:

1. Login your google account.
2. Click on New at Upper Left side and then click Form fom drop down
menu.
3. It will be look like this in Fig-1.

                                                           Fig -1


4. Now start to Edit this form. On the Top first give this form Name
     to distinguish from other form, if you want more form. In second
     coloum write any message for your visitor.

5. From this point your real editing started. Do as below to make
    contact us form.
   Change : Sample Question 1 ----> Your Name ( Mark check Box,
    Mark this a required Question and then Press OK).
6. Now Go below Sample Question 2 and Click pencile logo to Edit
    Second Field.
    Change :Sample Question 2   ----> Your Email ( do as above to
    make it required field).
7. Now go to Top left side and click Add Item, Choose Paragraph Text
    from drop down menu.
     Change : Untitled Question to   -----> Your message ( do as above
      to make it required field).
8. Your form look Like this.

                                                          Fig -2

9. You can see preview to click link at You can view the published
     form here:----- at bottom of your form.
10. Now you reguired HTML code to Embed this form. For get code
      click More actions at Top right. Click Embed, a window popup
       with code copy this code and paste in your Blog.
11. Where to Embed ?
       For this lohin your blogger account, click new Post and paste this
       code here. Publish this post.
12. Now problem is this post is at top of the blog and you want to at
      lower. Don't worry just change date of your post to older one
      what you want. For changing date click Post Options below and
       Change Month to older one.

Still have problem ask in comment Box and i will solve it.

Twitter Logos

noreply@blogger.com (sunl) — Fri, 31 Jul 2009 08:40:00 PDT

Collection of twitter Logo's :

List of Blog Directory

noreply@blogger.com (sunl) — Thu, 30 Jul 2009 13:12:00 PDT

List Of Blog Directories where you can apply for Index your Blog.

Note that some of Directories are Regional so read there Term and conditions before submit your blog for index.

Tips: 1. Your aim is to get Google page rank and more traffic so do
             not bother about what kind of Directory in which you are
            applying. Just apply because because they are linking you.
         2. Always link back those directory, it 99% reduce your chances
             not to index your blog.
         3. Fill complete informations what they want.
         4. Always add Banner, Button, Screen Shots of your blogs if they
              ask. It make your blog attractive.

BestCom

GetBlogs Blog Directory

Blogs Directory

How to Make Scrolling Text with Hyper Link

noreply@blogger.com (sunl) — Mon, 27 Jul 2009 15:24:00 PDT

How to Make Scrolling Text with Hyper Link ( Marquee With Hyper Link)

It is very difficult to attact visitors for your specific post,Speciaaly when you are using Platform of Blogspot, As you know Blogspot has not much tactics to attract visitors, so shouid have some knowledge of html codes.
Here i will tell you about Scrolling Text also known as Marquee in htmal Language. The main feature of this scrolling text is HyperLink in which you can make text clickable by visitor to navigate visitor to specific page.

For Making Hyper link Scrolling Text.

1. Login your blogger account.
2. Click Layout.
3. Then Click 'Add a Gadget' this will popup a new window.
4. In a new popup window click HTML/JavaScript.
5. A Blank window will appear, Copy and past Code (In red box)
in this window.

6. Change url#1,url#2,url#3 with site url link.
7. Change LINK#1,LINK#2,LINK#3 with Text you wnt to give your link.
8. You can change the colour of you text Link by changing colour code
of #99FFFF, You can use other colou code instead of this colour.
9. you can also change speed of scrolling Text by changing
(scrollamount="4") value 4 to any number.

Example:

Google Adsence Alternative Wallpapers Animes For Download

Create 4 coloum Footer in Blogger

noreply@blogger.com (sunl) — Wed, 15 Jul 2009 16:31:00 PDT

How to Add 4 Coloum Footer in Blogger

This article about to create 4 coloum footer section in blogspot templates. In default blogspot has only one coloum in which you can put html code of any thing, but if you want to divide it, you can do easily.Follow this article step by step, if you have any difficulty you can ask, i will be happy to help.

Step-1 : Login your blogger Account.

Step-2 : Go to Layout and then edit HTML, click ctrl F from your keyboard findout code given in box below by copy paste in this popup search box.

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div

Step-3 : Replace the whole code in red with code given below this step

Step-4 : Now last step findout this line in template ]]></b:skin> and copy paste whole code given below above of this line.

#footer-column-container { border: .3px dotted #cccccc;}

.footer-column { margin: 0 10px 0 10px; padding:5px;
color: #666666; line-height: 1.5em; font-size:12px;}

.footer-column h2 {
padding-bottom:.15em; text-align:center;
font:"normal normal 80% 'Comic Sans MS','Lucida Sans Unicode','Trebuchet MS',Sans-serif";
color:#333333;
line-height:1em; letter-spacing:.1em;
border-bottom: 1px solid #cccccc;}

.footer-column ul { list-style:none; margin:0 0 0; padding:0 0 0;}

.footer-column ul li {
background: url(http://i421.photobucket.com/albums/pp296/rnbutpur/bullet-1.gif) no-repeat;
margin:0 0 0; padding-left: 16px;
padding-bottom: 0.5em; line-height:1.2em;}

.footer-column .widget {margin:0 0 .5em; padding:0 0 1em;}

Add email subscription form

noreply@blogger.com (sunl) — Wed, 24 Jun 2009 14:24:00 PDT

How to add email subscription form in your blog?

Follow these steps and it will be very easy.

Step-1. Go to feedburner.com, login your account.Here you will see form like this in image first.Type your blog url in blank field where in image type animes-for-download.blogspot.com.Click i am apodcaster if you want to include in your blog video or music files otherwise leave it blank.Now click next you will see page -2 as in image -2

Image-1

Step-2. Mark in second feed for blogspot.com bloggers because rss feed is default feed. Click next you will see page-3 as in image-3.

Image-2

Step-3.Check all content is correct as given in image-3 below in your form.

Image-3

Step-4. In 4th step you will see as image in 4.

Image-4

Step-5. Step five is only for those who are podcaster,you can skip this step.But if you want you can fill all information about your site as shown in image-5.

Image-5

Step-6. You can click all items but leave blank if you not want these.

Image-6

Step-7. This is final step of your adding site in feedburner.Here you will see congtatulation about adding you site is done.

Image-7

Step-8. From here your fist step start to get Email subscription code for you blog or site.Look at above bar you will see Publicize click this. In the next page you will see Email Subscription in left-side click it.

Image-8

Step-9. When you click Email Subscription at next page you will see Activate button,at default this service is inactive,activate it by clicking at activate button.

Image-9

Step-10. At final step you will see the page containing Subscription form code below subscription Management. Copy and paste this code in your blog or site where you want this form to appear.

Image-10

Your Ad Here

Add RSS Feed Counter in Blog or Site

noreply@blogger.com (sunl) — Wed, 24 Jun 2009 01:46:00 PDT

How to add RSS feed counter in your blog?

Follow all steps given in Add Email Subscription Form if you have not feedburner account,if you have then login your aacount and follow instuction given here. Instead of geting email subscription form,we will get feed counter code for feed counter.

Step-1. Click on publicize as shown in image above.

Step-2. Now click on Feed Count in leftside you will see page as given above in image. In default this service is inactive click to active it.

Step-3. You can change the colour of counter and text if you want, in default it is sky blue.

Step-4. Save changes if you made any changes in colour of body and text.

Step-5. there is two options for counter static and animated. Choose one copy code and paste in your blog or site where you want to appeare this counter.

Your Ad Here

3D Shooter

noreply@blogger.com (sunl) — Mon, 15 Jun 2009 00:27:00 PDT

Play 3D Shooter

Instructions :

1. Choose your level
2. Click left mouse button for shoot.
3. For reload click on bullete case.

Your Ad Here

Collection of Best Font

noreply@blogger.com (sunl) — Sun, 14 Jun 2009 23:36:00 PDT

A Collection of Best Font

These are the hot collection of fonts from A to Z Alphabets. For download

click the link below wait for 15 sec and download all files one by one. extract

all files togeter with winrar.

Download

Code for Expand Post

noreply@blogger.com (sunl) — Tue, 09 Jun 2009 10:14:00 PDT

How to Implement Code for expand post view or read more?

For implement this code in blog template follow these steps.

Remember before making any changes download your template so

you can revert it later if you want.

1. Login to your Blogger account.
2. Then go to layout.
3. Click edit html.
3. Mark in the box Expand Widget Templates.
4. Find( ]]></b:skin> ) or you can just do this
press ctrl-f and copy paste in box and search.
5. Copy paste code given below in colored box just below it.

<style> <b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if> </style>

6. Pres again ctrl-f and find this code ( <data:post.body/> )
copy and paste code given in colored box below this code.

<b:if cond='data:blog.pageType != "item"'>
<span>
<a expr:href='data:post.url' style='color:#0000FF; text-align:right; font-weight:bold; text-decoration:none' >Read more ...</a>
</span>
</b:if>

7. When you publish post and want to hide some part, then
use this code and place all that piece of post which you
between want to hide between this code.

<span class="fullpost">
place here what you want to hide.
</span>

Favicon

noreply@blogger.com (sunl) — Tue, 02 Jun 2009 01:48:00 PDT

How to add Favicon ?

First of all, what is favicon? Favicon are logos which appears in we browsers. How can change these in blogger? We can change this in blogger, you have to place code in your html file. When you save this code in your html file, then during page loading this favicon will take over the default blogger favicon.

1. For creating favicons you need a favicon image. For creation

of image click here.

2. Upload this image to any image uploading site in your account,

copy image link to insert in code.

3. Edit given code.

]]></b:skin>

<link href='http://i39.tinypic.com/2v93vb8.jpg?user=manature' rel='shortcut icon' type='image/x-icon'/>
<link href='http://i39.tinypic.com/2v93vb8.jpg?user=manature' rel='icon' type='image/gif'/>

4. Replace image code in red with your image code.

5. In you html editor find ( ]]></b:skin> ) , paste the above

edited code just below the code in orange and save html file.

Now browse your blog.

Your Ad Here

Add Comment Box Below Post

noreply@blogger.com (sunl) — Mon, 01 Jun 2009 23:44:00 PDT

How to add comment box below post?
Do you like blogger Comment Box? No?
Then here is the trick to add comment box just below the post.
1. First you have to need account in draft.blogger.com. Don't
worry, no need for another account,copy and past draft.blogger.com
in explorer and send.There you login with you blogger account.

2. Click settings --> comments --> Comment Form Placement(

here mark Embedded below post) just like in image.

3. Now for changing code. first click layout,the Edit HTML ,the click box of

Expand Widget Templates . Before you made any changes i suggest you to
download and save your current template by click Download Full
Template. Now find code given in red below in your html file. if your
are not able to find it do this trick. Press ctrl f of your keyboard
and search by placing this code ( class='comment-footer ) in
search box which appear on screen.

<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p>

replace red by blue

<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>

4. Now save your html file.

5. If you want to change the box hight and width change the values give in red in this code to find code trick is same copy and paste first line in search box as done before.

<b:includable id='comment-form' var='post'>
<div class='comment-form'>

<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
6. Some time comment box not appears after applying code. Do this trick, find code in black

<b:include data='post' name='comments' />

and replace it with code in green below.

<b:include data='post' name='comment-form'/> .

Your box will be look like this

Discussion Portal | Tips and Tricks For Bloggers

Add Blogger Avatar in Comment Section

Code for Related Post Widget for Bloggers

Inbuilt Label Cloud or Tag Cloud in Blogger

Add Friends Blog with recent post

Earn Money by Uploading Photo

Automatic Ping Sites

Recent Post Widget

Add Social Bookmarking Button

Get Feedburner Feed Link

Add Author Comment Differenciate Code

Set Up Label Cloud or Tag Clod

Promote Blogs

Add Scrollbar in Sidebar Widgets

Add Contact Me Form in Blog

Twitter Logos

List of Blog Directory

How to Make Scrolling Text with Hyper Link

Create 4 coloum Footer in Blogger

Add email subscription form

Add RSS Feed Counter in Blog or Site

3D Shooter

Collection of Best Font

Code for Expand Post

Favicon

Add Comment Box Below Post