Discussion Portal | Tips and Tricks For Bloggers

Make Your non-compatible blogger codes to compatible

noreply@blogger.com (sunl) — Wed, 10 May 2023 05:20:00 +0000

Parse your blogger code here 👇

Use this online converter to parse your chitika, adsense,adsterra, adbrite and any HTML code into XML code which is not compatible with all the Blogger templates to make code compatible with all blogger templates or other blogs systems.

Parse Code

Now Copy pate this code and it will be compatible in blogger template

How do I fix m1 problem on Blogger? Solve ?m=1 Issue

noreply@blogger.com (sunl) — Sat, 06 May 2023 07:16:00 +0000

How to Fix ?m=1 error issue in blogger m=1 Fix: Many blogger face this problem. This is a normal thing for smartphone url. It jusr suffix for mobile to direct user to mobile version of blog. But some time search consol give error related to m=1. If you think search consol giving error related to this or you dont want this suffix for your blog. you have to add small code in your blog. For this edit your blog theme for this follow these points one by one as it is

1. First login in your blog.

2. Go to your theme by clicking theme on right side control panel in blogger.

3. If you wann see this by images go this post How to Edit Theme in this post i show how to create blog and edit theme, layout to add widget.

4. Note: Before editing anything take backup of your theme, so anything go wrong you can revert to previous form. If you do not know how to take backup of your theme Click here "How to take backup of theme or restore it.

5. In your theme html editor find

"<body>", if you can not find then press "ctrl+F" or see Find in your browser gear (:) three dots.

6. Copy pase this code just below "<body>" tag

<script type='text/javascript'>
//<![CDATA[
var uri = window.location.toString();
if (uri.indexOf("%3D","%3D") > 0) {
var clean_uri = uri.substring(0, uri.indexOf("%3D"));
window.history.replaceState({}, document.title, clean_uri);
}
var uri = window.location.toString();
if (uri.indexOf("%3D%3D","%3D%3D") > 0) {
var clean_uri = uri.substring(0, uri.indexOf("%3D%3D"));
window.history.replaceState({}, document.title, clean_uri);
}
var uri = window.location.toString();
if (uri.indexOf("&m=1","&m=1") > 0) {
var clean_uri = uri.substring(0, uri.indexOf("&m=1"));
window.history.replaceState({}, document.title, clean_uri);
}
var uri = window.location.toString();
if (uri.indexOf("?m=1","?m=1") > 0) {
var clean_uri = uri.substring(0, uri.indexOf("?m=1"));
window.history.replaceState({}, document.title, clean_uri);
}
//]]>
</script>

7. Save your template and see result in your smartphone browser. the problem will be solve.

8. If this not worked for you then go to bottom in html editor and search "</body>" and pase above it. and again check in mobile browser.

Please like and Share this post on social networks.

How to change google search snippet for your blog

noreply@blogger.com (sunl) — Fri, 05 May 2023 16:09:00 +0000

How to Change Title Meta Tag?

Do You have problem with your google snippet for your blog? You want this type of link to show in google?, For this you have to change title tag of blog

So follow these step to make changes in your HTML, header title meta tag

1. How to go in html editor see this post but first take backup of your theme so you can revert to your orignal before edit, if anything go wrong How to edit theme in blogger

2. Go to top of your html editor if you are not already there.

3. Find this title tag

4. And replace title tag with this one by copy paste

<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/> <data:blog.title/></title></b:if>

5. Save your template

How To Create Your site or Blog Images Responsive

noreply@blogger.com (sunl) — Sat, 29 Apr 2023 09:12:00 +0000

Do you have problem with your site or blog images width and height? And you want to make these images responsive? Ok let make images responsive, for this we have to edit our site or blog template to add few codes.

1. First we have to put first part of code in head section to edit CSS of theme. I will here show you how to add in blogger theme. How to edit theme in blogger, click here

2. In that section you learn how to edit blogger template or theme, Now i will show you how to add code in template or theme

3. Press ctrl+F key from your keyboard a popup window will appear it depend on browser in chrome it will appaer in top right, in firefox it will appear in bottom left side. find this code " ]]</b:skin>" in theme editor as shown in image

4. Add any one of these code just above " ]]</b:skin>"

(a). Add CSS code : If you want the image to scale both up and down on responsiveness, set the CSS width property to 100% and height to auto:

.responsive {
width: 100%;
height: auto;
}

(b). Add this code If you want an image to scale down if it has to, but never scale up to be larger than its original size, use max-width: 100%:

.responsive {
max-width: 100%;
height: auto;
}

(c). Add this code If you want to restrict a responsive image to a maximum size, use the max-width property, with a pixel value of your choice.

.responsive {
width: 100%;
max-width: 400px;
height: auto;
}

5. Now finaly add this code in html or edit your image class as responstive

<img src="nature.jpg" alt="Nature" class="responsive">

