Blog Tutorial and Interesting Information Sharing: Blogspot Tutorial

Showing posts with label Blogspot Tutorial. Show all posts

Home » Posts filed under Blogspot Tutorial

Tuesday, January 10, 2012

Backlink Watch: Get 1000 High PR Backlink for Free!!

For the bloggers, backlinks are important, mainly one-way backlinks. The more backlinks to their blogs, the more valuable your blog / site in the eyes of Google. Therefore, no wonder if many of the services "Seller Backlink Service" on the Internet. Likewise with Google with the keyword query Backlink Service Offers, Free Backlink 1000, and Free High PR Backlinks are very much sought after. But you know, that there is a site that truly serves 1000 free backlinks? There, the address is http://247backlinks.info.

1000 free backlinks is permanent and completely provided by this site. Initially I was hesitant, but I doubt it tepis after trying the service. Evidently, this site provides free backlinks 1000 High profile public relations forum, they even gave a report of their work in the form of a file. Txt. . Backlink 1000 pieces it is a fantastic amount and how wonderful if we could get it. Therefore, if you are interested, please visit http://247backlinks.info. Guaranteed satisfaction happy.

Update: To see examples of 'evidence backlink' is given, please DOWNLOAD HERE.

Monday, March 9, 2009

Adding Social Bookmarking At End of Article

You can add a toolbar Social Bookmarking to your blog. Bookmarking the toolbar looks like this.

If a visitor feel happy with the article in your blog, it can make a bookmark in your article. This acquisition can help in the blog traffic.
You can install the toolbar Social Bookmarking on your blog. Social Bookmarking Toolbar is very useful if placed end of the article. To make this, follow these steps.

Log in to Blogger with your Blogger Account.
Click Layout.
After that, click on Edit HTML.
Before editing the template, I suggest you backup your template first. Click Download Full Template link.
Copy the following code before ]]></b:skin

.rsociales ul {
display:inline;
margin:0pt !important;
padding:0pt !important; }
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px; }
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt; }
.rsociales-sobre { opacity:0.4; }
.rsociales-sobre:hover { opacity:1; }
Find this code.

<data:post.body/>

Or like this.

<p><data:post.body/></p>
If it is found, copy the code below and paste it under <p><data:post.body/></p>.

