tag:blogger.com,1999:blog-23429097113582411742024-03-14T02:28:26.645-07:00Blogger Tips and Tricks | SEO | Blogger Gadgets and WidgetsTips Trik Blogger is a blog about Professional Blogger Tutorials, Resources, Tools, CSS, HTML Tutorials, Tips, Tricks, and General tutorialsUnknownnoreply@blogger.comBlogger21125tag:blogger.com,1999:blog-2342909711358241174.post-19773082043544584172011-01-29T05:59:00.000-08:002011-05-13T22:22:20.057-07:00How to change Timestamp format in BloggerYou know, there are lots of blogger templates using Timestamp format for posted day instead of DateTime format. We must change the TimeStamp as their format otherwise the date won’t show up properly on each of your posts! Actually the date will most likely be blank and you’ll think the template is broken.<br />
<br />
Login To Blogger Go To > Settings > Formatting.<br />
<br />
At Formatting tab, change Timestamp Format to format like “Thursday, January 27,2011″.<br />
<br />
<b>Remember change the TIMESTAMP, not the DATE HEADER</b><br />
<a href="" name="more"></a><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyn9W9mlP8ci6tbjWWfqldT_wkFy2ScMMJ6u8anulvXoin2i4T36TPJG517p1zUiLFHBjERHX3wU5mlNFeqaMf7XHK5AJtx60_WvOAlKMv85oJ7v-k6-mnyI2JnRyB9VZOkK-0qPV1l-As/s1600/How+to+change+Timestamp+format+in+Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyn9W9mlP8ci6tbjWWfqldT_wkFy2ScMMJ6u8anulvXoin2i4T36TPJG517p1zUiLFHBjERHX3wU5mlNFeqaMf7XHK5AJtx60_WvOAlKMv85oJ7v-k6-mnyI2JnRyB9VZOkK-0qPV1l-As/s400/How+to+change+Timestamp+format+in+Blogger.jpg" width="400" /></a></div><br />
Save your template and you are done.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2342909711358241174.post-83599415642446353052011-01-28T19:50:00.000-08:002011-05-13T22:22:59.966-07:00How to limit the number of posts displayed in label pagesSome of you maybe are annoyed by 20 max result when you are click your own label or tag of Blogger, and it makes your page of the blog very long to the bottom.In blogger you can limit the number of posts appearing on the home page, but you cannot to do it on the label pages.<br />
<br />
In this post I will show you how to limit the number of posts showing in label pages.<br />
<br />
Login To Blogger Go To > Design > Edit HTML.<br />
(Back up your template)<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
Then, find (CTRL+F) this code in the template. <br />
<div class="code">expr:href='data:label.url'</div>You may find more than one instance. Replace them with the following <br />
<div class="code">expr:href='data:label.url + "?max-results=5"' </div><a href="" name="more"></a><br />
<b><a name='more'></a>For Label Cloud users.</b><br />
To change the number of posts displayed when readers click on an item in your label cloud, find this line in your template:<br />
<div class="code">a.href = lcBlogURL+'/search/label/'+encodeURIComponent(t); </div>And replace it with this instead: <br />
<div class="code">a.href = lcBlogURL+'/search/label/'+encodeURIComponent(t) +'?max-results=5'; </div>The '5' in the code above means that a page will show 5 post per (on each) page. You may change to any ammount you want. But we recommend to make the ammount same as how many the first page of your Blog show the post. And lower is better.<br />
<br />
Now save it and see the result.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-81006107875867169682010-12-16T06:25:00.000-08:002011-05-13T22:23:21.360-07:00How To Remove Link Underlines<b>Take a look at the links below:</b><br />
<ul><li><a href="http://royaltutor.blogspot.com/2010/05/how-to-remove-windows-old-folder-in-c.html" style="text-decoration: none;">How to remove Windows. old folder in C:\</a></li>
<li><a href="http://royaltutor.blogspot.com/2010/05/some-keyboard-tips-for-windows-7-users.html" style="text-decoration: none;">Some Keyboard Tips for Windows 7 Users</a></li>
<li><a href="http://royaltutor.blogspot.com/2010/06/most-important-windows-xp-shortcuts.html" style="text-decoration: none;">Most Important Windows XP Shortcuts </a></li>
<li><a href="http://royaltutor.blogspot.com/2010/06/gmail-drag-and-drop-attachments-onto.html" style="text-decoration: none;">Gmail Drag and drop attachments onto messages</a></li>
</ul><br />
Notice anything about them? They are not underlined, yet they are still active. <br />
For a good while, people would write to me and ask how to rid the links on their page of the awful underline.Well, here's how you do it:<br />
<br />
When you add a link in normal method your html code will look like this :<br />
<div class="code"><a href="http://www.royaltutor.net/"> Royal Tutor</a> </div>Result:<br />
<a href="" name="more"></a><br />
<a href="http://www.royaltutor.net/"> Royal Tutor</a><br />
<br />
If you want to remove underline of link, add <span style="color: red;">style="text-decoration:none"</span> as example below.<br />
<div class="code"><a style="text-decoration:none" href="http://www.royaltutor.net/"> Royal Tutor</a> </div>Result:<br />
<br />
<a href="http://www.royaltutor.net/" style="text-decoration: none;"> Royal Tutor</a><br />
that's itUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-18055637907938622072010-11-30T10:55:00.000-08:002011-05-13T22:24:18.103-07:00Scroll Bar Widget For Blogger<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP46dNyJCGBwHl1o8K6viQIyo6955tPaSyDo-VG61l0WS55pHrQ9bMWQuLLgkDrvZdsZIqNjSoTyY0JwN2KpIF-vYlWzKyaWM7Kn8RRVTpeA6qXF1NQaYnjOREBwWLErPAdZ1pexhSswI3/s1600/Capture.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP46dNyJCGBwHl1o8K6viQIyo6955tPaSyDo-VG61l0WS55pHrQ9bMWQuLLgkDrvZdsZIqNjSoTyY0JwN2KpIF-vYlWzKyaWM7Kn8RRVTpeA6qXF1NQaYnjOREBwWLErPAdZ1pexhSswI3/s320/Capture.jpg" width="268" /></a></div><br />
Lets Make a Scrolling Bar menu for your Blog<br />
<a href="" name="more"></a><br />
Login To Blogger Go To > Design > Page Elements.<br />
<br />
Simply add a Gadget of HTML/JavaScript type.<br />
<br />
add this code in to it:<br />
<a name='more'></a><br />
<div class="code"><div style="overflow:auto;width:<span style="color: blue;">260</span>px;height:<span style="color: blue;">300</span>px;padding:<span style="color: blue;">10</span>px;"> <br />
<ul><br />
<br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<li><a href="Your Link">Your Text</a></li><br />
<br />
</ul><br />
</div> </div>Replace Your Link and Your Text with your contents.<br />
<br />
you can edit width,height and padding in <span style="background-color: white; color: blue;">blue</span> to adjust it to your blog.<br />
<br />
Now click Save and That's It.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-35794506940713790662010-11-23T06:46:00.000-08:002011-05-13T22:23:46.592-07:00How To Create Text Area with Select All<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiXl3_l4VuNmDx8gX8DhbBz5w1YPtkPbEkIAfvzYzz7l17qmsZ4oPYL7WOpjJrNLbBosCNbgsjEbSswcruSoBdv4VK_yoCKfzvNCzZslu4GWOOPOoVym1p4aHnN0cBh7BFk3R9nQG7sl4S/s1600/Capture.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiXl3_l4VuNmDx8gX8DhbBz5w1YPtkPbEkIAfvzYzz7l17qmsZ4oPYL7WOpjJrNLbBosCNbgsjEbSswcruSoBdv4VK_yoCKfzvNCzZslu4GWOOPOoVym1p4aHnN0cBh7BFk3R9nQG7sl4S/s1600/Capture.jpg" /></a></div><br />
Login To Blogger Go To > Design > Edit HTML.<br />
<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
Then, find (CTRL+F) this code in the template.<br />
<a name='more'></a><br />
<a href="" name="more"></a><br />
<div class="code"></head></div>And immediately before it, paste this code:<br />
<div class="code"><script type="text/javascript"><br />
<br />
function selectAll()<br />
{<br />
document.form1.demo.focus();<br />
document.form1.demo.select();<br />
}<br />
<br />
</script> </div>Now click Save Templste.<br />
<br />
Then, Go To > Design > Page Elements.<br />
<br />
Simply add a Gadget of HTML/JavaScript type.<br />
<br />
add this code in to it:<br />
<div class="code"><form name="form1" ><br />
<textarea cols="25" rows="10" name="demo"><br />
<br />
INSERT YOUR CONTENT HERE<br />
<br />
</textarea><br />
<input type="button" name="selectit" value="Select All" onclick="selectAll ();"><br />
</form> </div>Note : Remember to replace INSERT YOUR CONTENT HERE with your real content.<br />
<br />
Now you are done.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-19933112735237459832010-10-29T08:09:00.000-07:002011-05-13T22:24:43.371-07:00How To Create Disable Text AreaThis grays out the textarea altogether and inhibits any change in the text as well as text highlighting.If you want to create disable text area use the code below.<br />
<div class="code"><textarea cols="<span style="color: blue;">50</span>" rows="<span style="color: blue;">5</span>" <span style="color: orange;">disabled="yes"</span>>TYPE-YOUR-TEXT-HERE</textarea></div>Look at the example below.<br />
<div class="code"><textarea cols="50" rows="5" disabled="yes">Computer operating speed is of concern to almost everyone. In a recent series of tests PC SPY identified several programs that were responsible for the biggest cause of system performance slow downs.</textarea></div>Result:<br />
<a href="" name="more"></a><br />
<textarea cols="50" disabled="yes" rows="5">Computer operating speed is of concern to almost everyone. In a recent series of tests PC SPY identified several programs that were responsible for the biggest cause of system performance slow downs.</textarea><br />
That's it.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-36848219984000587822010-10-29T05:21:00.000-07:002011-05-13T22:25:56.085-07:00Adding Meta Tags To Blogger(Blogspot)<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZHmz3EBqiPk5NBxtntXwGKUeqSkIQcRzDp_d0G8OcjRZ6S58rNgSBL6BYqKZspqaLcIMGUODAmvzy-5BS-VpEcx_2o5bzw9D56UuD0-AwYPF5sNMc7hB6tLg9WMLQ26uIqtHaWWtVO1qs/s1600/edit+html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZHmz3EBqiPk5NBxtntXwGKUeqSkIQcRzDp_d0G8OcjRZ6S58rNgSBL6BYqKZspqaLcIMGUODAmvzy-5BS-VpEcx_2o5bzw9D56UuD0-AwYPF5sNMc7hB6tLg9WMLQ26uIqtHaWWtVO1qs/s400/edit+html.jpg" width="400" /></a></div><br />
Login To Blogger Go To > Design > Edit <span class="IL_AD" id="IL_AD1">HTML</span>.<br />
<br />
and mark the tick box "<span class="IL_AD" id="IL_AD3">Expand</span> Widget Templates"<br />
<br />
Then, find (CTRL+F) this code in the template.<br />
<a name='more'></a><br />
<a href="" name="more"></a><br />
<div class="code"><b:include data='blog' name='all-head-content'/></div>Now place the following code just after it<br />
<div class="code"><meta content='<span style="color: red;">DESCRIPTION HERE</span>' name='description'/><br />
<meta content='<span style="color: red;">KEYWORDS HERE</span>' name='keywords'/><br />
<meta content='<span style="color: red;">AUTHOR NAME HERE</span>' name='author'/></div>Now just change text in red with your own text. ‘Keywords’ meta tag can have any number of keywords.<br />
and save the changes.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-91587216877371203642010-10-28T05:34:00.000-07:002011-05-13T22:25:34.781-07:00How to add Different Meta tags to Different Blogger Posts<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZHmz3EBqiPk5NBxtntXwGKUeqSkIQcRzDp_d0G8OcjRZ6S58rNgSBL6BYqKZspqaLcIMGUODAmvzy-5BS-VpEcx_2o5bzw9D56UuD0-AwYPF5sNMc7hB6tLg9WMLQ26uIqtHaWWtVO1qs/s1600/edit+html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZHmz3EBqiPk5NBxtntXwGKUeqSkIQcRzDp_d0G8OcjRZ6S58rNgSBL6BYqKZspqaLcIMGUODAmvzy-5BS-VpEcx_2o5bzw9D56UuD0-AwYPF5sNMc7hB6tLg9WMLQ26uIqtHaWWtVO1qs/s400/edit+html.jpg" width="400" /></a></div><br />
Login To Blogger Go To > Design > Edit HTML.<br />
<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
Then, find (CTRL+F) this code in the template.<br />
<a name='more'></a><br />
<a href="" name="more"></a><br />
<div class="code"><b:include data='blog' name='all-head-content'/></div>and add this code just below that line<br />
<div class="code"><b:if cond='data:blog.url == "<span style="color: blue;">YOUR POST URL</span>"'><br />
<meta content='<span style="color: blue;">DESCRIPTION</span>' name='description'/><br />
<meta content='<span style="color: blue;">KEYWORDS</span>' name='keywords'/> </b:if></div>Then, just change text in blue with your own text.<br />
<br />
Now, what you have to do is pasting the above three lines below the present code and changing the link,description and keywords.<br />
You can add different meta tags to as many blog posts as you can.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-42346274463866393072010-10-27T06:04:00.000-07:002011-05-13T22:25:09.433-07:00How To SEO Optimize Your Blogger Blog Titles For Higher Search Results<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5dD3FzoHZ4U4SGqTMGCZRGbmnbgC6sGgwXRJYAC7w2Yz095HbUrYm40RKs-ETBJXfaRSjOQCNEwYV0rtUuluPAGXfhuEV9vgvQgCYWkkaXkGgyAcjMP4VC6I54YOxTXmNdVcaUSU6ThnG/s1600/Capture.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5dD3FzoHZ4U4SGqTMGCZRGbmnbgC6sGgwXRJYAC7w2Yz095HbUrYm40RKs-ETBJXfaRSjOQCNEwYV0rtUuluPAGXfhuEV9vgvQgCYWkkaXkGgyAcjMP4VC6I54YOxTXmNdVcaUSU6ThnG/s400/Capture.jpg" width="400" /></a></div><br />
This is called "Blogger/blogspot Title Swapping".This will give your blog better search engine rankings. It is always good to have your main keywords(Post title) of a specific blog post at the start rather than placing your blog title at the start. This situation becomes very bad if your blog title is very long.<br />
<br />
As usual,Login To Blogger Go To > Design > Edit HTML.<br />
<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
Then, find (CTRL+F) this code in the template.<br />
<a name='more'></a><br />
<a href="" name="more"></a><br />
<div class="code"><title><data:blog.title/></title></div>Now, replace that line with these:<br />
<div class="code"><b:if cond='data:blog.pageType == "item"'><br />
<title><data:blog.pageName/> |<data:blog.title/></title><br />
<b:else/><br />
<title><data:blog.pageTitle/></title> </b:if></div>Now click save the Template and you are done.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-48980370070142755352010-10-26T11:06:00.000-07:002011-05-14T03:44:16.858-07:00Adding FaceBook Share Count button for blogger posts.Adding a Facebook share count button will show a neat count of how many times your blog post has been shared on Facebook.<br />
<br />
<b>Facebook Share Button Style 1</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE-8b8LKP-OdqQcOglI_S9NGnl6TkT3nYVH6066ZelJIuO3OOcmAZRDMGADsvw1qBF6qHVJfXDtk40JM1955-63mzMs1mfTmmZCV3RoTLSZYYJRlplncVkEr-T5-g59xBiyXQRvQBepYyJ/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE-8b8LKP-OdqQcOglI_S9NGnl6TkT3nYVH6066ZelJIuO3OOcmAZRDMGADsvw1qBF6qHVJfXDtk40JM1955-63mzMs1mfTmmZCV3RoTLSZYYJRlplncVkEr-T5-g59xBiyXQRvQBepYyJ/s320/1.jpg" width="320" /></a></div>Code<br />
<div class="code"><div style="float:left;padding:4px;"><br />
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/> <br />
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/><br />
</div></div><b><a name='more'></a>Facebook Share Button Style 2</b><br />
<a href="" name="more"></a><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxO85khoRL5RXz1xAG9x_bAqy9TzxfrT9FgX2e7Ws_yTQaBGiWNHapIqzdaToIqTDptlyvT04jhOxKJeFbjEk8NP9Ec7gcyuAWwWVDp8n7VDWkQDvfPLLPrCvJrbMxRB7GUky3Am-XfMj/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxO85khoRL5RXz1xAG9x_bAqy9TzxfrT9FgX2e7Ws_yTQaBGiWNHapIqzdaToIqTDptlyvT04jhOxKJeFbjEk8NP9Ec7gcyuAWwWVDp8n7VDWkQDvfPLLPrCvJrbMxRB7GUky3Am-XfMj/s320/2.jpg" width="320" /></a></div> Code<br />
<div class="code"><div style="float:right;padding:4px;"><br />
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/> <br />
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/><br />
</div></div><b>Facebook Share Button Style 3</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb6zOi0reuqPz9lY5cO7Csjeevz568aCfWbH1foVadZU8CmKmHdmHc2OLCu3hBbH3jBEYhBA7dy7n_K4Re1PmNMiet67fykuMZOeHK-_3VkSEb25WuzdmVORvRWLlHg0RK7nnnXZusJIAd/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb6zOi0reuqPz9lY5cO7Csjeevz568aCfWbH1foVadZU8CmKmHdmHc2OLCu3hBbH3jBEYhBA7dy7n_K4Re1PmNMiet67fykuMZOeHK-_3VkSEb25WuzdmVORvRWLlHg0RK7nnnXZusJIAd/s320/3.jpg" width="320" /></a></div>Code<br />
<div class="code"><div style="float:left;padding:4px;"><br />
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/> <br />
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/><br />
</div></div><b>Facebook Share Button Style 4</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxI2A4xnedka1iCI458CAQNfy-UE2u20rmACuCVpjTPJEbufd4GEYKoQZTs6FxqiWsC3sl_tfWs6L833G5I_J9dP-S9XekUSqxxHzKeO8abYP5OuM88K7k8gJz_2vImzvgUid6XdDddQg/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxI2A4xnedka1iCI458CAQNfy-UE2u20rmACuCVpjTPJEbufd4GEYKoQZTs6FxqiWsC3sl_tfWs6L833G5I_J9dP-S9XekUSqxxHzKeO8abYP5OuM88K7k8gJz_2vImzvgUid6XdDddQg/s320/4.jpg" width="320" /></a></div>Code<br />
<div class="code"><div style="float:right;padding:4px;"><br />
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/> <br />
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/><br />
</div></div>Select one of the Share Button Styles and copy the Corresponding Code.<br />
Login To Blogger Go To > Design > Edit HTML.<br />
and mark the tick box "Expand Widget Templates"<br />
Now find (CTRL+F) this code in the template.<br />
<div class="code"><div class='post-header-line-1'/></div>And immediately After it, place Facebook share button code(that you copied) :<br />
If you were unable to find this code in your template,then look for this code in the template.<br />
<div class="code"><data:post.body/></div>And immediately Before it, Facebook share button code(that you copied):<br />
Now click Save Template.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-40750898481540681242010-10-21T23:23:00.000-07:002011-05-13T22:26:24.997-07:00How to Remove and Hide Blogger NavBar<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS5zICSCK3VHgyf9tygVBbVPHPUMeL0x1jC3gyFr-j0mE61KlQeZ1uEIoUhfOGp1a0FvSr1KZP56eONjzWpbryFL70W1aU8KqIslf0UhZgkhaWWWmilMosvgOI4R1pJ3UPtdaIb0veOt_h/s1600/navi+bar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS5zICSCK3VHgyf9tygVBbVPHPUMeL0x1jC3gyFr-j0mE61KlQeZ1uEIoUhfOGp1a0FvSr1KZP56eONjzWpbryFL70W1aU8KqIslf0UhZgkhaWWWmilMosvgOI4R1pJ3UPtdaIb0veOt_h/s320/navi+bar.jpg" width="320" /></a></div><br />
Login To Blogger Go To > Design > Edit HTML.<br />
<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
Now find (CTRL+F) this code in the template.<br />
<a href="" name="more"></a><br />
<div class="code">]]></b:skin></div>And immediately Before it, paste this code:<br />
<a name='more'></a><br />
<div class="code">#navbar-iframe {<br />
height:0px;<br />
visibility:hidden;<br />
display:none<br />
}</div>Now click Save Template.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-11557237341834247312010-10-19T06:07:00.000-07:002011-05-13T22:27:02.844-07:00How to Create Static Pages in BloggerPages lets you publish static information on stand-alone pages linked from your blog.For example you can create Contact Us page to your blog that contains the information on how to contact you, Advertise here page to let advertisers know the price and other requirement to advertise on your blog and so on.<br />
<br />
So how to create Pages on Blogger? Here’s the brief tutorial below.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA8stowmVY6J-_5l2Zw-1az1BTYr0fLzJ301llxryo_xyr_Lty18VzITg28MJ7rWFnD15M-FcQxp4K9ZryfHTtzsDxzJ3pWX04LfUuINjxSsNouZrrD6ClmDghcnFYIWLvNunFUzUjzTMZ/s1600/Capture.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA8stowmVY6J-_5l2Zw-1az1BTYr0fLzJ301llxryo_xyr_Lty18VzITg28MJ7rWFnD15M-FcQxp4K9ZryfHTtzsDxzJ3pWX04LfUuINjxSsNouZrrD6ClmDghcnFYIWLvNunFUzUjzTMZ/s400/Capture.jpg" width="400" /></a></div><br />
Login To Blogger Go To > Posting > Edit Pages. <br />
Click on 'New Page' button.<br />
<a name='more'></a><br />
<a href="" name="more"></a><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjki9INXv0zE5iZCRT8vdnwJRbMPGDiTZwk35PjPEkTK7oksyJ7ayJTYe-F-r1ocJE3IMSTUXmQHdJlw3tRGndxCRBZoZl27FMDWAZ4IAY4Cbl1msYA9PZkic7GVE8347-6Xvq-FJCBaeLH/s1600/Capture2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjki9INXv0zE5iZCRT8vdnwJRbMPGDiTZwk35PjPEkTK7oksyJ7ayJTYe-F-r1ocJE3IMSTUXmQHdJlw3tRGndxCRBZoZl27FMDWAZ4IAY4Cbl1msYA9PZkic7GVE8347-6Xvq-FJCBaeLH/s400/Capture2.jpg" width="400" /></a></div>Now, give your page a title and write the content and publish the page.<br />
You may need the link of the page.For that Right click the View Page link and Copy the Page link.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpormlTCQBAzDzXBfTeVzxX-CoTmfwoGisgCDn1MUXiYF9GbbWBtzPgxEyNtzFGYOCwpCX-HgrJA_L7jcdDHfGy2cLHPGCJ7Kqs1hMtefMA5sio5ZZqnLDuVKix2VpMvQ-CM8O3cWxpM89/s1600/capture3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpormlTCQBAzDzXBfTeVzxX-CoTmfwoGisgCDn1MUXiYF9GbbWBtzPgxEyNtzFGYOCwpCX-HgrJA_L7jcdDHfGy2cLHPGCJ7Kqs1hMtefMA5sio5ZZqnLDuVKix2VpMvQ-CM8O3cWxpM89/s400/capture3.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"></div>After you complete the above easy steps then you are done with creating the Static Pages in blogger.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-19954112198136208702010-10-18T08:10:00.000-07:002011-05-13T22:20:10.093-07:00How to upload Blogger XML templates<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKrMQNJfP4Q_vCndgYNctb_taGN6hseN8kpMPIWTMeA6lv9KnR1THvMHP_Ox_nsmx4Ya4t_Xk0jrOvUNAc2mgsCp_CwOi4m2s0tuZxWPfLJR9QWcxAbd6NNVbiTvct2HnXKULTDSqsiqp1/s1600/fgdf.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKrMQNJfP4Q_vCndgYNctb_taGN6hseN8kpMPIWTMeA6lv9KnR1THvMHP_Ox_nsmx4Ya4t_Xk0jrOvUNAc2mgsCp_CwOi4m2s0tuZxWPfLJR9QWcxAbd6NNVbiTvct2HnXKULTDSqsiqp1/s400/fgdf.jpg" width="400" /></a></div><div style="text-align: left;"><br />
</div><ul><li>Download your favorite Blogger XML template to your computer. If the template is contained in a zip file, ensure you have extracted the XML template.</li>
</ul><ul><li>Log in to your Blogger dashboard and go to Design> Edit HTML</li>
</ul><br />
<a name='more'></a> It’s best that your backup your old template (just in case any thing goes wrong), by clicking on the “<span style="background-color: lime;">Download Full Template</span>” link and then save the file to your hard disk drive.<br />
<br />
<a href="" name="more"></a><br />
Once you have created a back up, upload the new template by clicking the ‘<span style="background-color: lime;">Browse</span>’ button (1). Select the file’s source and click ‘<span style="background-color: lime;">Upload</span>’ (2),<br />
<br />
After the upload is complete , you can either which to preview your template or click on the ‘<span style="background-color: lime;">Save Template</span>’ button to start using it.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-47081692356623618142010-10-18T07:43:00.000-07:002011-05-14T03:41:29.324-07:00Animated Flash Tag/Label Cloud For Blogger<div class="separator" style="clear: both; text-align: center;"></div><br />
<div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ8p6HmRTfRCVKLNH_Nuo75x8LpTG4kNGJSbVkvaWAb2-hJMoUhVEErN6hmH6Zgy3pHM40GLqjLd3lpj-KPbSQSk47NtJdOAUF5nyS8FnGE_75ebb8G8qHtsYf16gu4Zn08qPDsqjvvFQI/s1600/Capture.jpg" /></div>Installing Blogumus in your Blogger layout is surprisingly simple! You should only need to copy and paste a section of code to your Blogger template. :)<br />
<br />
Login To Blogger Go To > Design > Edit HTML.<br />
<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
Now find (CTRL+F) this code in the template<br />
<a name='more'></a><br />
<div class="code"><b:section class='sidebar' id='sidebar' preferred='yes'></div><a href="" name="more"></a><br />
And immediately after this code line, paste this code in new line:<br />
<div class="csscode"><b:widget id='Label99' locked='false' title='Labels' type='Label'><br />
<b:includable id='main'><br />
<b:if cond='data:title'><br />
<h2><data:title/></h2><br />
</b:if><br />
<div class='widget-content'><br />
<script src='http://www.yourjavascript.com/131890410571/RoyalTutortagcloud.js' type='text/javascript'/><br />
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a> via <a href='http://www.royaltutor.net'>Royal Tutor</a></div><br />
<script type='text/javascript'><br />
var so = new SWFObject(&quot;http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);<br />
// uncomment next line to enable transparency<br />
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);<br />
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);<br />
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);<br />
so.addVariable(&quot;distr&quot;, &quot;true&quot;);<br />
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);<br />
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);<br />
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);<br />
so.write(&quot;flashcontent&quot;);<br />
</script><br />
<b:include name='quickedit'/><br />
</div><br />
</b:includable><br />
</b:widget></div>In this default installation, Blogumus includes the following preset variables:<br />
<br />
* Width is set to 240px<br />
<br />
* Height is set to 300px;<br />
<br />
* Background color is white<br />
<br />
* Test color is grey<br />
<br />
* Font size is “12″<br />
<br />
<b>Change height and width</b><br />
Both of these options can be configured in the following line:<br />
<div class="code">var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");</div>The width is 240px and the height is 300px. These numerical values specify the width and height in pixels, so you can alter these of you prefer.<br />
<br />
<b>Change background color</b><br />
To change the background color, alter the hex value found in this line:<br />
<div class="code">var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");</div>By default, this is set to white(#ffffff), but you can alter this to any value you prefer.<br />
<br />
<b>Change the color of text</b><br />
The tag-links are black by default, though you can change this within the following line using the tcolor value:<br />
<div class="code">so.addVariable("tcolor", "0x333333");</div>Be aware that "tcolor" is a Flash variable and doesn't include the usual hash symbol of hex color codes. Be sure to only replace the numbers!<br />
<br />
<b>To alter the size of tags/links</b><br />
In the following line of code, the size of the tag links is "12" (proportionate to the size of the widget). You can change this value to a smaller or larger number depending on whether you prefer the links to appear smaller or larger in your widget.<br />
<div class="code">so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");</div>You can alter this to ensure tags are displayed in a bigger or smaller font if you prefer by changing "12" to a larger or smaller number.<br />
<br />
You are done.:)Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-84964854360336994792010-10-14T09:23:00.000-07:002011-05-13T22:19:22.301-07:00How to create blog in blogspot Why should you create blog in blogger.com, not in other free blog providers? Actually, there is no “should”, but blogger.com has more advantages than other providers do. One of the advantages is the easiness in operating so that blogger.com is good for the beginners. Other advantages are the freedom in editing and replacing the templates to make the best display, custom domain which means that you can replace the domain with your own but with the blogspot hosting, e.g. yourname.blogspot.com can be changed into yourname.com, but still in the same hosting, i.e. the free blogspot hosting.<br />
<br />
<ul><li> Please visit <a href="http://www.blogger.com/">http://www.blogger.com</a></li>
</ul><ul><li>After registration page open, go to the right bottom of the page where you can change the language to your own to make you easier to understand the instructions, but in this tutorial, I use English for more global targeting. Please login by using your username and password of your gmail (your email account is allowed to use for login to blogger). <a name='more'></a></li>
</ul><a href="" name="more"></a><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi0i44UBBRTr0sb_lOguC2oq1lGK-8KHQzr-NfuOkrZra1_zo9yGh9cWZTLkIU-G_vxxagiSh01ngjA0ywuw-2366hT-Bz6Bn3R3ySEAFrTt032ik03vP5S3CB3UqRK7sXxeVeTMViidyu/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi0i44UBBRTr0sb_lOguC2oq1lGK-8KHQzr-NfuOkrZra1_zo9yGh9cWZTLkIU-G_vxxagiSh01ngjA0ywuw-2366hT-Bz6Bn3R3ySEAFrTt032ik03vP5S3CB3UqRK7sXxeVeTMViidyu/s1600/1.jpg" /></a></div><br />
<ul><li> Click "CREATE A BLOG" button</li>
</ul><ul><li> Enter your Blog Title in the field next to "Blog Title", and your expected blog address in the field next to “Blog address (URL). Need to remember that when you enter your expected blog address, you have to be sure of it as you cannot replace it in the future, except you use Custom Domain facility. Check for the availability. If your expected blog address is not available, replace with your new one and so on until you get it. Then type the character you see next to "Word verification", below blog address point and click CONTINUE for the next steps. </li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0LtpIlq3KTgYibeoA3xon1R1fIDF1JSxENa9mDr512TCxLqPcJwVUWgopF8gXo5B-fnRSCFf9vlozejvNQduFkQmpzgUFo3SXQiDK-ZecYhH1l_MYJnUYzq5_5Zxa6bFwMoEhXUi88qU0/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0LtpIlq3KTgYibeoA3xon1R1fIDF1JSxENa9mDr512TCxLqPcJwVUWgopF8gXo5B-fnRSCFf9vlozejvNQduFkQmpzgUFo3SXQiDK-ZecYhH1l_MYJnUYzq5_5Zxa6bFwMoEhXUi88qU0/s320/2.jpg" width="320" /></a></div><br />
<ul><li>Choose a starter template, meaning that you can replace this template in the future and then click CONTINUE. </li>
</ul><br />
<ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg57B4PXOi5JDL0iotmbkQSy51O-GqzySw1h9MZOA9MHOheoe1J99V8lHWSJsEzd1EcWqmVU3-9TIEwy914gnJyaRwX8D-zm5AgZdfC0JXcsWL4BSGxEF3rBK83l9r7zPQnWfIMEOgno77H/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg57B4PXOi5JDL0iotmbkQSy51O-GqzySw1h9MZOA9MHOheoe1J99V8lHWSJsEzd1EcWqmVU3-9TIEwy914gnJyaRwX8D-zm5AgZdfC0JXcsWL4BSGxEF3rBK83l9r7zPQnWfIMEOgno77H/s320/3.jpg" width="320" /></a></div></ul><br />
<ul><li>You will see "Your Blog has been created!" meaning that now you have a blog and you are ready to start Blogging, by clicking "START BLOGGING". </li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZTjhl0Mcl_HhprCyjhPnXFn_PMYtqQHcv7f_2g1elqS7624Jk0BTFH5mtxaPyQQlPUhC7c5gdJQMWe4_BDPdtq4Rw-9JMrisWoYsXF0fMdGyME7PxYEyboqR-ZPxO712dEJWuvsbE5xxp/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZTjhl0Mcl_HhprCyjhPnXFn_PMYtqQHcv7f_2g1elqS7624Jk0BTFH5mtxaPyQQlPUhC7c5gdJQMWe4_BDPdtq4Rw-9JMrisWoYsXF0fMdGyME7PxYEyboqR-ZPxO712dEJWuvsbE5xxp/s320/4.jpg" width="320" /></a></div><br />
You will soon be in the post editor, where you can write anything as you may have thought about before. (it is recommended to directly write for your first post to avoid "Blogger Anti-Spam Robot" that can result in your blog locked. For instance, you can write a very short entry if you have not prepared an entry: "Hello World!", and anything else you want. Click "PREVIEW" button to view how your post will be displayed, then click "PUBLISH POST" if you want your entry to be published.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWHcoybuRJnrQ6OCkqKytJHXM_5r1ksXgHhqjZoFDPCvUfFr43Yu90WJdiRylRPAu6qgHBvn7WdmSQXzPTCeooWEq_Ym0pZzeXqliSihy57k6iUPJOeX6dsO-p13TuPtFcFQFrQg5vACNi/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWHcoybuRJnrQ6OCkqKytJHXM_5r1ksXgHhqjZoFDPCvUfFr43Yu90WJdiRylRPAu6qgHBvn7WdmSQXzPTCeooWEq_Ym0pZzeXqliSihy57k6iUPJOeX6dsO-p13TuPtFcFQFrQg5vACNi/s320/5.jpg" width="320" /></a></div><br />
<ul><li>Click "View Post" to see your blog. Below is the example of the blog display created</li>
</ul><ul><li> Done</li>
</ul><br />
For the first phase, your blog is ready and accessible for public. For next discussions about blogging in blogger are to come.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-18764713431704848852010-10-14T08:10:00.000-07:002011-05-13T22:21:03.653-07:00How To Set Your Blogspot SettingsIn this page, I will be discussing what to do in each of the settings areas you see below in the Settings.<br />
<ul><li>Login To Blogger Go To > Settings</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLf2rv8komHJBnyQZ5Ytm_ZeS5pXKI5oE2KcTv0SM8gOgtUHJPktVB_6nova-gtr6uyGjEe4FiZDldoCWZOsYBmHgxMSkQ_7B8GN99CAQvqpqPSGFV_PYQSNHurURf71rTYa1IzaVu42A/s1600/Capture.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLf2rv8komHJBnyQZ5Ytm_ZeS5pXKI5oE2KcTv0SM8gOgtUHJPktVB_6nova-gtr6uyGjEe4FiZDldoCWZOsYBmHgxMSkQ_7B8GN99CAQvqpqPSGFV_PYQSNHurURf71rTYa1IzaVu42A/s400/Capture.jpg" width="400" /></a></div><br />
<b>Some settings in Basic menu:</b><br />
<ul><li>Blog Tools: </li>
</ul><blockquote><ol><li>Import blog > this is the facility to import data from your computer (this is usually done when transferring blog). Don’t click it, let it be as it is. </li>
<li>Export blog > this is the facility to export blog from blogger server to your computer. This facility is also called as Backup blog facility. You are suggested to create blog backup at least once a week. The backup data will be useful and helpful when sometime you want to transfer blogs in blogger, or you also can use it when you want to do a blog migration from blogger to another blog machine such as Wordpress, etc. </li>
<li>Delete blog > this facility is to delete your blog. Don’t ever click it if you don’t want to delete your blog.<a name='more'></a></li>
</ol></blockquote><a href="" name="more"></a><br />
<ul><li>Title: Fill out with the title of your blog, e.g. My Music blog</li>
<li> Description: Fill out with your blog description, e.g. My Music Blog has a large number of songs that are well organized and can be accessed through an easy search.</li>
<li>Add your blog to our listing?: You’re suggested to choose Yes option.</li>
<li>Let search engines find your blog?: Choose Yes, so your blog will be indexed by search engines such as Google, Yahoo, and Bing.</li>
<li> Show quick editing on your blog?: You may choose Yes or No.</li>
<li>Show email post links?: It will be an icon of email with which your visitors can easily email your posts to their friends. Choose Yes, if you want, or No if you don’t want this facility to appear on your blog.</li>
<li> Adult contents?: If your blog then will contain anything about adults including in the forms of writing, images, or videos of such as sexy girls, etc, you can choose Yes. However, if your blog then will contain anything to be accessed safely by kids and all ages, you should choose No. NB: If you choose Yes, there will be an adult content warning when your blog is accessed.</li>
<li> Select Post Editor: This is to select post editor in your blog. </li>
</ul><blockquote><ol><li>Updated Editor > This is the latest post editor that Blogger has with new features included such as the More button to cut off your articles, and more. </li>
<li>Old Editor > This is the old post editor that Blogger has, but you can still use it if you feel more comfortable with this old editor, because there are some features at this old editor that are not included in the Updated Post Editor. </li>
<li>Hide Compose Mode > This is an option for those who are familiar with HTML because this option will hide the compose mode in your post editor. Don’t use this option if you are not familiar with the HTML coding.</li>
</ol></blockquote><ul><li>Enable transliteration?: Select Enable if you want your post editor allow you to translate to Hindi, Kannada, Malayalam, Tamil, or Telugu. Select disable if you want your post editor not to allow you the transliteration.</li>
</ul>End settings on Basic menu by clicking SAVE SETTINGS.<br />
<br />
<b>Publishing</b><br />
<br />
This is to change the domain name of your blog in blogger with your own domain name,<br />
e.g. http://yourblogname.blogspot.com into http://yourblogname.com.<br />
<br />
For temporary, don’t do anything at this Publishing menu! Leave it alone.<br />
<br />
<b>Formatting</b><br />
<br />
Some settings in the Formatting menu:<br />
<br />
<ul><li>Show at most: type the number of posts you want to display on your blog homepage, e.g. 5. Next to number of posts option, there is dropdown menu allow you to choose Posts or Days. Just choose posts, which means your blog homepage will show 5 posts.</li>
<li> Date Header Format: Choose how the date format you would like to display above your posts.</li>
<li>Archive Index Date Format: Choose the date format for your archive index.</li>
<li>Timestamp Format: Choose the time format you would like to display. This is the time when a post is published on your blog.</li>
<li>Time Zone: Just choose the time zone where you are.</li>
<li>Language: Choose the language you want to use in your blog.</li>
<li> Convert line breaks: this is the facility of automated line breaks when you hit enter during typing an article in the post editor. This facility is used when you think you will not post or write the codes such as HTML codes, etc in the future. But if you think you will post about HTML codes and include the codes in your posts, you should choose No, for instance, if your blog talks about the tutorials about HTML, PHP, etc.</li>
<li> Show Title Field: You may choose Yes or No.</li>
<li>Show link fields: You may choose Yes or No.</li>
<li>Enable Float alignment: Choose Yes, so you can arrange the position of your post both images and texts. But if you think this option will disturb the display of your blog, just choose No.</li>
<li>Post Template: This is the facility to create any text or code to appear each time you write a new post. It is usually used to create blog signature that will always appear in every post you create without having to type manually each time you create a new post.</li>
</ul>End the settings on Formatting menu by clicking SAVE SETTINGS<br />
<br />
<b>Comments</b><br />
<br />
Some settings in the Comments menu:<br />
<br />
<ul><li>Comments: Choose Show if you want your posts commented by your visitors, or choose Hide if you don’t want your posts commented by your visitors.</li>
<li>Who can comment? : </li>
</ul><blockquote><ol><li>Anyone – includes anonymous users > choose this option if you want everyone can comment on your blog including the Anonymous users or those without identity. </li>
<li>Registered users –includes OpenID > Only users that are registered who can comment on your blog, i.e. those who have accounts in Google, Live Journal, Wordpress, Type pad, AIM, and or OpenID. </li>
<li>Users with Google accounts > Those who can comment on your blog are those who have Google accounts. </li>
<li>Only members of this blog > Only members of your blog who can comment. A certain community usually chooses this option such as educational community, etc.</li>
</ol></blockquote><ul><li>Comment form placement: </li>
</ul><blockquote><ol><li>Full page > the page of your blog will switch to the comment form page if you choose this option. </li>
<li>Pop-up window > your comment box will appear as pop-up window, so your blog is still displayed. </li>
<li>Embedded below post > your comment box will directly be displayed under post, so your visitors can comment directly without clicking a Post Comment link. Bloggers like most the comment box is embedded below post.</li>
</ol></blockquote><ul><li>Comments Default for posts: Choose New posts Have Comments if you want your articles have the comment box, but you can disable this when you create a post. Choose New Posts Do not have comments if you want your posts don’t have comment box, but you can add it when you create a post.</li>
<li>Backlinks: Choose Show if you want to display links to the websites that link to your articles.</li>
<li>Backlinks Default for Posts: choose New posts have backlinks if you want your articles have backlinks, and choose new posts do not have backlinks if you want your articles do not have backlinks.</li>
<li> Comment Timestamp Format: choose the date format you want to display.</li>
<li> Comment Form Message: type your massages to be displayed above the comment box, e.g. please comment freely but keep it polite by not doing spam.</li>
<li>Comment Moderation: choose Always if you want to display any comment after moderation. Only on posts older than …days. Choose this option if you want to display any comment on your selected posts based on the age you have determined, e.g. 15 days, etc. Choose Never if you want to display any comment without a moderation. Don’t forget to type your email address in the available field to get notifications when someone of non-member comments on your posts. Or leave blank if you don’t need the notifications.</li>
<li>Show word verification for comments?: choose Yes if you want to display word verification that will require commentators to enter before publishing their comments. It is to avoid a spam comment such as the robot spam script that can comment on your automatically and frequently. Anyway, visitors usually don’t like the word verification for inconvenience reason. Choose No when you don’t want the word verification displayed, although this option allows spasm like robot spam scripts to place their comments.</li>
<li>Show profile images on comments?: Choose Yes if you want the profile images of commentators to be displayed, and choose No if otherwise.</li>
</ul><ul><li>Comment Notification Email: Enter the email addresses up to ten emails that you want to send comment notifications.</li>
</ul>End settings on Comment menu by clicking SAVE SETTINGS.<br />
<br />
<b>Archiving</b><br />
<br />
Some settings on Archiving menu:<br />
<br />
<ul><li>Archive frequency: choose how your blog archives will be displayed on your blog whether you want the archives arranged No Archive, Daily, Weekly, or Monthly. You had better choose Monthly.</li>
<li>Enable Post Pages?: Choose Yes or No.</li>
</ul>End settings on Archiving menu by clicking SAVE SETTINGS.<br />
<br />
<b>Site Feed</b><br />
<br />
Some settings on Site Feed menu:<br />
<br />
<ul><li>Allow Blog Feeds: Choose either None, Short, or Full. You had better Full at this option.</li>
<li>Post Feed Redirect URL: If you have burned your post feed, you can type the URL of your feed here, for instance, you can burned post feed at Feedburner, etc. Leave it blank if you don’t have. We will specifically discuss about Feed burner at next post.</li>
<li>Post Feed Footer: You can fill any code here that will be displayed in the footer of your post feed such as advertisements, etc. Leave it blank if you don’t understand.</li>
</ul>End settings on Site Feed menu by clicking SAVE SETTINGS.<br />
<br />
<b>Email & Mobile</b><br />
<br />
In order to be able to post an article on your blog, not only do you use the post editor, but you also have other ways, e.g. through email and mobile.<br />
<br />
Some setting on Email & Mobile menu:<br />
<br />
BlogSend Address: Type email addresses up to ten emails separated by comma (,) to which you want to send notification when posting an article.<br />
<br />
Email Posting Address: Create a blogger email address (known as Mail2Blogger) from which you can post articles directly to your blog when you send an email to this blogger email address, e.g. if you have an email address at example@gmail.com, then you can create blogger email address at example.post@blogger.com or example.blog@blogger.com, or anything else you think very good, but you should remember that it’s a secret to avoid other people can post through it.<br />
<br />
To activate this feature, you should choose Publish emails immediately, meaning that each time you send emails to your blogger email address, the content of your email will be posted as blog post on your blog. If you choose Save emails as draft posts, the emails will not be published automatically but will be stored in the draft posts.<br />
<br />
However, if you don’t want to publish through email, choose Disable. For security reason, many choose this option.<br />
<br />
End settings on Email & Mobile menu by clicking SAVE SETTINGS<br />
<br />
<b>OpenID</b><br />
<br />
Nothing to do some settings here, but there is notification telling you that your blog address can be used as the address of OpenID. What is OpenID? Maybe we will discuss later.<br />
<br />
<b>Permissions</b><br />
<br />
On this menu, you can add Authors by inviting them. Just write the email addresses you want them to be the authors of your blog.<br />
<br />
At Who can view this blog?, you can choose who can view your blog. If you choose Anybody, your blog can be viewed by public or anybody. If you choose Only people I choose, only invited people who can view your blog that they should login first to view. If you choose Only blog authors, only your blog authors who can view your blog. If you think your blog is not worth publishing as you conduct maintenance, for instance, you can use this option, so only you that can view the blog.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-67675592461323378292010-10-12T06:08:00.000-07:002011-05-13T22:29:16.287-07:00How to Change the Date of a Blog Post in Blogger<div style="text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi74T87jwOfTSK522qZRsVoHCg_Lh9QMgpm-Bjl_41G_4TICSnLPGlM3dL7YcoHiedzvhCWGvdfgAtus-9IDt6rF4LXyG8utE9ckZTU6oXoy9s_P1Rw8GA9bubnztkMnRsbgSWpdl-dsZQU/s1600/date.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi74T87jwOfTSK522qZRsVoHCg_Lh9QMgpm-Bjl_41G_4TICSnLPGlM3dL7YcoHiedzvhCWGvdfgAtus-9IDt6rF4LXyG8utE9ckZTU6oXoy9s_P1Rw8GA9bubnztkMnRsbgSWpdl-dsZQU/s400/date.jpg" width="400" /></a></div><div style="text-align: left;">Login To Blogger Go To > Settings > Formatting. <br />
<a href="" name="more"></a><br />
Choose a format in which you intend the date to be displayed from among a number of formats (Only numerals, Combination of numerals and words etc.). </div><div style="text-align: center;"><br />
</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-88577569563413196902010-08-22T11:10:00.000-07:002011-05-14T03:43:43.841-07:00Adding a Floating Back To Top ButtonIf you have very long posts or a long line of comments, your visitors find it difficult to surf through your blog. So that's when you need to add a back to top button, and it's configurations are very easy too.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbw_Z_6QzyJf8IFKkIWEicAA5Q74N0my5IwLdwklPZw27SAIeDiDwKiIPwb_aK4NRlW9e-c2CgPwWXvBidGbSr5X1rQO95wWbTrAxIw5p3FHARc69BgYcyH1szPttCsSUu_r2wro4I82w/s1600/up+b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbw_Z_6QzyJf8IFKkIWEicAA5Q74N0my5IwLdwklPZw27SAIeDiDwKiIPwb_aK4NRlW9e-c2CgPwWXvBidGbSr5X1rQO95wWbTrAxIw5p3FHARc69BgYcyH1szPttCsSUu_r2wro4I82w/s1600/up+b.png" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRPSKPfpPMwqoJlIrOBro0EJppBC_I41MDvcZyjVtrUFUjWA8K0X_JmElCsKiFNEdjYZ-j9oQW1MF9KN-dTXpGFAIpib2rrnkRumkzGPaHfq_98W-mqoCTZfihr5doJGGkzkNgx5TRxw/s1600/up+s.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRPSKPfpPMwqoJlIrOBro0EJppBC_I41MDvcZyjVtrUFUjWA8K0X_JmElCsKiFNEdjYZ-j9oQW1MF9KN-dTXpGFAIpib2rrnkRumkzGPaHfq_98W-mqoCTZfihr5doJGGkzkNgx5TRxw/s1600/up+s.png" /></a></div><br />
Login To Blogger Go To > Design > Page Elements.<br />
<br />
Simply add a Gadget of HTML/JavaScript type.<br />
<br />
add this code in to it:<br />
<a href="" name="more"></a><br />
<div class="code"><!--BACK2TOP-STARTS--><br />
<br />
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='<span style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbw_Z_6QzyJf8IFKkIWEicAA5Q74N0my5IwLdwklPZw27SAIeDiDwKiIPwb_aK4NRlW9e-c2CgPwWXvBidGbSr5X1rQO95wWbTrAxIw5p3FHARc69BgYcyH1szPttCsSUu_r2wro4I82w/s1600/up+b.png</span>'" src="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRPSKPfpPMwqoJlIrOBro0EJppBC_I41MDvcZyjVtrUFUjWA8K0X_JmElCsKiFNEdjYZ-j9oQW1MF9KN-dTXpGFAIpib2rrnkRumkzGPaHfq_98W-mqoCTZfihr5doJGGkzkNgx5TRxw/s1600/up+s.png</span>" onmouseout="this.src='<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRPSKPfpPMwqoJlIrOBro0EJppBC_I41MDvcZyjVtrUFUjWA8K0X_JmElCsKiFNEdjYZ-j9oQW1MF9KN-dTXpGFAIpib2rrnkRumkzGPaHfq_98W-mqoCTZfihr5doJGGkzkNgx5TRxw/s1600/up+s.png</span>'"/></a><br />
<br />
<!--BACK2TOP-STOPS--></div><br />
<a name='more'></a>you can change the pics if you wish to.The one ending with "up+b.png"(blue) should be replaced with your larger image and the other one(red) with the small image.<br />
<br />
Just save your widget and view your blog with a floating Back-To-Top button at the bottom-right corner of your homepage.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-20260923899300452422010-06-08T09:57:00.000-07:002011-05-14T03:40:57.364-07:00How to remove the dotted border from Blogger linksI’m sure that many of you have noticed the dotted border that surrounds links when you click on them. It’s actually an accessibility feature and in most cases it’s fine, but in some cases that dotted border surrounding active links can be quite annoying and ugly. There is a very simple and easy way to hide the dotted border from active links. All it takes is a few lines of CSS and you’re done.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWvj1XnXONAp3LUrbsggiDOcJ_Oj8Mkh2rxs5vGUsamwTNw0UiCG-sscdn8aN9cw9T6A33ybDkrrCfUveR4DzU-qkYGUwzGk9UNWVcsGCW8fVUbj7xvOvBseqVEwj1gNpayyAqCA6QF-RT/s1600/Capture.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWvj1XnXONAp3LUrbsggiDOcJ_Oj8Mkh2rxs5vGUsamwTNw0UiCG-sscdn8aN9cw9T6A33ybDkrrCfUveR4DzU-qkYGUwzGk9UNWVcsGCW8fVUbj7xvOvBseqVEwj1gNpayyAqCA6QF-RT/s400/Capture.jpg" width="400" /></a></div><br />
Just Login To Blogger Go To > Layout > Edit Html and Find for <br />
<div class="code">]]></b:skin> </div><a href="" name="more"></a><br />
And just place the below code before it.<br />
<div class="code">a { outline:none; } </div>And save your template and you are done now.Now whenever you will click on any link in blogger no dotted lines will appear.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-42420797946070336942010-05-21T21:10:00.000-07:002011-05-14T03:40:34.084-07:00How to add a favicon in Blogger favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16, 32×32 or 64×64 pixel square icon associated with a particular website or web page.<span style="background-color: lime;">Most of the people use 16*16 pixel favicon with ".ico" format</span>.But,you can also use gif,png(image formats) aswell.<br />
<br />
There are plenty of sites out there that generates a favicon for you when you upload an image.Do a Google Search for "free favicon Generator" and plenty of sites would come up or use one of these free services:<br />
<ul><li><a href="http://www.genfavicon.com/" onclick="javascript:pageTracker._trackPageview('/articles//www.genfavicon.com');" target="_blank" title="Favicon">http://www.genfavicon.com/</a></li>
<li><a href="http://www.bloggerbuster.com/2007/02/favicon-generator.html" title="Favicon generator for Blogger">Favicon Generator (Blogger Buster)</a> </li>
<li><a href="http://www.favicongenerator.com/">FaviconGenerator.com</a> (right click image and choose “Save image as”) </li>
<li><a href="http://www.html-kit.com/favicon/">HTML-Kit favicon generator</a> (download as favicon package) – Enables you to create a static or animated favicon; you can even create a favicon quickly using your Twitter username <br />
<a href="" name="more"></a><br />
</li>
</ul><br />
<a name='more'></a>Then upload it to a free image hosting site like <a href="http://www.imageboo.com/index.php" onclick="javascript:pageTracker._trackPageview('/articles//www.imageboo.com');" target="_blank" title="Image Boo">ImageBoo</a> .After uploading the file select the direct link given at the very bottom which should look like "http://www.imageboo.com/files/m06hie3vf8gdban6cuq1.ico", <span style="background-color: lime;">add that as the "favicon url" given in the below instructions.</span><br />
<br />
Now,go to your blogger dashboard>layout>Edit html and look for this code which at the top the template:<br />
<div class="code"><title><data:blog.pagetitle/></title> </div>Just after that line add the following codes, <span style="background-color: lime;">substituting 'favicon url' for the URL where your favicon is hosted</span>:<br />
<div class="code"><link href='<span style="color: blue;">favicon url</span>' rel='shortcut icon'/><br />
<link href='<span style="color: blue;">favicon url</span>' rel='icon'/> </div>Then save your template. Now when you view your blog in your browser, you should see your favicon appear beside the web address.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2342909711358241174.post-1049719657921675422010-05-15T00:16:00.000-07:002011-05-13T22:18:16.426-07:00How to add Scrolling text to your blogThis time I like to explain you how to add marquee (also called as Scrolling text)to your blog sidebars,blog posts,etc. This will definitely bring the attraction of readers.You can give a welcome message or any sort of warning message in this scrolling text widget anywhere that accepts marquee code.Please take care not to avoid or change any part of the code.<br />
<br />
So,Here is the code to add a simple scrolling text from right to left side<br />
<div class="code"><marquee>Your text here</marquee></div><a href="http://www.blogger.com/post-edit.g?blogID=2342909711358241174&postID=104971965792167542" name="more"></a><br />
The output will be like this:<br />
<marquee>Your text here</marquee><br />
<br />
How to add a background color to the text<br />
<div class="code"><marquee bgcolor="#2E2EFE">Your text here</marquee></div>The output will be like this:<br />
<a name='more'></a><br />
<br />
<marquee bgcolor="#2e2efe">Your text here</marquee><br />
<br />
You can choose your background colour by replacing the hexadecimal code(#2E2EFE).<br />
<a href="http://kranthitips.blogspot.com/2007/12/hexa-decimal-color-chart-for-bloggers.html"></a><a href="http://html-color-codes.info/">Click here</a> to see the codes of the different colors.<br />
<br />
Here are some mode attributes<br />
<div class="code"><span style="color: red;">direction="left"</span><br />
<br />
<span style="color: blue;">direction="right"</span><br />
<br />
<span style="color: orange;">direction="up"</span><br />
<br />
<span style="color: magenta;">direction="down"</span> </div>The above attributes tells the text which direction to scroll.<br />
<br />
How to scroll in the 'right' direction:<br />
<div class="code"><marquee direction="right" bgcolor="#80FF00">Your text here</marquee></div>The output will be like this:<br />
<br />
<marquee bgcolor="#80ff00" direction="right">Your text here</marquee><br />
<br />
How to scroll in the 'up' direction:<br />
<div class="code"><marquee direction="up" bgcolor="#F7FE2E">your text here</marquee></div>The output will be like this:<br />
<br />
<marquee bgcolor="#f7fe2e" direction="up">your text here</marquee><br />
<br />
How to scroll in the 'down' direction:<br />
<div class="code"><marquee direction="down" bgcolor="#FF0000">your text here</marquee></div> The output will be like this:<br />
<br />
<marquee bgcolor="#ff0000" direction="down">your text here</marquee><br />
<br />
How to alternate the text<br />
<div class="code"><marquee behavior="alternate" direction="left" bgcolor="#81F7F3" scrollamount="2">your text here</marquee></div>The output will be like this:<br />
<br />
<marquee behavior="alternate" bgcolor="#81f7f3" direction="left" scrollamount="2">your text here</marquee><br />
<br />
You can also change the speed of the text<br />
<div class="code">scrollamount="2"</div><br />
example<i><span style="color: #330033;"> 1</span></i> for scrollamout =2<br />
<div class="code"><marquee behavior="alternate" direction="left" bgcolor="#FA58F4" scrollamount="2">your text here</marquee></div>The output will be like this:<br />
<br />
<marquee behavior="alternate" bgcolor="#fa58f4" direction="left" scrollamount="2">your text here</marquee><br />
<br />
example<i><span style="color: #330033;"> 2</span></i> for scrollamout =4<br />
<div class="code"><marquee behavior="alternate" direction="left" bgcolor="#FA58F4" scrollamount="4">your text here</marquee></div>The output will be like this:<br />
<br />
<marquee behavior="alternate" bgcolor="#fa58f4" direction="left" scrollamount="4">your text here</marquee><br />
<br />
example<i><span style="color: #330033;"> 3</span></i> for scrollamout =6<br />
<div class="code"><marquee behavior="alternate" direction="left" bgcolor="#FA58F4" scrollamount="6">your text here</marquee></div>The output will be like this:<br />
<br />
<marquee behavior="alternate" bgcolor="#fa58f4" direction="left" scrollamount="6">your text here</marquee><br />
<br />
How to Paus the text when mouse is over the text:<br />
<br />
<div class="code"><marquee behavior="alternate" direction="left" bgcolor="#ACFA58" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50">your text here</marquee></div> The output will be like this:<br />
<br />
<marquee ="" behavior="alternate" bgcolor="#acfa58" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="50">your text here</marquee><br />
<br />
How to <span style="color: black;">add hyperlinks in the scrolling text</span> :<br />
<div class="code"><marquee behavior="scroll" direction="left" bgcolor="#99FFFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4"> <a href="url#1">LINK#1</a> <a href="url#2">LINK#2</a> <a href="url#3">LINK#3</a> </marquee></div><br />
<span style="background-color: red;">Replace</span><b> </b>the Link#1,Link#2,Link#3 with the text and url#1,url#2 and url#3 with the target url addresses.<br />
<br />
Here is how I do<br />
<div class="code"><marquee behavior="scroll" direction="left" bgcolor="#FE2EF7" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4"> <a href="http://royalinfograbber.blogspot.com/">Royal Info Grabber</a> <a href="http://royaltutor.blogspot.com/">Royal Tutor</a> <a href="http://html-color-codes.info/">HTML color codes chart</a> </marquee></div><br />
The output will be like this:<br />
<br />
<marquee behavior="scroll" bgcolor="#fe2ef7" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="4"> <a href="http://royalinfograbber.blogspot.com/">Royal Info Grabber</a> <a href="http://royaltutor.blogspot.com/">Royal Tutor</a> <a href="http://html-color-codes.info/">HTML color codes chart</a> </marquee><br />
<br />
If you want to put this in sidebar,then sign in to your blogger account>click the add a page element> and paste the code in <span style="background-color: lime;">html/javascript</span> and <span style="background-color: lime;">save the changes</span> .<br />
Happy Blogging:)Unknownnoreply@blogger.com0