How to edit theme in blogger

noreply@blogger.com (sunl) — Sat, 29 Apr 2023 08:40:00 +0000

How to Create Blog in Blogger and Edit Blogger Template (Theme)

1. First go to blogger.com and signin with your email, if still not create blog first signup.

2. Second step to click on create blog or New blog. Fill your name of blog which you want to create in popup window or new window

click next, in next window fill your blogger name, if that name not available choose another name, if it available then save your blog.

3. To edit your blog theme click theme in your left hand-side panel

4. Now customize button will appear click on arrow as shown in image below

5. Now your theme html section will appear to edit theme. But before making any changes in template, First take backup of your template to prevent if anything go wrong, with this backup you can revert blog to its orignal position before edit. Now you are ready to edit your theme, add or remove any code which you want. In this section i show you how to create blog in blogger and edit theme of blogger.

How To Add Code Box In Blogger Post

noreply@blogger.com (sunl) — Fri, 28 Apr 2023 16:13:00 +0000

Most new bloggers starts blogging from blogspot.com. If you create new blog and want to share your blog link with other bloggers for link exchange but don't know how to do this, here i am sharing this method with you. I am also using this. Its very easy just follow these steps one by one.

1. First step is to login to your blogger account.

2. Second step to edit your theme to copy paste this code, for this click on theme button in your left hand side control panel as shown given below image,

Now click this cursor button as shown in below image, do not click Customize button

3. Now you will enter in html section of your blogger them here you can edit your them codes, you can delete code which you not required or add new code just like we going to add in your theme's "CSS" section.

4. First you have to find " ]]</b:skin> " this code in template you can find it by scrolling down slowly of press ctrl+F a search box will popup in your browser copy paste this code in search box and find or enter. Once you find it copy paste any of these two codes just above it like in picture

Code 1. For Style 1 Copy This Code [With Scroll]

.code1 { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; }
.code:hover { background-repeat:no-repeat; }

Code 2. For Style 2 Copy This Code [Without Scroll]

.code2 { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; }
.code:hover { background-repeat:no-repeat; }

5. Copy paste this given code below to your above code in your html to show scrolling box BLUE.

/* blockquote */ .post blockquote {background-color:transparent;border-left:8px solid #ff7400;padding:10px;margin:10px;overflow-y: scroll; max-height: 250px; margin: 1.5em 10px; padding: 3px 2em;} .post blockquote{color:#000000;font-family:"PT Serif",Georgia,Times,serif;border-left:5px solid #ff7400;margin-left:0;margin-right:0;margin-bottom:27px;padding-left:27px} blockquote blockquote{font-size:inherit}

Now save template by click on floppy icon and you are done

6. In this step i will show you how to use this.

(a). Create new post in your blog. Click on html or pencil icon you will see html view or compose view, now click html view.

(b). Now write or paste the code given below in your blogger post editor.

For Green Box

<div class="code1">
Your Code Here. Which ever you want
</div>

For Blue Box

<blockquote> Your Code Here. Which ever you want </blockquote>

c). Replace " Your Code Here. Which ever you want " with your desired code.

(d). Now click on " Publish Button " and see it live. But remember all code write in html view.

Note:- You can also also use another without scrollbar style here Add Links in coloured box

Which is the best video format or ratio for Youtube?

noreply@blogger.com (sunl) — Mon, 24 Apr 2023 02:57:00 +0000

Which are the best video ratio or formats for Youtube?

There are many formats of video that YouTube accept.

Well you can use many formats to make your videos like

Horizontal: 720x1280 (720p)

1920×1080 (1080p) (HD)

2560×1440 (1440p) (2k)

3840×2160 ( 2160) (4k)

Vertical: 600×1200 (1:2)

600×900 (2:3)

1080 ×1350 (4:5)

1080×1920 (9:16)

All depends on your requirements means the type of video you want to make but among them most popular is For vertical : 9:16 (1080w×1920h) for shorts video. For horizontal : 4K (3840w×2160) for horizontal screen. But these formats make video size bigger consume audience's data, so to make lower MB files use lower formats

Add Blogger Avatar in Comment Section

noreply@blogger.com (sunl) — Tue, 16 Mar 2010 19:54:00 +0000

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 20:25:00 +0000

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 09:12:00 +0000

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) — Fri, 04 Sep 2009 00:03:00 +0000

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 19:21:00 +0000

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 11:16:00 +0000

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 16:01:00 +0000

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 16:51:00 +0000

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 22:33:00 +0000

"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 15:40:00 +0000

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 09:33:00 +0000

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 21:22:00 +0000

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 15:46:00 +0000

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 15:40:00 +0000

Collection of twitter Logo's :

List of Blog Directory

noreply@blogger.com (sunl) — Thu, 30 Jul 2009 20:12:00 +0000

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 22:24:00 +0000

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 23:31:00 +0000

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;}