<br/><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm1bVaMgXqMTO04rNwpwjX2e1OgKSzN66Kom2CCvkpxFg21hROw2oGVWbNuVPRMpqz1kDb7GRfTQ2j1NDmju_RNa9DGmX4rv5FSxBKS0hwptHkQOGfHN6pTqNsKcYGQgQz3DeXhQtPK7g/s1600/technorati.gif'/></a><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1lH1414_zlfeWBY510ADOV99fv01DwaKNv1qetLTGOj6NQwdN5hSswGR-kWXGF84twxmMgeTUYUv__f7SE1MD-WMaST0QPMEoXmvEzwpHHG86jGI5tkOdz6th6PUkGr7cE35abDDrg6Y/s1600/delicious.gif'/></a><a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6pYtv2YIJRUhbY2ing2274xmbw2wmT0XHJMpDngWvRv-oe4nTvDVrJ8y_5bWsodDG5yiGxgwpIkQDiVSvKA5pOtgHamoty3_MyIcBbv7QuliIQKYzQUvRXPILLa4anFg-wB2LDP-NPnk/s1600/digg.png'/></a><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqdgmLtYzFnV_vBGf4wtrtW50lqM3fnY8zq9zXGFRZid_JM141Z_S3k8Srb9DArNSjlR3sTag7AkPBbfvD3yxS5MmJEyeqn5lJNV3PigyKhhZh2TLitf6hM_uAKw8sMNpEKI8D1uNqwOU/s1600/yahoo.png'/></a><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQur-Dyp3RUDZKocoDzffnJ1jLTLKIw4JzvYMOCajFjISDhxVaTzU1D-FeGXECz7PXRMZJNo2t0Zx6qe8IBT7Ox0ixKp9-TIpxknbD8folos5mTcOgEbEckUefnK42t_d9F-IIuDewBwE/s1600/google.gif'/></a><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Meneame' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJayfU6uTzk6HvKF3E5ZUqaZcOX9l6ZZOWXz8E_C7j9EhfLkLFyryjo7xJu9E1Td_1EQEmPn3YPzFB5FmzCD6Ygp92qo2yTRbhTuz2foIDn2FnJyPGuJ0Pd1vcIi5FNFGkVkt4PjJnX90/s1600/meneame.png'/></a><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Furl' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiuh9lZZmE-VZdYvkeypJlO8XCSMrAdTfaRz_U43LRYMcG1cUpJXngl32KghnMtvXCvhzKSU88BlI2adCV9yrwmJJ02otxEnwAg-8g9yy6D3wYHukpJ-T1xsjYD1mJrXHSnJHej63xJsw/s1600/furl.png'/></a><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKxeoBPJtHiiavs5EiMy9aDzwJpVe5KqU3BfJKcQFal5m_UbLpz5QSKRgLBkkl1h0dQx3ocsIO-3ebCCuXwiBFOB4uFsLZOhmREcdZjBagTbxCs3x3sfccZxddOHJWViIbUUSG5La06v4/s1600/reddit.gif'/></a><a expr:href='"http://ma.gnolia.com/beta/bookmarklet/add?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Magnolia' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxNwYz-iSig0fTR6f0H6SUJdc9FSM0Kzw2fnZ25yCgzFiabg1anIeW_seWbd9DEPSG9XfLd4-36T2DUekMvsX9QH8blagdFvpDYmF0M2BnqzRYs2kcf_iVzV-ecQ_Ap5xPSbtZIP2GxVA/s1600/magnolia.gif'/></a><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Blinklist' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo-fUIla8J9wa4q4VdVgcbYhgtlRk5-9ZYfctzxCOPq2Lwl40Y68QypF11OuaKepb7fiKZJ4k3skA2RO-H7OnLkIIZecB0w_NzEcGPS0S639ts8dMHWShKi7Artrah2gbC7xS3F_xU0YE/s1600/blinklists.gif'/></a><a expr:href='"http://blogmarks.net/my/new.php?mini=1&simple=1&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTzgPCdzcc0r45oJSrYnpuyUbfIGK-MMVbULB88BtXGLvmQX59TeNpCgMLXMIBXsJZahOFY0bDZLMpCkZeiOhJzLyGtSuzbGAvCaJDoM6xUY-8eEbEpxe_XF-B24IhiAYE6HMzAGUf_PQ/s1600/blogmarks.gif'/></a><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a facebook' class='rsociales-sobre' src='http://lh5.ggpht.com/jaloee/SJNIyWWQmEI/AAAAAAAACRY/4GVE3Qxqg34/facebook.gif'/></a><a expr:href='"http://twitter.com/home?status=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a twitter' class='rsociales-sobre' src='http://lh6.ggpht.com/jaloee/SJNIyl7oKlI/AAAAAAAACRc/8cc7q_upZI4/twitter.gif'/></a><a expr:href='"http://jaloee.multiply.com/journal/compose?body=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='multifly' class='rsociales-sobre' src='http://lh3.ggpht.com/jaloee/SJNKClcp6NI/AAAAAAAACRk/Dk1jtkOXECo/multiply.png'/></a>
So the code structure be like this.

<data:post.body/>
<br/><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm1bVaMgXqMTO04rNwpwjX2e1OgKSzN66Kom2CCvkpxFg21hROw2oGVWbNuVPRMpqz1kDb7GRfTQ2j1NDmju_RNa9DGmX4rv5FSxBKS0hwptHkQOGfHN6pTqNsKcYGQgQz3DeXhQtPK7g/s1600/technorati.gif'/></a><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1lH1414_zlfeWBY510ADOV99fv01DwaKNv1qetLTGOj6NQwdN5hSswGR-kWXGF84twxmMgeTUYUv__f7SE1MD-WMaST0QPMEoXmvEzwpHHG86jGI5tkOdz6th6PUkGr7cE35abDDrg6Y/s1600/delicious.gif'/></a><a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6pYtv2YIJRUhbY2ing2274xmbw2wmT0XHJMpDngWvRv-oe4nTvDVrJ8y_5bWsodDG5yiGxgwpIkQDiVSvKA5pOtgHamoty3_MyIcBbv7QuliIQKYzQUvRXPILLa4anFg-wB2LDP-NPnk/s1600/digg.png'/></a><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqdgmLtYzFnV_vBGf4wtrtW50lqM3fnY8zq9zXGFRZid_JM141Z_S3k8Srb9DArNSjlR3sTag7AkPBbfvD3yxS5MmJEyeqn5lJNV3PigyKhhZh2TLitf6hM_uAKw8sMNpEKI8D1uNqwOU/s1600/yahoo.png'/></a><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQur-Dyp3RUDZKocoDzffnJ1jLTLKIw4JzvYMOCajFjISDhxVaTzU1D-FeGXECz7PXRMZJNo2t0Zx6qe8IBT7Ox0ixKp9-TIpxknbD8folos5mTcOgEbEckUefnK42t_d9F-IIuDewBwE/s1600/google.gif'/></a><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Meneame' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJayfU6uTzk6HvKF3E5ZUqaZcOX9l6ZZOWXz8E_C7j9EhfLkLFyryjo7xJu9E1Td_1EQEmPn3YPzFB5FmzCD6Ygp92qo2yTRbhTuz2foIDn2FnJyPGuJ0Pd1vcIi5FNFGkVkt4PjJnX90/s1600/meneame.png'/></a><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Furl' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiuh9lZZmE-VZdYvkeypJlO8XCSMrAdTfaRz_U43LRYMcG1cUpJXngl32KghnMtvXCvhzKSU88BlI2adCV9yrwmJJ02otxEnwAg-8g9yy6D3wYHukpJ-T1xsjYD1mJrXHSnJHej63xJsw/s1600/furl.png'/></a><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKxeoBPJtHiiavs5EiMy9aDzwJpVe5KqU3BfJKcQFal5m_UbLpz5QSKRgLBkkl1h0dQx3ocsIO-3ebCCuXwiBFOB4uFsLZOhmREcdZjBagTbxCs3x3sfccZxddOHJWViIbUUSG5La06v4/s1600/reddit.gif'/></a><a expr:href='"http://ma.gnolia.com/beta/bookmarklet/add?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Magnolia' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxNwYz-iSig0fTR6f0H6SUJdc9FSM0Kzw2fnZ25yCgzFiabg1anIeW_seWbd9DEPSG9XfLd4-36T2DUekMvsX9QH8blagdFvpDYmF0M2BnqzRYs2kcf_iVzV-ecQ_Ap5xPSbtZIP2GxVA/s1600/magnolia.gif'/></a><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Blinklist' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo-fUIla8J9wa4q4VdVgcbYhgtlRk5-9ZYfctzxCOPq2Lwl40Y68QypF11OuaKepb7fiKZJ4k3skA2RO-H7OnLkIIZecB0w_NzEcGPS0S639ts8dMHWShKi7Artrah2gbC7xS3F_xU0YE/s1600/blinklists.gif'/></a><a expr:href='"http://blogmarks.net/my/new.php?mini=1&simple=1&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTzgPCdzcc0r45oJSrYnpuyUbfIGK-MMVbULB88BtXGLvmQX59TeNpCgMLXMIBXsJZahOFY0bDZLMpCkZeiOhJzLyGtSuzbGAvCaJDoM6xUY-8eEbEpxe_XF-B24IhiAYE6HMzAGUf_PQ/s1600/blogmarks.gif'/></a><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a facebook' class='rsociales-sobre' src='http://lh5.ggpht.com/jaloee/SJNIyWWQmEI/AAAAAAAACRY/4GVE3Qxqg34/facebook.gif'/></a><a expr:href='"http://twitter.com/home?status=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a twitter' class='rsociales-sobre' src='http://lh6.ggpht.com/jaloee/SJNIyl7oKlI/AAAAAAAACRc/8cc7q_upZI4/twitter.gif'/></a><a expr:href='"http://jaloee.multiply.com/journal/compose?body=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='multifly' class='rsociales-sobre' src='http://lh3.ggpht.com/jaloee/SJNKClcp6NI/AAAAAAAACRk/Dk1jtkOXECo/multiply.png'/></a>
Then click Save Template

Now you open your blog and see one of your articles. At the bottom of the article will appear the toolbar of Social Bookmarking. Ok, I hope this article was useful for those of you who read it. If you feel that this article, please do Bookmarking for this article.

Troubleshoot Error in Blogger HTML Template (2)

In the previous post, I discussed about how to overcome the error in the blogger template with a message like this: Widget IDS should be unique. Now, I will discuss how to fix the error in the Blogger template with a different error message. When you edit the template, maybe you will find error messages like this.

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "font" must be terminated by the matching end-tag "".

How to troubleshoot problem above is easy. The solutions, you must putting end-tag in your code.

Example, you insert meta tag like this.

<meta content="Trick, Tips, And Tutorial Blogger" name="title">

You must insert end-tag of this code like this.

<meta content="Trick, Tips, And Tutorial Blogger" name="title"></meta>

Or like this.

<meta content="Trick, Tips, And Tutorial Blogger" name="title"/>

Code blue is the end-tags from meta tag. So that the code are closed correctly. In conclusion, remember to provide end-tag at the time to edit the HTML code from the template that we have.

Troubleshoot Error in Blogger HTML Template

This problem is very often in blogger HTML. If you edit your blogger HTML template, maybe you will found error in your template, and results template can't save. Hmm, now i will explain some of the things that make these errors. For example, maybe you will found this message then you edit your blog template. In this time i will discussied error like this: Widget IDs should be unique.

How to troubleshoot problem above?? For Widget IDs should be unique, thats maybe because in your template have ID widget with the same number. Example:

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='upsidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>

<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
</b:section>

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML5' locked='false' title='Get Surveys' type='HTML'/>

<b:widget id=''HTML1' locked='false' title='Free Template' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
<b:widget id='HTML7' locked='false' title='Statistic' type='HTML'/>
<b:widget id='HTML8' locked='false' title='Site feed' type='HTML'/>

<b:widget id='HTML9' locked='false' title='' type='HTML'/>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
</b:section>

If code of your template like above, you will can't edit your template. And how to troubleshoot this?? You only need to change number with blue color above not same. And i give you guarantied your template will not error then editing.

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='upsidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>

<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
</b:section>

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML5' locked='false' title='Get Surveys' type='HTML'/>

<b:widget id=''HTML13' locked='false' title='Free Template' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
<b:widget id='HTML7' locked='false' title='Statistic' type='HTML'/>
<b:widget id='HTML8' locked='false' title='Site feed' type='HTML'/>

<b:widget id='HTML9' locked='false' title='' type='HTML'/>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
</b:section>

After this, you will not found error then you edit your template.

Install Feed With Marquee Effect

If we install the feed in the blog, we can provide marquee effect on feed, so feed it to move. This will make it more dynamic. To install a Marquee effect on feed, we need to edit your blog template. If you are interested to install on your blog, follow the steps below.

Log in with your BLogger account.
Go to Layout.
Click Page Element.
Select Feed.
Type your Blog Feed Address in the blank box beside URL Feed. Example your blog address is http://andreas.blogspot.com, than your Feed URL is http://andreas.com/atom.xml.
Click Save Changes.
Next Steps is make marquee effect in yoru template.
Click Edit HTML.
Mark on Expand Template Widget.
Find this code.

<b:widget id='Feed1' locked='false' title='Recent Post' type='Feed'>

<b:includable id='main'>
<h2><data:title/></h2>

<div class='widget-content'>

<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>

<b:loop values='data:feedData.items' var='i'>

<li>

<span class='item-title'>

<a expr:href='data:i.alternate.href'>

<data:i.title/>

</a>

</span>

<b:if cond='data:showItemDate'>

<b:if cond='data:i.str_published != ""'>

<span class='item-date'>

 - <data:i.str_published/>

</span>

</b:if>

</b:if>

<b:if cond='data:showItemAuthor'>

<b:if cond='data:i.author != ""'>

<span class='item-author'>

 - <data:i.author/>

</span>

</b:if>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>
Add marquee code as shown below.

<b:widget id='Feed1' locked='false' title='Recent Post' type='Feed'>

<b:includable id='main'>
<h2><data:title/></h2>

<marquee align='center' direction='up' height='150' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>

<div class='widget-content'>

<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>

<b:loop values='data:feedData.items' var='i'>

<li>

<span class='item-title'>

<a expr:href='data:i.alternate.href'>

<data:i.title/>

</a>

</span>

<b:if cond='data:showItemDate'>

<b:if cond='data:i.str_published != ""'>

<span class='item-date'>

 - <data:i.str_published/>

</span>

</b:if>

</b:if>

<b:if cond='data:showItemAuthor'>

<b:if cond='data:i.author != ""'>

<span class='item-author'>

 - <data:i.author/>

</span>

</b:if>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>
</marquee>
</b:includable>

</b:widget>
Click Save Template button.
Finished.

Need to know in that, the marquee code will less good if viewed in a browser mozilla, this code works well when viewed on the internet explorer browser.

Email Form Subscriber Placed Under Post

I am sure you already know about the Email Form Subscriber. Now I will explain how to put this widget blog under your article. Very easy to do. See the code below.

<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=kangandre', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'Insert Your Email Address';}' onfocus='if (this.value == 'Insert Your Email Address') {this.value = '';}' type='text' value='Insert Your Email Address'/><input name='uri' type='hidden' value='kangandre'/><br/><input name='loc' type='hidden' value=''/><input id='subbutton' type='submit' value='Subscribe'/></form>

That is an example of HTML code from Subscriber Email Form that I have. So that the widgets that can appear under the blog posting to us, follow the steps below.

Log in with your Blogspot account.
Go to Layout
Go to Edit HTML.
Mark on Expand Template Widget.
Find this code in your template.

<p><data.post:body/></p>
Paste your Email Form Subscriber code under <p><data.post:body/></p>. Example like this.

<p><data.post:body/></p>
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=kangandre', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'Insert Your Email Address';}' onfocus='if (this.value == 'Insert Your Email Address') {this.value = '';}' type='text' value='Insert Your Email Address'/><input name='uri' type='hidden' value='kangandre'/><br/><input name='loc' type='hidden' value=''/><input id='subbutton' type='submit' value='Subscribe'/></form>
Your job is not complete. Email Subscriber Form so that this does not huddle with the blog article, we give "Enter" effect with add <br/> as much twice, so that the results be like this.

<p><data.post:body/></p>
<br/><br/><form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=kangandre', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'Insert Your Email Address';}' onfocus='if (this.value == 'Insert Your Email Address') {this.value = '';}' type='text' value='Insert Your Email Address'/><input name='uri' type='hidden' value='kangandre'/><br/><input name='loc' type='hidden' value=''/><input id='subbutton' type='submit' value='Subscribe'/></form>
Then click Save Template

Now go to your blog articles and at the bottom of the article will look your Email Form Subscriber. Ok, happy blogging!!!

Make a Snaps Shots at Blog

In Blogspot Tutorial this time, I will explain how to install Snaps shots. Did you know about Snaps Shots??

Are you ever visited the blog belonging to someone else, and you move your cursor to the link on the blog, and show a screenshot? This is called Snapshot. You can also install the Snapshot on your blog. To get the Snapshot tool, we can use the tool of www.snap.com. To more understand about how to install a snapshot on the blog, follow the steps below.

Visit www.snap.com.
After the Page site opens, click on Get Started Now.
At the Choose a Color Theme, select the color you want. Choose a SNAP SHOT AND Trigger option, select the Snapshot icon . Or if you want to use the icon on your computer, click Browse ....
Set the size of Snapshot at the Choose Snap Shots Size option. Marked on the radio button. Click Continue.
At the Enter Your Site URL option, fill in the URL address of your blog. At the Enter Your Email option, enter your email address.
Mark on I agree to the Terms and Conditions below. Then click Continue button.
Then click on the Blogger logo. Then click Add Widget. Snapshot the code will be added to your blog automatically.
Click Save. Finished.

Now your blog have been completed with Snapshot feature. Enjoy the new features in your blog!

Sunday, March 8, 2009

Make Highlight Comments Author

Trick Make Highlight Comments very useful. Functions if there is a visitor who asked him through the comments and we answer it, our comment will marked as a special border given that readers easily find comments from the blog author.

How? Interested? Follow these tricks to make:

1. Log in to Blogger -> Layout -> Edit HTML.
2. Checklist on the Expand Template Widget. Then find the code ]]></b:skin> .
3. Paste this code before the code ]]></b:skin> .

.comment-body-author {
background: #E6E6E6; /* Background Color */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

4. Next find the code below. Perhaps the code in the template you were different, but try to find a code similar to the following:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

5. See, the code red is the code that you must add in the HTML you. The position must be correct.

6. Save.

To make this effect, you must give comments after log in to your BLogger Account,

Good Luck!!

Saturday, March 7, 2009

Know More About Alexa Rank

This time I will not discuss matters related to code HTML / Javascript. But I will discuss about Alexa Rank. Did your Alexa Rank? Many readers may already know, but many are not. Therefore, I quoted a description of your site's Alexa Rank www.alexa.com

What is Alexa Rank???

The traffic rank is based on three months of aggregated historical traffic data from millions of Alexa Toolbar users and data obtained from other, diverse traffic data sources, and is a combined measure of page views and users (reach). As a first step, Alexa computes the reach and number of page views for all sites on the Web on a daily basis. The main Alexa traffic rank is based on a value derived from these two quantities averaged over time (so that the rank of a site reflects both the number of users who visit that site as well as the number of pages on the site viewed by those users). The three-month change is determined by comparing the site's current rank with its rank from three months ago. For example, on July 1, the three-month change would show the difference between the rank based on traffic during the first quarter of the year and the rank based on traffic during the second quarter.

If in my opinion, Alexa Rank is the ranking is based on the amount of traffic a site / blog. Alexa can see the amount of traffic to your site / blog is based on information from the millions of internet users who install the alexa toolbar on their Internet browser.

Do we need to increase our blog's Alexa Rank?

If your blog is not used for the money, then you do not need a high Alexa Rank. But if you want to use your blog for the money, then a high Alexa Rank is necessary. Why? Because many sites of dollars using the Alexa rank as the quality of a blog. Examples are Text Link ads, Sponsored Review, Ask2link, and many more. These sites using Alexa Rank to determine the quality of a site. If your high Alexa Rank, then you will get a lot of advertisers. This means you will get a lot of income, too. Therefore, the Alexa Rank is necessary.

How Alexa Rank to know Number of Traffic in our blog?

As mentioned in the above description about Alexa, Alexa can see the amount of traffic to your blog / site through the Alexa toolbar installed by millions of internet users in their browser. After knowing the details, Alexa Rank will provide ratings directly to the site / blog.

How to Increase Alexa Rank?

To more easily get money from blogging, the need to increase our blog's Alexa Rank. Here I will explain how to increase your Alexa Rank.

Many bloggers are ashamed to install the Alexa Rank widget on their blog, Alexa Rank blog because they are too big. In fact, if they install the Alexa widget on their blog, the blog's Alexa Rank them will increase. Therefore, we need not be ashamed to install the Alexa widget on our blog. To install, please click here.
Install Alexa Toolbar on Our Browser

We can install the Alexa toolbar on your internet browser such as Mozilla and Internet Explorer. Download Alexa Toolbar here. After installing, make your blog as the main page on the browser you use.
Post Article About Alexa.

Create an article that discusses about Alexa, such as I discuss about Alexa in my article.
Increase Traffic to Your Blog

Increase traffic to your blog can be done in different ways. For example register a blog to search engine, posting articles as much as possible, join the forum, and many more.

Hmm, after apply to how the above, I hope Alexa rank on your blog will increase. Good luck!

Show Recent Post

In blogging, you may want to show you the latest posting appropriate amount specified. 5 For example, you want to show you the latest posting, then every 5 post that is created, will be considered the latest posting. Then 5 posts will be organized into a list of links. How do I make it? To make it, follow steps below.

1. Login to Blogger --> Layout --> Add Gadget --> HTML/Javascript.

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>

Amount of 10 is the number of post you want to display. Also replace YOURBLOGNAME with your blog name.

Insert Mini Icon at Label

You can insert labels in the icon on our blog, so it looks more sweet and more interesting. But this can only be used on the new template. To insert the icon on the label, you must have a small image that has been Uploaded to the hosting. For example, this is the URL of my image.

http://icons.iconarchive.com/icons/rokey/eicodesign/folder-apple-with-file-icon.jpg

To show it through HTML code, we add the HTML code to the URL, so it becomes like this.

<img src="http://icons.iconarchive.com/icons/rokey/eicodesign/folder-apple-with-file-icon.jpg"/>

So that the image appears on the label, follow the steps below.

Log in to Blogger.
Go to Layout.
Click Edit HTML.
Backup your template. Click Download Full Template.
After backup, find similar code as below.

<a expr:href='data:label.url'>

<data:label.name/>

  (<data:label.count/>)</a>
If you have found, paste the HTML code of your icon as below.

<a expr:href='data:label.url'>
<img src="http://icons.iconarchive.com/icons/rokey/eicodesign/folder-apple-with-file-icon.jpg"/>
<data:label.name/>
  (<data:label.count/>)</a>
Then save your template.
Finished.

If you insert the code, each label on your blog will have a mini icon. Ok, happy trying!!!

How to Set the Number of Posts Shown On The Main Page

In blogging, will be better if we set the number of posts that will be displayed on the main page. The purpose of the Set Number of posts is to add / reduce the number of articles displayed on the main page. If the post is displayed on the main page very much, will make our blog's home page to load more weight. Therefore, it is important to set the number of posts that will be displayed on the main page. If the number of posts displayed on the main page too much, we should reduce the amount.

To set the number of posts displayed on the main page, we can do so easily. No need to edit the template. If you want to know about it, please follow the steps below.

Log in to Blogger/Blogspot.
Go to Settings.
After the Settings page opens, click on Formatting.
See on the View option. In the dropdown menu, select the Posts. Dropdown menu on the left there is a small box. Fill the box with the number of posts you want displayed on the main page. If you want to show the last post on the main page is 6, type number 6 on the box.
Click Save Settings button.
Finished.

Now, open your blog. You will see the number of posts on the main blog page you changed. Ok, nice work!

Make Post Summary (Read More) At Classic Template

In the previous article, I explain how to create a post summary on the new template. Now, I will explain to you about how to create a post summary (Read More) in the classic template. If you blog using a classic template, I think you need to follow the tutorial in this article.

Log in to Blogger -> Layout -> Edit HTML.
Paste this code above the code </style>.

<MainOrArchivePage>
div.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage>
div.fullpost {display:inline;}
</ItemPage>
Then paste the following code under the code <$BlogItemBody$>.

<MainOrArchivePage><br/>
<a href="<$BlogItemPermalinkURL$>">Read more</a>
</MainOrArchivePage>
Save the template. Then go to Settings -> Formatting.
In the Post template, fill in the following code.

<div class="fullpost">

</div>
Then save.

Now, if you want to post the article, type the beginning of the posts that will be displayed on the main page before <div class="fullpost"> Then type the continuation of the article between <div class="fullpost"> and </div>. Ok, I hope this tutorial is useful for those of you who read it.

Make "Read More" Go to New Page

I have been explaining how to create a summary post (Read More). On the main page, posts that are displayed are only summarized, and then to read it fully, we must click on the Read More link.

Hmm, now I explain to you how to create a summary post / Read More link that when clicked, then the articles will be displayed in full on the new page. So, we do not need to close the our main page blog. If you want to make it, please follow the steps below.

Login to Blogger.
Go to Layout --> Edit HTML --> and give checklist in Expand Template Widget.
If you are installing Read More Version 1, you can continue, but if you have not installed Read More version 2, see this article first.
Find this code:

<a expr:href='data:post.url'>Read More...... </a>
Add code target="_blank"
between <a expr:href='data:post.url' and >Read More...... </a>. So that the code be like this:

<a expr:href='data:post.url' target="_blank">Read More...... </a>.
Save your changes and see results.

Now you open your blog and try to click the Read More link. If the article on the blog opened a window / new tab, it means that our experiment was successful. But if you have any problem about this, please inform me about your problem through the comment box.

Friday, March 6, 2009

Make Widget Under Header

Many bloggers who want to add a widget in the bottom of the blog title. There who want to add a horizontal widget adsense ads, which have also wanted to show the other menus. If you are interested to add the widget under the title of your blog, follow these steps.

Usually we can only install widgets on the post. Only along the length of the post. If the header can be longer. If you want to make it, follow the following tricks:

1. Log in to Blogger --> Edit HTML --> Expand Template Widget.
2. Find this code:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

3. If found, replace the above code with the following code:

<b:section class='header' id='header' preferred='yes'>

4. Click Save.

5. Click the Page Elements and will have to add a widget box right under the header.

Good LUCK!!!

Create Free Advertisiment Blog

I'm often look blog only contains ads from other blogger. They offering for other blogger to placing blogger ads in their blog. Hmm, was how to make blog like this not difficult. How to make it is easy.

1. Create new blog. Dont know how to create new blog?? See tutorial how to create blog.
2. After you create new blog, go to Settings menu.
3. Click on Email tab.
4. In the Mail address-to-Blogger box, fill with anything you want. Example: myads. Then save.
5. Nnow you need to create Contact Form menu. Visit http://www.emailmeform.com.
6. Fill all data that required. REMEMBER!!! In the Reciepent Emails, type your email bloggers that you created previously.

Now you already have email address in blogger and already have a contact form script that is ready to plug in the blogger. Next step is to install the script.

1. Please log in blogger
2. Click Layout.
3. Click Page Element.
4. Click add gadget
5. Click the Alerts plus (+) for HTML / Javascript.
6. Copy and paste ago contact form script that you have. Click the save button.
7. Move elements (widget) you've just created to the place you want (preferably on the elements of the post).
8. This is a important steps!!! DONE . Just kidding

Create Free Advertisiment Blog

Showing Latest Comments/Recent Comments

Showing latest comments useful because our know that there are people who commented on our blog and in the where the post. Many blogger are already using this widget on their blog, but many are not using it because they do not know how to create a widget like this. How to make are as follows:

1. Log in to Blogger -> Layout -> Add Gadget -> HTML / Javascript.
2. Paste this code.

<script style="text/javascript" src="http://kendhin.890m.com/comments.js"></script><script style="text/javascript">var a_rc=8;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://blogging-trick.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>

Number 8 is the limit of the number of comments that want to display and blogging-trick.blogspot.com, you can replace with the URL what you want.

Showing Online/Offline YM Status

Tricks this time discussing how this status to make online / offline YM show on our blog. With this widget, visitor know whether we are online or not. If they know, they can send a message to us.

Status look as image. If our YM status is online, the picture will be like this:

But if the status of our YM offline, or you are not currently logged in at YM, the image is like this:

offline ym

If you want to add this widget to your blog, will very easy. You need copy this script and paste in your sidebar:

<a href="ymsgr:sendIM?
">ndre_as_jrockstar"> <img src="http://opi.yahoo.com/online?u=ndre_as_jrockstar&m=g&t=1&l=us"/>
</a>

Replace the word with the name of YM ndre_as_jrockstar you. Meanwhile, the number 2 can you change with whatever image adjust status.

Deleting Text How to Subscribe

Sometimes, when we finished reading a blog, under article, found link: subscribe to: Post Atom. Link function to make readers can subscribe to the blog articles via Atom Feed. But, there are bloggers that are less happy with the link. Therefore, I will explain how to remove this link.

Log in to Blogger.
Go to Layout.
Go to Edit HTML.
Before editing, i suggest you to backup your template. Click on Download Full Template.
Mark on Expand Template Widget.
Search code like below. Then delete it.

<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
Save your template.
Finished.

See the results. Links that have been deleted. Ok, I hope this is useful for those of you who read it.

Blog Tutorial and Interesting Information Sharing

Feedjit

Blog Archive

Labels

Tuesday, January 10, 2012

Backlink Watch: Get 1000 High PR Backlink for Free!!

Monday, March 9, 2009

Adding Social Bookmarking At End of Article

Troubleshoot Error in Blogger HTML Template (2)

Troubleshoot Error in Blogger HTML Template

Install Feed With Marquee Effect

Email Form Subscriber Placed Under Post

Make a Snaps Shots at Blog

Sunday, March 8, 2009

Make Highlight Comments Author

Saturday, March 7, 2009

Know More About Alexa Rank

Show Recent Post

Insert Mini Icon at Label

How to Set the Number of Posts Shown On The Main Page

Make Post Summary (Read More) At Classic Template

Make "Read More" Go to New Page

Friday, March 6, 2009

Make Widget Under Header

Create Free Advertisiment Blog

Create Free Advertisiment Blog

Showing Latest Comments/Recent Comments

Showing Online/Offline YM Status

Deleting Text How to Subscribe

Followers

Contributors

Footer 2

Footer 3