tag:blogger.com,1999:blog-39825457725135224962024-03-19T03:31:24.299-07:00Blogger e-HowThe Best Blog Widgets and great blog tips.Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.comBlogger30125tag:blogger.com,1999:blog-3982545772513522496.post-34896757767712125902011-08-31T18:15:00.000-07:002012-02-13T00:10:53.257-08:00How to Change the Title Tags in Blogger for More Search Engine Traffic<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 24px;"></span><br />
<div style="line-height: 22px;">By default Blogger displays the <b>blog title</b> first, followed by the <b>name of the post</b>. As you might notice this is not good when it comes to <a href="http://widgetsforfree.blogspot.com/2009/01/best-seo-sites-for-increased-traffic.html" style="color: #276dc1; text-decoration: underline;">SEO</a>. It's important for the name of the post to come before the name of your blog, especially when it comes to google search results. Learn how to <b>make your post title show up first</b> so that you can reel in more traffic from the search engines.<br />
<a href="http://draft.blogger.com/blogger.g?blogID=3982545772513522496" name="more" style="text-decoration: underline;"></a></div><h2 style="color: #0b2561; font-family: "Droid Serif", Georgia, sans-serif; font-size: 19px; font-style: normal; font-weight: bold; margin: 0px 0px 10px;">Why Change the Titles?</h2>It's quite important to have the<b> Post Title + Blog Title </b>arranged accordingly because this is how you would want your blog to be displayed on google's search results. This way more people will click on your link when searching google because the post title is more relevant than your post name.<br />
<b>Example Google Search Results:</b><br />
You are most likely to click on the bottom image when searching google for the keywords "image reflection generator". The reason being is that your mind reads text from <span style="font-weight: bold;">left to right</span>. So it makes sense to have the more important title on the left.<br />
<span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 24px;"><br />
</span><br />
<span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, "Times New Roman", Times, serif; font-size: 15px;"></span><br />
<h2 style="color: #0b2561; font-family: "Droid Serif", Georgia, sans-serif; font-size: 19px; font-style: normal; font-weight: bold; line-height: 24px; margin: 0px 0px 10px;">How to Change the Titles:</h2><ol style="line-height: 22px;"><li style="margin-bottom: 10px;">Go to <b>Layout>edit HTML</b> in your Blogger dashboard.</li>
<li style="margin-bottom: 10px;">Search for this tag: <b><title><data:blog.pageTitle/></title></b></li>
<li style="margin-bottom: 10px;"><b><span class="Apple-style-span" style="font-weight: normal;">Replace this tag with the following code:</span></b></li>
<blockquote style="background-clip: initial; background-color: transparent; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; color: #abafb9; margin: 10px 0px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"><b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if></blockquote><li style="margin-bottom: 10px;">Save your template and you should see the results in your web browser as depicted in the images below.</li>
<li style="margin-bottom: 10px;">It may take a few days for the changes to <a href="http://widgetsforfree.blogspot.com/2009/07/hide-and-show-html-content-with-links.html?showComment=1250520465664#c4100581861384194351" style="color: #276dc1; text-decoration: underline;">show</a> up on the google search results. I guarantee you that you will start receiving more traffic from google once you are re-indexed!</li>
</ol><div><span class="Apple-style-span" style="line-height: 22px;"><img height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjimGb7g0vuyEIVdMfF1lk4Vit0uDEJ7d3Fhwvx0s6PkGIHfA3lQ5ZOlI_HtGJzF2TGVRg8iT0X8iqcb-GB9Ee2uyxAfCTBEBojF9Wl8OK_uz_Tp2MUbfyYufpgnCCiWRMGhZ4vsWsKNjg/" width="400" /></span></div><div><span class="Apple-style-span" style="line-height: 22px;"><br />
</span></div><div><span class="Apple-style-span" style="line-height: 22px;"><img height="58" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidyHs907gYxKy0dFDRptZsFOIiywPWdQ8cLDqUnURqx96HW-aMIE-DBxSJNtNvOwquK7XqGyD2yb326UyVnI_2mKjcC6pHBWcTdTGSiwyEhuMjrgU-LdumyJzXOqlMcCeAra1yAhhR7lA/" width="400" /></span></div><div><span class="Apple-style-span" style="line-height: 22px;"><br />
</span></div><div><span class="Apple-style-span" style="line-height: 22px;"><br />
</span></div><br />
<input name="cmd" type="hidden" value="_s-xclick" /> <input name="hosted_button_id" type="hidden" value="BFRS8X4Z2YJVE" /> <input alt="PayPal - The safer, easier way to pay online." border="0" name="submit" src="https://www.paypalobjects.com/en_US/GB/i/btn/btn_donateCC_LG.gif" type="image" /> <img alt="" border="0" height="1" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" /> <br />
<br />
</form><script type="text/javascript"><!--
google_ad_client = "ca-pub-4061706710928520";
/* 336 x 280 text/image */
google_ad_slot = "4604964626";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com130tag:blogger.com,1999:blog-3982545772513522496.post-47965306031749845652011-07-19T23:05:00.000-07:002012-02-13T00:11:35.469-08:00How to Add Google+ Button & Social Networking Buttons Below Post Title<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><br />
This is the same widget that I am using on this blog. Check the social network buttons appearing below this post title and see how they are arranged.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibT3USzZFll31DaCXdnayTUPTflqYRDlvU0c8coO9FjH8GcVdin3imoso8yRUpGodHd8dmI7rwjB2fhNSQsqN-UiwJYiync7jYSR-yuCKpZqPE10MvtknEaXeR1mdwjSdiMK7qi037tLFu/s1600/social-share-buttons%255B6%255D.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="26" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibT3USzZFll31DaCXdnayTUPTflqYRDlvU0c8coO9FjH8GcVdin3imoso8yRUpGodHd8dmI7rwjB2fhNSQsqN-UiwJYiync7jYSR-yuCKpZqPE10MvtknEaXeR1mdwjSdiMK7qi037tLFu/s400/social-share-buttons%255B6%255D.gif" width="400" /></a></div>I have arranged them in order of load time so that they may appear as quickly as possible when the page is viewed. I have added twitter, Facebook like, stumbleupon and Google+ button i.e +1 button. Other sharing options are included in the AddThis Share button.<br />
<br />
<b>Adding Social Networking Buttons To Blogger</b><br />
<br />
1. Go To Blogger > Design > Edit HTML<br />
2. Backup your template<br />
3. Search for <data:post.body/><br />
4. and just above it paste the code given below,<br />
<blockquote><b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<table border='0'><br />
<tr> <td> <a class='twitter-share-button' data-count='horizontal' data-lang='en' data-via='<span class="Apple-style-span" style="color: #cc0000;">iluvroy</span>' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/> <b:if cond='data:post.isFirstPost'> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'> </script> </b:if> </td><br />
<td> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:20px; width:100px; height:20px;'/> </td><br />
<td><div style='margin-right:25px;'> <script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div> </td><br />
<td><div style='margin-right:5px;'> <g:plusone expr:href='data:post.url' size='medium'/> </div> </td><br />
<td> <!-- AddThis Button BEGIN --> <div class='addthis_toolbox addthis_default_style '> <a class='addthis_counter addthis_pill_style'/> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/><br />
<script type='text/javascript'> var addthis_config = { ui_cobrand: &quot;MY BLOGGER TRICKS&quot;, ui_header_color: &quot;#ffffff&quot;, ui_header_background: &quot;#0080FF&quot; } </script> <!-- AddThis Button END --></td><br />
</tr> </table><br />
</b:if><br/></blockquote>Replace iluvroy your twitter username.<br />
<br />
5. Note: If you have previously added the +1 button then you may skip this step. Now search for </head> and just above it paste the following code,<br />
<blockquote><script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script></blockquote>6. Save your template and visit your blog to see it appearing on post pages. The widget will not be visible on homepage but on post pages only. If you want to show it on homepage too then delete the highlighted yellow lines.<br />
<br />
Have fun! :><br />
<br />
Feel free to ask any questions you may have.<br />
<br />
<br />
<input name="cmd" type="hidden" value="_s-xclick" /> <input name="hosted_button_id" type="hidden" value="BFRS8X4Z2YJVE" /> <input alt="PayPal - The safer, easier way to pay online." border="0" name="submit" src="https://www.paypalobjects.com/en_US/GB/i/btn/btn_donateCC_LG.gif" type="image" /> <img alt="" border="0" height="1" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" /> </form><script type="text/javascript"><!--
google_ad_client = "ca-pub-4061706710928520";
/* 336 x 280 text/image */
google_ad_slot = "4604964626";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com56tag:blogger.com,1999:blog-3982545772513522496.post-80293637792070106092011-07-19T22:39:00.000-07:002011-07-19T23:09:21.196-07:00How to Add Facebook Like Button Below Post TitlesIf you wish to add this new like button code just below the post titles of your blogger blogs then follow these easy steps:<br />
<br />
<b>Adding Facebook Like Button To Blogger</b><br />
<br />
1. Go To Blogger > Design > Edit HTML<br />
2. Backup your template<br />
3. Click the "Expand Widgets Templates" Box<br />
4. Search for this,<br />
<blockquote><data:post.body/></blockquote>5. Just above it paste the code below,<br />
<blockquote><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/></blockquote>6. Save your template and you are done!<br />
<br />
Visit your blog to see it working just fine just below post titles. Feel free to ask any questions you may have.<br />
<br />
<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input name="cmd" type="hidden" value="_s-xclick" /><br />
<input name="hosted_button_id" type="hidden" value="BFRS8X4Z2YJVE" /><br />
<input alt="PayPal - The safer, easier way to pay online." border="0" name="submit" src="https://www.paypalobjects.com/en_US/GB/i/btn/btn_donateCC_LG.gif" type="image" /><br />
<img alt="" border="0" height="1" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" /></form><br />
<script type="text/javascript">
<!--
google_ad_client = "ca-pub-8992903313551017";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com35tag:blogger.com,1999:blog-3982545772513522496.post-46847063054734447932011-07-19T04:14:00.000-07:002011-07-19T05:04:14.579-07:00How to Check PAGE RANK of Web site pages InstantlyIn order to <a href="http://www.prchecker.info/check_page_rank.php">check pagerank</a> of a single web site, web page or domain name, please submit the URL of that web site, web page or domain name to the form below and click "Check PR" button.<br />
<br />
<br />
<div style="text-align:center;"><table cellspacing="1" style="margin:10px auto 40px;width:400px;border:1px solid #DDD;text-align:center;"><tr><td style="background:#D1FFA4;vertical-align:middle;"><br />
<p style="font-size:11px;font-family:Verdana;margin:0px;padding:2px;color:#666;"><strong>Check Page Rank of your Web site pages instantly:</strong></p></td></tr>
<form action="http://www.prchecker.info/check_page_rank.php" method="post" style="margin:0px;padding:0px;"><tr><td style="border:1px solid #CCC;padding:10px;background:#DDD;"><br />
<input type="hidden" name="action" value="docheck"><br />
<input type="text" value="http://" name="urlo" maxlength="150" style="width:250px;padding:1px 2px 2px 3px;margin-right:10px;font-size:13px;font-family:Arial;"> <br />
<input type="submit" name="submit" value=" Check PR " style="width:80px;font-size:11px;font-family:Arial;padding:1px;"><br />
</td></tr>
</form><tr><td><br />
<p style="margin:0px;padding:3px 0px 1px 0px;color:#AAA;font-size:9px;font-family:Verdana;">This page rank checking tool is powered by <a href="http://www.prchecker.info/" target="_blank">Page Rank Checker</a> service</p></td></tr></table></div><br />
<br />
the free <a href="http://www.prchecker.info/">PR checker tool</a> enables you to check the current pagerank of your web site instantly via the form above, however, you might consider to be quite boring to visit online page rank checking tool every time you'd like to check Google pagerank of your web pages..<br />
<br />
so, it might be a good idea to put a small <a href="http://www.prchecker.info/pagerank-check-button.php">page rank icon</a> to your site to check and display your Google rankings right on your web site pages. To check PR icons - <a href="http://www.prchecker.info/pagerank-check-button.php">click here.</a><br />
<br />
<script type="text/javascript">
<!--
google_ad_client = "ca-pub-8992903313551017";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com8tag:blogger.com,1999:blog-3982545772513522496.post-88617254594004236592011-07-15T14:57:00.000-07:002011-07-15T14:57:54.799-07:00How can I make my blog load faster?The speed at which your blog loads is critical to attracting more readers to your blog. If your blog takes a long time to load, many readers may leave your blog before they have the chance to read it. Here are a few tips and tricks that will help your blog load faster and attract more users: <h4>Posts</h4>Your blog's load time can be affected by the number of posts you display on your main page. You can easily edit the number of posts displayed of the main page from the <strong>Settings | Formatting</strong> tab. You can then select the number of posts you want to display on the main page. We recommend displaying 10 or fewer posts on the main page. <br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA362dtj1REHdvwXoTqSHzofgF6TGK6oGKr4Sv_hxAv7ucDLoAtyOoJLjJ5_Kws7Iwy3JJTxjLn83tb_gyk9JUCAIL8m15uGLX5TK1m0lV0-Om6DKGhUj1tp0znZ8-IX92sikZnMai4o0/s1600/Picture+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA362dtj1REHdvwXoTqSHzofgF6TGK6oGKr4Sv_hxAv7ucDLoAtyOoJLjJ5_Kws7Iwy3JJTxjLn83tb_gyk9JUCAIL8m15uGLX5TK1m0lV0-Om6DKGhUj1tp0znZ8-IX92sikZnMai4o0/s1600/Picture+1.png" /></a></div><h4>Third Party JavaScript and Links</h4>For optimal blog load speed, we recommend using Google/Blogger widgets, JavaScript and links. However, if you need to use third party JavaScript and links, your blog will load much faster if you put all JavaScript at the bottom of your blog. If you have third party JavaScript and links in your sidebar, put them in at the bottom of the sidebar.<br />
<br />
The more images, videos and other multi-media you have on your blog the longer it will take to load. However, images and other multimedia are important to attracting users to your blog, so it is important to optimize the load speed of your images and media. Here are a few tips to increase the load speed of your media: <br />
<ul><li>Decrease the size of your images or use thumbnails that link to the full-size image.</li>
<li>If you use third party images, consider uploading them to Picasa Web Albums via the Blogger post editor. </li>
<li>If you have a large number of images to display, you can upload all your images (from a vacation or event) to a <a href="http://picasaweb.google.com/">Picasa Web Album</a> and link to the album in your post or sidebar.</li>
</ul><h4>Other suggestions</h4><ul><li>If you've added any custom CSS to your blog, make sure you put it at the top of the page.</li>
<li>The most important content of your blog that catches readers attention should load the quickest. To help you identify which items are taking the longest to load you can use <a href="http://www.numion.com/Stopwatch/">Stopwatch</a>. To use Stopwatch, enter your blog's URL into the text box and click "Start StopWatch". Stopwatch will then open your blog in a frame and will record the time it takes for everything on your blog to load, including images, videos, widgets, etc. Take note of the items that take the longest to load and modify them appropriately using our suggestions.</li>
</ul><br />
<script type="text/javascript">
<!--
google_ad_client = "ca-pub-8992903313551017";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com15tag:blogger.com,1999:blog-3982545772513522496.post-18541053884596896102011-07-15T10:45:00.000-07:002011-07-15T10:45:40.740-07:00How to make 5-Stars Premium Template for Blogger<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCu-MGJQhE_6w7DjaKt4o2lTqTC43eFkQZO_SFmAZw3znj95FR6QEwiADODbZ2GlwyKF-VXijwcfwebkIu8Bh8U9VAM-ftLQdRfdJ21nM7Ovo66ub_l_Uo5lopHEo-bz0Lf0ubrx0hwlyB/s1600/PROFESSIONAL+BLOGGER+TEMPLATE.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCu-MGJQhE_6w7DjaKt4o2lTqTC43eFkQZO_SFmAZw3znj95FR6QEwiADODbZ2GlwyKF-VXijwcfwebkIu8Bh8U9VAM-ftLQdRfdJ21nM7Ovo66ub_l_Uo5lopHEo-bz0Lf0ubrx0hwlyB/s400/PROFESSIONAL+BLOGGER+TEMPLATE.png" width="201" /></a>Are You looking for free professional and premium blogger template ?<br />
<br />
Then absolutely you came to the right place !<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b><a href="http://5-stars-theme.blogspot.com/">DEMO</a></b> | <b><a href="http://www.box.net/shared/zphdr0fxd4">DOWNLOAD</a></b></span><br />
<br />
<b>PREMIUM AND HIGH QUALITY BLOGGER TEMPLATE !</b><br />
<b><br />
</b><br />
NOT EASY TO GET EVERYWHERE … THAT IS WHY I HAVE CREATED THE 5 STARS PREMIUM THEME<br />
<br />
5 STARS PREMIUM THEME CONTAINED THE FOLLOWING FUNCTIONS :<br />
<br />
<ol><li>PROFESSIONAL LOOKING BLOGGER TEMPLATE</li>
<li>FULLY WIDGETS</li>
<li>ADSENSE ADS OPTIMIZED TOP </li>
<li>ADSENSE ADS OPTIMIZED BELOW POST </li>
<li>HIGH QUALITY GRAPGHIC PICKED</li>
<li>AUTO READ MORE FUNCTION</li>
<li>RELATED POST WIDGET</li>
<li>THREE COLUMNS UPPER SECTION</li>
<li>THREE COLUMNS BOTTOM SECTION</li>
<li>RSS FEEDS COSTUMIZED WIDGET</li>
<li>SEARCH BAR</li>
</ol><br />
<b>INSTALLATION :</b><br />
FOR THE LOGO JUST SEARCH FOR THE FOLLOWING CODE :<br />
<br />
<blockquote>.logo {<br />
background : transparent url(http://lh3.ggpht.com/_9b1traaMESE/Spfnvvf9feI/AAAAAAAAAzo/CvLAvzrjGso/PROFESSIONAL%20LOGO.png) no-repeat scroll 0 0;<br />
display : block;<br />
float : left;<br />
width : 400px;<br />
padding : 10px 0 0 25px;<br />
height : 80px;<br />
overflow : hidden;<br />
text-indent : -9999em;<br />
}</blockquote>AND <b>REPLACE</b> THE IMG LINK <b>WITH YOURS</b>! AND IF YOU WANT TO REMOVE THE IMAGE AND USE <b>ONLY TEXT</b>! THAN JUST <b>DELETE THE FOLLOWING CODE:</b><br />
<br />
<blockquote>background : transparent url(http://lh3.ggpht.com/_9b1traaMESE/Spfnvvf9feI/AAAAAAAAAzo/CvLAvzrjGso/PROFESSIONAL%20LOGO.png) no-repeat scroll 0 0;<br />
text-indent : -9999em;</blockquote><br />
FOR FEEDBURNER EMAIL FEEDS JUST REPLACE (<b>BloggerDashboard</b>) WITH (<b>YOURFEEDBURNER</b>)<br />
FOR THE <b>ADSENSE 468X60</b> AT THE TOP ! YOU NEED TO SEARCH FOR THE FOLLOWING CODE AND REPLACE IT WITH ADSENSE !<br />
<blockquote>http://lh4.ggpht.com/_9b1traaMESE/SpfdyI2EiOI/AAAAAAAAAzk/OEgjMBD4OcQ/ADS BANNER.png </blockquote>PLEASE COMMENT BELLOW IF YOU LIKE THE TEMPLATE ! YOUR OPINION IS THE POST IMPORTANT FOR ME ! SO PLEASE IF YOU FIND SOMETHING NEED TO BE CHANGE OR YOU HAVE MORE SUGGESTIONS ABOUT THIS NICE THEME ! JUST WRITE YOUR COMMENT BELLOW PLEASE :)<br />
<br />
<br />
<br />
<script type="text/javascript">
<!--
google_ad_client = "ca-pub-8992903313551017";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com13tag:blogger.com,1999:blog-3982545772513522496.post-53409300855472392722011-07-15T10:23:00.000-07:002011-07-15T10:23:32.528-07:00How to make Newspaper Style Blogger Template<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrxenw_A3qwSZ00bN15_NS-JQRWqW6TlCJSIBT_mCFxNxPt47dCF0gAmw4tMPhwJoM9bBRDC84hAbyn6-Ph4dsBWyUcEBRLMY_FURiTKMUP9G4nUbxbdsflRep2MaKx8JI9VMv-YcXIa5M/s1600/mymagazinestyle.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrxenw_A3qwSZ00bN15_NS-JQRWqW6TlCJSIBT_mCFxNxPt47dCF0gAmw4tMPhwJoM9bBRDC84hAbyn6-Ph4dsBWyUcEBRLMY_FURiTKMUP9G4nUbxbdsflRep2MaKx8JI9VMv-YcXIa5M/s400/mymagazinestyle.png" width="300" /></a></div><div style="text-align: center;"><b><span class="Apple-style-span" style="font-size: large;">Newspaper Style Blogger Template</span></b></div><div style="text-align: center;"><b><span class="Apple-style-span" style="color: red;"><a href="http://mymagazinestyle.blogspot.com/">DEMO</a> | <a href="http://www.box.net/shared/qzky25ebuu">DOWNLOAD</a> </span></b></div>Many of my friends of my visitors was asking me to design a template like newspaper style! I have tried and tried until came out this design which i hope from you guys that you will like it .<br />
<br />
<b>This template it has the following functions :</b><br />
<br />
<ol><li>High quality graphics designs</li>
<li>High quality png icons</li>
<li>Beautiful Magazine Style</li>
<li>Beautiful Rss Button</li>
<li>Attractive Social Bookmarking Widget with fancy icons</li>
<li>Read more function</li>
<li>Twitter widget</li>
<li>Page Navigation like wordpress themes</li>
<li>Nice rounded search bar</li>
</ol><br />
Enjoy this release and comment below if you have something want to say!<br />
<br />
<script type="text/javascript">
<!--
google_ad_client = "ca-pub-8992903313551017";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com41tag:blogger.com,1999:blog-3982545772513522496.post-39181692891557918172011-07-15T09:36:00.000-07:002011-07-15T09:36:47.150-07:00How to hide labels from blogger post footer<div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; line-height: 25px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2nCAKd74CtBfMXUgDfKEHplal-8ZLYQdlBdPXFK9Su3Y7J8x1rIFqlbAEH_3klYKPy5J-ZY1HxrhUkoyRa7TKu_pS1l2ITj60Wy-o7kYcg-ULawuqgOVnoBPdE40APru66LhIal9RHa0I/s1600/post+footer.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="107" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2nCAKd74CtBfMXUgDfKEHplal-8ZLYQdlBdPXFK9Su3Y7J8x1rIFqlbAEH_3klYKPy5J-ZY1HxrhUkoyRa7TKu_pS1l2ITj60Wy-o7kYcg-ULawuqgOVnoBPdE40APru66LhIal9RHa0I/s320/post+footer.png" width="320" /></a></span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><b>Hide labels from blogger post footer ! just very easy as you want :)</b></span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><b><br />
</b></span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">Many people want or prefer to hide labels or tags from the post footer ,therefore we are going to the following steps !</span></div><a name='more'></a><br />
<div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><br />
</span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><b>Here is how to do it.</b></span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">Click '<b>Layout</b>' tab and click the <b>'Edit HTML</b>' Subtab. Now click <b>'Expand Widget Templates</b>' to expand the CSS code. Find the following code in your template.</span></div><br />
<br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: whitesmoke; background-image: initial; background-origin: initial; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #777777; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; font: italic normal normal 14px/normal 'Times New Roman', Times, serif; margin-bottom: 15px; margin-left: auto; margin-right: auto; margin-top: 5px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; padding-top: 0px; width: 467px;"><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 14px; line-height: 20px; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 5px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 5px; text-align: left;"><b:if cond='data:post.labels'> <br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <data:postLabelsLabel/> <br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <b:loop <span class="IL_AD" id="IL_AD7" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(255, 85, 0) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: rgb(255, 85, 0) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Times New Roman', Times, serif !important; font-size: 14px !important; font-style: italic !important; font-weight: normal !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static;">values</span>='data:post.labels' var='<span class="IL_AD" id="IL_AD10" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(255, 85, 0) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: rgb(255, 85, 0) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Times New Roman', Times, serif !important; font-size: 14px !important; font-style: italic !important; font-weight: normal !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static;">label</span>'> <br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if> <br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> </b:loop> <br style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /> </b:if></div></blockquote><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: 12px; line-height: 25px;"></span></span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><b>First take a backup of your template and after that delete this portion from your template. Now no labels will come beneath your posts. I hope this will help you.</b></span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><br />
</span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">If you are facing any problems regarding this small hack just “nock nock” … comment bellow the post and i will be happy to answer you :)</span></div><br />
<script type="text/javascript">
<!--
google_ad_client = "ca-pub-8992903313551017";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com515tag:blogger.com,1999:blog-3982545772513522496.post-23429513391109381142011-07-15T08:53:00.000-07:002011-07-15T08:53:10.875-07:00How to add New Read More widget for Blogger (the latest)<div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: 12px; line-height: 25px;">Finally blogger give easy way to make read more like wordpress.com, this function only active if you use new post editor. With Jump Breaks you can show just a snippet of your post on your blog's index page. Blogger will insert a "Read more" link to the full post page where your readers can keep reading.</span></span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: 12px; line-height: 25px;">Setting –> Basic –> Choose “updated editor”</span></span></div><br />
<div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 25px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img src="http://lh6.ggpht.com/_5MDu_D7Wd-M/Sr9nBTyhyfI/AAAAAAAABBY/BZ33JBxx9QY/blogger.png" style="border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-width: 540px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 25px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><br />
</div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 25px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiftFIfad9pgBd4yg593NgqRBzU5uRv_9PtsCAC53UCR8YhHgRohS-AIafljc-MiKpdc7bi2TMLVMpa9HBxZdG7IOEP_lmBekzwIqIQOmgNirTOe6J2EJr1T98MRtKFZpidEEn8SbLCftI/s400/readmore2.png" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-width: 540px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: 12px; line-height: 25px;">There are a couple of ways to insert a "Read more" jump to your posts. If you use the new post editor (available on Blogger in Draft, or by enabling it via the Settings tab), you'll notice the "Insert jump break" icon in the editor's toolbar. Click this icon and the "jump break" will be inserted into your blogpost at your cursor's position.</span></span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 25px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEZf5Vq_vXiWrQ5lrfb3L7Oh5pRpHmI_m8nSE2aATU5OweQmReRZSI4gHiFun42Zldx-hMpCDkGOYeeS46NyPaym_Iz-kkYV9X2Kx8vY_ylOCcGy2QQh6R53m-9fm5MwDvcZJm-5yW2zA/s400/readmore.png" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-width: 540px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: 12px; line-height: 25px;">Want to change the "Read more" text to something more your style? No problem. You can edit the"Read more" text by clicking Layout and then Edit the Blog Posts widget.</span></span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 25px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimZtOxTww2M-ahN2sn8oJbaCrVkHbqZylw7b0HDCRYqHs9Pbcn4fSswNOqctEOxzR9avgPdNgsHySOdiuFSKhWOiBqq9SIHeoBAwPP8SKYTS1rIdKKnHa0bjfA5LLrJkHOmFXZ8Tv3Ff8/s400/pagepagelinktext.png" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; border-width: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-width: 540px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: 12px; line-height: 25px;">One more note, the Jump Break feature does not change how your post appears in your feed. You can configure post feed options by going to Settings | Basic | Site Feed, and editing Allow BlogFeeds.</span></span></div><script type="text/javascript">
<!--
google_ad_client = "ca-pub-8992903313551017";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com50tag:blogger.com,1999:blog-3982545772513522496.post-68945921877044154412011-07-14T09:34:00.000-07:002011-07-14T09:35:53.600-07:00How do I show ads between my posts?<div class="answer_heading"><div class="answer-features"><a class="share-page" href="http://www.blogger.com/post-edit.g?blogID=3982545772513522496&postID=6894592187704415441"></a><a class="print-page" href="http://www.blogger.com/post-edit.g?blogID=3982545772513522496&postID=6894592187704415441" target=""></a> </div></div>If you want to show ads between your posts but chose not to do it while initially signing up for AdSense, first go to your <b>Template | Page Elements</b> tab. Then, in the "Blog Posts" section, click on "Edit". A pop-up window will appear with options to configure your blog posts. Check the box next to "Show Ads Between Posts". (Note: You must be signed up for <a href="http://help.blogger.com/bin/answer.py?answer=42534">AdSense</a> before you can check this box.)<br />
<img alt="Show Ads Between Posts" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKP5p3HcULCnbxjD_fJzdXLmYLqNoJfiw0d8CgNKeTV9Wvm0zyF91vEIEBurxSVEp7nCqu6x1emU_HThqwyHkJ_7RSNNR7fpW7jThgwPdtLHhTyiy-LuaJpR86CGQ3vY5xApnnEzf6dJA/s1600/AdsBetween.jpg" /> Once you check this box you'll see the configuration options for your ads. You can then select how often you would like ads to be shown after your posts.<br />
<img alt="Show after every x posts" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEdRaPQJ8wFZKUvBTKXmY52sZLjPWt4ZjPc4At1x-0h9fdZE8Q03vKDIws_D5h93W62LvOAg5ShMbR2E4egokTKCPGAxAIhOPN-TjMWnvPqHcg7miF_iEGUXUHohHFVXaha-9iqM6hoL8/s1600/AdsPosts.jpg" width="410" /> For example, if you want ads to be displayed after every post, select "1" from the drop-down menu. (Please note that AdSense policies limits you to a total of 3 ad units per page and Blogger will automatically prevent you from going over this limit.) You can then select your ad format and colors. Once you have finished configuring your ads, click on the orange "Save Changes" button in the bottom right corner.<br />
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-8992903313551017";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com95tag:blogger.com,1999:blog-3982545772513522496.post-32947218179412715642011-07-14T09:30:00.000-07:002011-07-15T14:52:32.248-07:00How to put AdSense and Google Affiliate Network in your blog's sidebar<div class="answer_heading"><div class="answer-features"><a class="share-page" href="http://www.blogger.com/post-edit.g?blogID=3982545772513522496&postID=3294721817941271564"></a><a class="print-page" href="http://www.blogger.com/post-edit.g?blogID=3982545772513522496&postID=3294721817941271564" target=""></a> </div></div><b>Note:</b> This article assumes you are using a classic template. For Layouts-enabled blogs, you can simply add a new AdSense page element to your sidebar, or drag an existing element to the desired location.<br />
<br />
If you're new to AdSense and not too familiar with making modifications to your blog's template, you can follow these instructions for placing AdSense code in your blog's sidebar (using the Minima template as an example).<br />
<br />
Assuming you have already <a href="https://www.google.com/adsense/?sourceid=aso&subid=ww-en-et-bloggerhelp&medium=link">signed up</a> and been approved for a Google AdSense account, you should be able to <a href="https://www.google.com/adsense/?sourceid=aso&subid=ww-en-et-bloggerhelp&medium=link">log in here</a>. Once you're signed in, click the <b>AdSense Settings</b> tab near the top of the page. To cut right to the chase, focus on these steps:<br />
<ol><li><b>Choose Your Ad Layout</b> - To fit ads in your sidebar, it's best to choose one of the following ad layouts. <pre>Button (125x125)
Skyscraper (120x600)
Wide Skyscraper (160 x 600)
Vertical Banner (120 x 240)
Small Rectangle (180x150)
</pre></li>
<li><b>Choose a color palette</b> - They are very cleverly named but it's really just a matter of your preference.</li>
<li><b>Copy your AdSense code</b> - At the bottom of the page, there's a box with code in it. Highlight all of that code and copy it.</li>
<li><b>Paste the code somewhere</b> - Notepad or Text Edit or something like that is a good place for now.</li>
<li><b>Go to Blogger.com and sign in</b> - Choose the blog you want to put ads on and click the template tab.</li>
<li>This is less of a step and <b>more of a precaution</b> - Copy your entire Blogger template and save it in Notepad or Text Edit <b>just in case</b>.</li>
<li>Find the place in your template that says this; you might have to scroll down pretty far: <pre><!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2"></pre></li>
<li>Paste the AdSense code you saved earlier right after that part. <pre><!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">
PUT YOUR ADSENSE CODE HERE!</pre></li>
<li><b>Save your template changes</b> and republish your blog.</li>
</ol><h2><span style="font-size: large;">How to put Google Affiliate Network links in your blog's sidebar</span></h2>If you're new to Google Affiliate Network and not too familiar with making modifications to your blog's template, you can follow these instructions for placing Google Affiliate Network links in your blog's sidebar (using the Minima template as an example).<br />
Once you <a href="https://www.connectcommerce.com/secure/partner_app_alt.html?agid=20000000000000001"> sign up</a> and are approved for a Google Affiliate Network account, you can <a href="https://www.google.com/accounts/ServiceLogin?service=affiliatenetwork&ltmpl=&continue=https://www.connectcommerce.com/bin/login.mx&legacylogin=http://www.connectcommerce.com/global/login.html%3Fll%3Dtrue&cd=_GANL&passive=false"> sign in here</a> to view your account. Once you're signed in, click the <b>Links</b> tab near the top of the page. Select which advertiser's links you want to work with, and then follow these steps:<br />
<a href="http://www.blogger.com/post-edit.g?blogID=3982545772513522496&postID=3294721817941271564"> </a><br />
<ol><a href="http://www.blogger.com/post-edit.g?blogID=3982545772513522496&postID=3294721817941271564"> </a>
<li><b>Choose your links</b> - In the 'Links' section of your profile, select the advertiser whose links you want to use. Click <b>Get Links</b> in the <b>Action</b> drop down menu next to the advertiser's name. Click either the <b>Text Links</b> or the <b>Image Links</b> tab to view your options in each category. To fit ads in your sidebar, it's best to choose one of the following dimensions for an image link: <pre>Button (125x125)
Skyscraper (120x600)
Wide Skyscraper (160 x 600)
Vertical Banner (120 x 240)
Small Rectangle (180x150)</pre></li>
<li><b>Copy your Affiliate link HTML</b> - Just beneath your desired link, click <b>Get HTML</b>. A box with code in it will appear. Highlight all of that code, then copy and paste it into Notepad, Text Edit, or a similar program.</li>
<li><a href="https://www.blogger.com/start"><b>Sign in to Blogger</b></a> - Choose the blog you want to put ads on and click the <b>Template</b> tab.</li>
<li><b>Caution</b> - Copy your entire Blogger template and save it in Notepad or Text Edit <b>just in case</b>.</li>
<li>Find the place in your template that says: <pre><!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2"></pre></li>
<li>Paste the Affiliate link HTML you saved earlier right beneath that place in the template:<pre><!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">
PUT YOUR AFFILIATE LINK HTML HERE!</pre></li>
<li><b>Save your template changes</b> and republish your blog.</li>
</ol><br />
<ol></ol><script type="text/javascript">
<!--
google_ad_client = "ca-pub-8992903313551017";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com3tag:blogger.com,1999:blog-3982545772513522496.post-51504152442171008462011-07-14T09:26:00.000-07:002011-07-14T09:36:20.752-07:00What are backlinks and how do I use them?<div class="answer_heading"><div class="answer-features"><b> The Quick Answer </b></div></div><div class="summaryBox"><ul><li> Backlinks display other webpages that link to your posts.</li>
<li> To enable backlinks on your blog go to your <strong>Settings|Comments</strong> tab and select <strong>Show</strong></li>
</ul></div>Backlinks enable you to keep track of other pages on the web that link to your posts. For instance, suppose Alice writes a blog entry that Bob finds interesting. Bob then goes to his own blog and writes a post of his own about it, linking back to Alice's original post. Now Alice's post will automatically show that Bob has linked to it, and it will provide a short snippet of his text and a link to his post. What it all works out to is a way of expanding the comment feature such that related discussions on other sites can be included along with the regular comments on a post. <br />
The backlinks setting can be found under the <strong>Settings | Comments</strong> tab, and consists of a single, simple option to turn it on or off:<br />
<img src="http://kbimages.blogspot.com/backlinks1.jpg" /> Our default templates are already set up with the necessary code for backlinks. However, if you have a custom template, or one of our templates from before this feature was launched, you will need to add the code yourself. <a href="http://www.google.com/support/blogger/bin/answer.py?answer=42552">Instructions for that are here</a>.<br />
Once everything is set up, you'll see a new link marked "Links to this post" next to the comment link for each post:<br />
<img src="http://img145.imageshack.us/img145/8703/brettpostwo2.png" /> If you click that link you'll be taken to the post page, where the backlinks are all listed beneath the comments. Clicking the triangles next to each link will display a snippet of text from the page linking to you, as well as some author and date information.<br />
<img src="http://kbimages.blogspot.com/backlinks3.jpg" /> If you want to turn off backlinks for individual posts, you can do so. The process is the same as that for turning off comments. Just edit the post in question and change the options that appear below the posting form:<br />
<img src="http://kbimages.blogspot.com/backlinks4.jpg" /> <strong>Notes:</strong> <br />
<ul><li>For the curious, this feature is based on the <code>link:</code> operator of <a href="http://www.google.com/support/blogger/bin/answer.py?answer=42541">Blog Search</a>. So sites linking to your blog will need to be indexed by Blog Search and there may be a slight delay before the backlinks appear on your blog.</li>
<li>The comment notification email setting does not apply to backlinks, so you will not be notified of new links when they appear. This is because these links are looked up on-the-fly each time you view an individual post.</li>
<li>In lieu of comment notification, you can use <a href="http://search.blogger.com/">Blog Search</a> with a query such as <code>link:your-blog-here.blogspot.com</code>, and then <a href="http://www.google.com/support/blogger/bin/answer.py?answer=42541#subscribe">subscribe to the results</a>. That will have a similar effect.</li>
</ul><script type="text/javascript"><!--
google_ad_client = "ca-pub-8992903313551017";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com11tag:blogger.com,1999:blog-3982545772513522496.post-75005973886626678022011-06-29T10:23:00.001-07:002011-07-14T09:36:42.807-07:00How to add Paypal Donation<div style="font-family: Arial, sans-serif; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="font-style: italic;">This post explains how to add a Paypal donate button to your blog.</span><br />
<br />
Adding a Paypal donation button to your blog will give your loyal readers a chance to support(encourage) you by donating a few bucks.<br />
If you don't have a paypal account yet,.. you can get a Free Paypal account <a href="http://paypal.com/" style="color: #2585ad; text-decoration: none;" target="_blank">here</a>.<br />
<br />
so,let's see how to put a Paypal donation button in your blog...<br />
<br />
<span style="color: red;">1.</span>First,Log in to your Paypal account.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaLOdv16KpOrv7loJIEzw5k8HS0OHrGao9NeyU_xEayKbWPFFmoDP4R2gsm7N3iQh3NxOAD12ELKWlFbUO9iJGgChYmEb4TFPirYwHYS01VDsMLttXXConNS63l-uuf9UeHicQ9m5KaduQ/s1600-h/1.jpg" style="color: #2585ad; text-decoration: none;"><img alt="First,Log in to your Paypal accoun" border="0" id="BLOGGER_PHOTO_ID_5196853803371036642" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaLOdv16KpOrv7loJIEzw5k8HS0OHrGao9NeyU_xEayKbWPFFmoDP4R2gsm7N3iQh3NxOAD12ELKWlFbUO9iJGgChYmEb4TFPirYwHYS01VDsMLttXXConNS63l-uuf9UeHicQ9m5KaduQ/s400/1.jpg" style="border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; cursor: pointer; display: block; height: auto; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; max-width: 530px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; text-align: center;" /></a><br />
<span style="color: red;">2.</span>Click on the 'Merchant Services' tab (see at the top of the page).<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHu9b2SZIP2_HLGiqAD6gof-Vjq10lOBlLB36EnNkzfiQm6-wiSMenQ1Tfh0D469uOB0h4S2qP4TBgdlPdzq2IYHS8cWPv0Gz2nEekvdHhrUj5MOhdxERIgezZszPhyUzJ03Fcg58jPDcp/s1600-h/2.jpg" style="color: #2585ad; text-decoration: none;"><img alt="Click on the 'Merchant Services' tab (see at the top of the page)" border="0" id="BLOGGER_PHOTO_ID_5196853807666003954" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHu9b2SZIP2_HLGiqAD6gof-Vjq10lOBlLB36EnNkzfiQm6-wiSMenQ1Tfh0D469uOB0h4S2qP4TBgdlPdzq2IYHS8cWPv0Gz2nEekvdHhrUj5MOhdxERIgezZszPhyUzJ03Fcg58jPDcp/s400/2.jpg" style="border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; cursor: pointer; display: block; height: auto; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; max-width: 530px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; text-align: center;" /></a><br />
<span style="color: red;">3.</span>Scroll down the window and you will see an option "Donations" in the right sidebar.Click on it!<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtyFtsf7lLURHBQau74Mv42sM80gn8b1IygrbLX5312uI-aZSX3nSD8IApTlMrA_I_cm8EnZJJN89LV9C0ogYEoYzpstv-duGFujH-I_vxKzErzlStFSvCMLOGZXsgc682BaInqSVK-NIw/s1600-h/3.jpg" style="color: #2585ad; text-decoration: none;"><img alt="Scroll down the window and you will see an option " border="0" click="" donations="" id="BLOGGER_PHOTO_ID_5196853807666003970" in="" right="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtyFtsf7lLURHBQau74Mv42sM80gn8b1IygrbLX5312uI-aZSX3nSD8IApTlMrA_I_cm8EnZJJN89LV9C0ogYEoYzpstv-duGFujH-I_vxKzErzlStFSvCMLOGZXsgc682BaInqSVK-NIw/s400/3.jpg" style="border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; cursor: pointer; display: block; height: auto; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; max-width: 530px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; text-align: center;" the="" /></a><br />
<br />
<span style="color: red;">4.</span>Now,you will see some options like Donation name/service ,donation id,etc etc...<br />
The first field (Donation name/service) is the only thing that is required and all the remaining fields are optional.<br />
Enter that first field,choose a button style,scroll down the window and click on "Create a button Now"<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY6sk8VW7iX6-Lv8I_H57G-zd-4jKDp3R5AdlM4dWAc2UObb9WcE6-vIU2SPoR0AU9rFSEiSL3naSgYopC6qhmPZr707HiuAKf3q-AKYO9n4WfhFGD2zQlCiG_CRDZNLhFNSlCC5BKjsze/s1600-h/4.jpg" style="color: #2585ad; text-decoration: none;"><img a="" alt="click on " border="0" button="" create="" id="BLOGGER_PHOTO_ID_5196853811960971282" now="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY6sk8VW7iX6-Lv8I_H57G-zd-4jKDp3R5AdlM4dWAc2UObb9WcE6-vIU2SPoR0AU9rFSEiSL3naSgYopC6qhmPZr707HiuAKf3q-AKYO9n4WfhFGD2zQlCiG_CRDZNLhFNSlCC5BKjsze/s400/4.jpg" style="border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; cursor: pointer; display: block; height: auto; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; max-width: 530px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; text-align: center;" /></a><br />
<br />
<span style="color: red;">5.</span>Now,you will see some html code... Copy it and sign in to your blogger dashboard »» Click on the layout »» Add a Page element »» html/javascript »» and paste that html code and SAVE THE CHANGES.<br />
<br />
Here is how the button will look in your sidebar</div><form action="https://www.paypal.com/cgi-bin/webscr" method="post" style="font-family: Arial, sans-serif; font-size: 12px;"><br />
<br />
<div style="text-align: center;"><input alt="PayPal - The safer, easier way to pay online!" border="0" name="submit" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" type="image" /></div><img alt="" border="0" height="1" src="https://www.paypal.com/en_US/i/scr/pixel.gif" style="border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; max-width: 530px; text-align: center;" width="1" /></form><script type="text/javascript"><!--
google_ad_client = "ca-pub-8992903313551017";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com5tag:blogger.com,1999:blog-3982545772513522496.post-5408607423466808102011-06-29T10:16:00.000-07:002011-07-14T09:36:58.530-07:00How to add Paypal Donation widget in your blog<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGLncep9HxK_gfcBZaiWYxBKfBtfSF6bcUg4Ic0jN91jTW7Z2SqCLY3pCBsfwGFlAt_BPZkbAbpcBWMSlPUBKpLVxKMkHrrvYuHrzfwjwUGt275gKQpm295VheVc_ZT6R9RquC5_V6z_uz/s1600/paypal2.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGLncep9HxK_gfcBZaiWYxBKfBtfSF6bcUg4Ic0jN91jTW7Z2SqCLY3pCBsfwGFlAt_BPZkbAbpcBWMSlPUBKpLVxKMkHrrvYuHrzfwjwUGt275gKQpm295VheVc_ZT6R9RquC5_V6z_uz/s200/paypal2.png" width="144" /></a></div>Have you ever seen Paypal donation box on other blogs . If yes then you must be wondering to put this donation on your blog but unable to create this box to put on your blog. If no then see here. This Paypal donation box was created by the online Quest . But the widget was not complete . There needs some modification on this widget . Therefore bloganol modifies this widget and brings you this widget.<br />
But there are some requirements of this widget . You must need a paypal account. Do you have it ? Yes.Thats good .If not signup to paypal and its free.But the paypal account must be verified either by entering your card number or Bank Account.<br />
Now the time comes to setup paypal donation widget in your blog . Just copy the Following Code and paste it to your blog by adding a new page Element.<br />
Code:<br />
<span class="Apple-style-span" style="color: #333333; font-family: arial, sans-serif; font-size: 14px; line-height: 19px;"></span><br />
<pre style="background-attachment: initial; background-clip: initial; background-color: whitesmoke; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(0, 128, 0); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(0, 128, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(0, 128, 0); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(0, 128, 0); border-top-style: solid; border-top-width: 1px; color: black; display: block; font-size: 12px; font: normal normal normal 12px/normal 'andale mono', 'monotype.com', 'lucida console', monospace; height: 400px; line-height: 14px; margin-bottom: 1.5em; margin-left: 0px; margin-right: 0px; margin-top: 1.5em; outline-color: initial; outline-style: initial; outline-width: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline; white-space: pre; width: 480px;"><-- The-Online-Quest Pay Pal Donation Form Code Start --><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
</span><center><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><table width="143" cellspacing="0" cellpadding="0" style="border: 1px solid #000000; padding: 5px;"><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><tr><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><td><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><p align="center"><b>Please Donate To My Blog</b><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span></p></td><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span></tr><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><tr><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><td width="145"><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><form action="https://www.paypal.com/row/cgi-bin/webscr" name="_xclick" method="post"><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><input value="Thanks for Your Donations - <span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #cc0000; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Blog/Website Title</span>" name="item_name" type="hidden"/><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><input value="<span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #cc0000; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Your paypal email</span>" name="business" type="hidden"/><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><p style="margin-top: 0; margin-bottom: 0"><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><input value="_xclick" name="cmd" type="hidden"/><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><!-- input type="hidden" name="amount" value="1.00" --><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><b>Amount</b> <p style="margin-top: 0; margin-bottom: 0"> <select name="Amount" size="1"><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option selected value="1.00"/>1.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="2.00"/>2.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="3.00"/>3.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="4.00"/>4.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="5.00"/>5.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="10.00"/>10.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="15.00"/>15.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="20.00"/>20.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="25.00"/>25.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="30.00"/>30.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="35.00"/>35.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="40.00"/>40.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="45.00"/>45.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="50.00"/>50.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="100.00"/>100.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="200.00"/>200.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="300.00"/>300.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="400.00"/>400.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="500.00"/>500.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="1000.00"/>1000.00<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span></select><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><p style="margin-top: 0; margin-bottom: 0"><b>Currency</b> <select name="currency_code" size="1"><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="AUD"/>Australian Dollar<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option selected value="USD"/>USD<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="GBP"/>British Pound<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="CAD"/>Canadian Dollars<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="CZK"/>Czech Koruna<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="DKK"/>Danish Kroner<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="EUR"/>EUR<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="HKD"/>Hong Kong Dollars<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="HUF"/>Hungarian Forint<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="JPY"/>Japanese YEN<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="NZD"/>New Zealand Dollars<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="NOK"/>Norwegian Kroner<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="PLN"/>Polisg Zlotych<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="SGD"/>Singapore Dollars<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="SEK"/>Swedish Kronor<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><option value="CHF"/>Swiss Francs<span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span></select><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span></p><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><p style="margin-top: 0; margin-bottom: 0" align="center"><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><input border="0" alt="Make payments with PayPal - it's fast, free and secure!" width="60" src="http://www.blogpulp.com/imagehost/images/5971708800.gif" name="submit" height="30" type="image"/><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span></p><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span></p></p&g
t;
</form><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span></td></tr><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><tr><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><td><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><p align="right"><b><font face="Arial" size="1"><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><a href="http://bloggerehow.blogspot.com/2011/06/how-to-add-paypal-donation-widget-in.html" target="_blank"> The-Online-Quest</a> <span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><a href="http://bloggerehow.blogspot.com/2011/06/how-to-add-paypal-donation-widget-in.html"><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span>Blogger eHow</a></font></b><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span></p></td><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span></tr><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span></table><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span></center><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
</span><!-- End of The-Online-Quest Pay Pal Donation Form Code --><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><center><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span><a href="http://bloggerehow.blogspot.com/2011/06/how-to-add-paypal-donation-widget-in.html"><span style="background-attachment: initial; background-clip: initial; background-color: #efefef; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"></span>Add this Box to my Blog</a></center></pre>In this widget we have modified a little and you should also modify it a little. In the above code you have to edit some code for your use.<br />
Change Your Paypal Email with your own Paypal account email . For Example my paypal Email is deineshd@gmail.com so i have to change it to deineshd@gmail.com.<br />
Another is Change Blog/website Title with your own Blog/Website Title. For example my Blog title is Bloganol therefore i should change it to Bloganol.<br />
I hope you understand my words . If not then leave a comment.<br />
Remember Asking donation is not bad . Our John Brother also asks donation via his blog and also shows income earned by taking donation in his monthly income.<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-8992903313551017";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com112tag:blogger.com,1999:blog-3982545772513522496.post-38442826012943961232011-06-28T07:32:00.000-07:002011-06-29T05:33:22.419-07:00How to add animated recent post with thumbnails<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_gns0HO8q5MlUC56jcGKhAYUhuyC3s0SmUzIK4iepOkSr3NmJM2RyBHldS-Xa3gRaL_VU92uAv1q45EBr3CRIcahjwiLaHTPw8GRetihaWsXvcrELdhfb06YLbJWGZhkfzy1hfveS4KgL/s1600/recent-thumbnails.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_gns0HO8q5MlUC56jcGKhAYUhuyC3s0SmUzIK4iepOkSr3NmJM2RyBHldS-Xa3gRaL_VU92uAv1q45EBr3CRIcahjwiLaHTPw8GRetihaWsXvcrELdhfb06YLbJWGZhkfzy1hfveS4KgL/s200/recent-thumbnails.png" width="117" /></a></div>If you want to display the Recent Posts with thumbnails of your Blogger blog in animated style instead of the plain text as shown in the image given then now you can do that using the Animated Recent Post Widget With Thumbnails For Blogger/Blogspot.<br />
<br />
To add the Animated Recent Post Widget With Thumbnails in your Blogger/Blogspot blog, just follow the easy steps given below.<br />
<br />
1. Log in to your <b>Blogger</b> account<br />
<br />
2. Now click on the<b> Design </b>on your <b>Dashboard </b>and then click on the <b>Page Element.</b><br />
<br />
3. Click on the <b>Add A Gadget</b> and select <b>'HTML/Javascript'</b> widget<br />
<br />
4.Copy and paste the given code below in the <b>'HTML/Javascript'</b> box.<br />
<br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial,serif; font-size: x-small; line-height: 26px;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br />
<style type="text/css" media="screen"><br />
<!--<br />
#spylist {<br />
overflow:hidden;<br />
margin-top:5px;<br />
padding:0px 0px;<br />
height:350px;<br />
}<br />
#spylist ul{<br />
width:220px;<br />
overflow:hidden;<br />
list-style-type: none;<br />
padding: 0px 0px;<br />
margin:0px 0px;<br />
}<br />
#spylist li {<br />
width:208px;<br />
padding: 5px 5px;<br />
margin:0px 0px 5px 0px;<br />
list-style-type:none;<br />
float:none;<br />
height:70px;<br />
overflow: hidden;<br />
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;<br />
border:1px solid #ddd;<br />
} #spylist li a {<br />
text-decoration:none;<br />
color:#4B545B;<br />
font-size:11px;<br />
height:18px;<br />
overflow:hidden;<br />
margin:0px 0px;<br />
padding:0px 0px 2px 0px;<br />
}<br />
<br />
#spylist li img {<br />
float:left;<br />
margin-right:5px;<br />
background:#EFEFEF;<br />
border:0;<br />
}<br />
.spydate{<br />
overflow:hidden;<br />
font-size:10px;<br />
color:#0284C2;<br />
padding:2px 0px;<br />
margin:1px 0px 0px 0px;<br />
height:15px;<br />
font-family:Tahoma,Arial,verdana, sans-serif;<br />
}<br />
<br />
.spycomment{<br />
overflow:hidden;<br />
font-family:Tahoma,Arial,verdana, sans-serif;<br />
font-size:10px;<br />
color:#262B2F;<br />
padding:0px 0px;<br />
margin:0px 0px;<br />
}<br />
--><br />
</style><br />
<script language='JavaScript'><br />
<br />
<br />
imgr = new Array();<br />
<br />
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";<br />
<br />
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";<br />
<br />
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";<br />
<br />
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";<br />
<br />
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";<br />
showRandomImg = true;<br />
<br />
boxwidth = 255;<br />
<br />
cellspacing = 6;<br />
<br />
borderColor = "#232c35";<br />
<br />
bgTD = "#000000";<br />
<br />
thumbwidth = 70;<br />
<br />
thumbheight = 70;<br />
<br />
fntsize = 12;<br />
<br />
acolor = "#666";<br />
<br />
aBold = true;<br />
<br />
icon = " ";<br />
<br />
text = "comments";<br />
<br />
showPostDate = true;<br />
<br />
summaryPost = 40;<br />
<br />
summaryFontsize = 10;<br />
<br />
summaryColor = "#666";<br />
<br />
icon2 = " ";<br />
<br />
numposts = 10;<br />
<br />
home_page = "<span style="color: red;">http://www.bloggerehow.blogspot.com/</span>";<br />
<br />
limitspy=4<br />
intervalspy=4000<br />
<br />
</script><br />
<br />
<div id="spylist"><br />
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script><br />
</div> <a href="http://www.bloggerehow.blogspot.com/"><font size="1px">Widget by Blogger eHow</font></a></span><br />
<div><span class="Apple-style-span" style="color: #333333; font-family: Arial,serif; font-size: 16px; line-height: 26px;"><br />
</span></div>6. Now, just save the widget and check your blog for a new Recent Post Widget With Thumbnails<br />
<br />
Enjoy!<br />
<br />
<script type="text/javascript">
<!--
google_ad_client = "ca-pub-8992903313551017";
google_ad_host = "pub-1556223355139109";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com2tag:blogger.com,1999:blog-3982545772513522496.post-82585256354717305682011-06-28T07:17:00.000-07:002011-06-29T01:58:40.187-07:00How to add random post widget with thumbnailsEarlier I posted the HOW TO : <a href="http://bloggerehow.blogspot.com/2011/06/how-to-add-random-post-widget.html">Add Random Post Widget</a> for Blogger/Blogspot and if you want a gadget which shows thumbnails, as showing in the image given below, from your blog then here is the solution for you.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtCYpvYch4IkdgVvpFzgEC9j62jlDy9iR36Sxa4O7OKXZpfpnJjM-oXujqDeL_D7tKyxiDTkFihmVirN9rIRqwhTKfeffpJMF8bp_MfFRARCA58pQfJlEngCq9u1Qn6lSzC07orJDI8a9A/s1600/random2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtCYpvYch4IkdgVvpFzgEC9j62jlDy9iR36Sxa4O7OKXZpfpnJjM-oXujqDeL_D7tKyxiDTkFihmVirN9rIRqwhTKfeffpJMF8bp_MfFRARCA58pQfJlEngCq9u1Qn6lSzC07orJDI8a9A/s320/random2.png" width="171" /></a></div>Click on the button given below. If you are not logged in already to your Blogger account then it will ask you to login first after clicking on the Add To Blogger button below.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.blogger.com/add-gadget?url=http://bloggerplugins.org/1.xml" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIARIamPTlKijnrf3W-xvwUN_UPCxgIAOajJXICXRp8HeP0FJP7n0o0mVevPhyphenhyphenwxK5crdLQ2g2SaNdtzLXjTYsZC_8DRvf238EHehuO5huf8l3K06L02NYpCJYKci0QG9masxODxJnVLVZ/s1600/add2blogger_lg.gif" /></a></div>1. Now, select on which of your blog you want to add the Random Post widget.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: left;">2. Select the preferences which you want for your Random Post widget</div><div class="separator" style="clear: both; text-align: left;"><br />
</div>3. Save the gadget and move it to where you want it to be appear on your blog.<br />
<br />
4. All done. Now check your blog for the Random Post widget :)<br />
<br />
Enjoy!<br />
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-8992903313551017";
google_ad_host = "pub-1556223355139109";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com2tag:blogger.com,1999:blog-3982545772513522496.post-84354310152315970182011-06-27T20:20:00.000-07:002011-06-29T01:58:59.397-07:00How to add signature to every postIn this blog post I’m going to write a quick guide on how to add your signature to every blog post in Blogger. To do that you just need to add a piece of code in your Blogger template in order to make the signature appear in the footer of your blog posts. So first you need to have an image of your signature. If you don’t have it then you can write it in a piece of paper and scan it or you can design it with Photoshop or other photo editing software.<br />
<br />
To make your signature appear in your blog post in Blogger follow these steps:<br />
<br />
1. Login to your Blogger account and go to Design.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHASdqKPjre3qIq6KnITDw6X0Hd4T1KBF64FwUYeWn_yieRnF65-kn-b7v7Lq7MeNRyJSEGS0Uo6_CMRaMWQmo1hfzIPD5hsTCxewilxmDZEjMCyVag8T_C82Nt2TGZayYKEV2mOAtY8m7/s1600/blogger_design.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="87" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHASdqKPjre3qIq6KnITDw6X0Hd4T1KBF64FwUYeWn_yieRnF65-kn-b7v7Lq7MeNRyJSEGS0Uo6_CMRaMWQmo1hfzIPD5hsTCxewilxmDZEjMCyVag8T_C82Nt2TGZayYKEV2mOAtY8m7/s320/blogger_design.jpg" width="320" /></a></div>2. Click at the Edit HTML tab which will lead you to the Edit Template page.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZqxl6bElprgmZpslVYmo2YbrdrExIRbMQVAP_56FZwgxztrbEk_x1oxJCnSByeHAmRV9O3a1srjQ-Xrd3BSlMzzcSsyV11l3LYOmDw7fngAPiE9NPijwGRQxFu_ARJTFXUMOqCk63B2q7/s1600/edit_html_blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZqxl6bElprgmZpslVYmo2YbrdrExIRbMQVAP_56FZwgxztrbEk_x1oxJCnSByeHAmRV9O3a1srjQ-Xrd3BSlMzzcSsyV11l3LYOmDw7fngAPiE9NPijwGRQxFu_ARJTFXUMOqCk63B2q7/s320/edit_html_blogger.png" width="320" /></a></div>3. At the Edit Template page check the Expand Widget Templates option. Now you have to be careful here. First find <span class="Apple-style-span" style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 15px; line-height: 22px;"></span><span class="Apple-style-span" style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 15px; line-height: 22px;"><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; font-size: 15px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><data:post.body/> </strong></span>and right after it paste the following code:<br />
<br />
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; font-size: 15px; margin-bottom: 22px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><img src=’<strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; font-size: 15px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">URL OF YOUR SIGNATURE IMAGE</strong>‘ style=’border:0px; background: transparent;’/></div>Upload your signature image, copy the url and paste it instead of URL OF YOUR SIGNATURE IMAGE and click SAVE TEMPLATE.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGLHrS3t4u2d_le7ghZNNH4D2ribZoDP5xu5n-kNo64ALidmCuxAzrpAbcAefvtJ24XmQoMpRSLqjx1jv97ca2pS7uPeBwKK_61PxXSdn1Yc_ZJ9MwwPITIN3sGt39hg2JkSw6sZu4M90n/s1600/code.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGLHrS3t4u2d_le7ghZNNH4D2ribZoDP5xu5n-kNo64ALidmCuxAzrpAbcAefvtJ24XmQoMpRSLqjx1jv97ca2pS7uPeBwKK_61PxXSdn1Yc_ZJ9MwwPITIN3sGt39hg2JkSw6sZu4M90n/s320/code.png" width="320" /></a></div>Now go back to your blog and see the changes. Happy blogging!<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicvgYp3GeEaUNVnYX4MSPhR8NddUmbC_ezRoD5CGZJMUYO4ZSnGv-rvSyn0BCVJ5QkIlt9izUd9hCoX3WWPJPQCSKPxVJSs7Ld3pfF4sTutgC64XGN82LjyZ4Ot4devtSbCMiEK-QuCy7v/s1600/signature.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicvgYp3GeEaUNVnYX4MSPhR8NddUmbC_ezRoD5CGZJMUYO4ZSnGv-rvSyn0BCVJ5QkIlt9izUd9hCoX3WWPJPQCSKPxVJSs7Ld3pfF4sTutgC64XGN82LjyZ4Ot4devtSbCMiEK-QuCy7v/s1600/signature.png" /></a></div><br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-8992903313551017";
google_ad_host = "pub-1556223355139109";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com31tag:blogger.com,1999:blog-3982545772513522496.post-40339929737264006602011-06-27T19:25:00.000-07:002011-06-29T01:59:15.436-07:00How to comment on blogs - introduction<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq8YUBMcUY9XKcXCrpWSG1HrUxocqJRfcaFUvbJk-PCzfl3UKjmnmxiQ6tZbikN9-AhQbaGBqJnrNShF5ADO_wHpbE9mSgM6dEhjuO7KbjvyzgzizlwHVCNbYwq2WK0tLTF0YKORa3lew7/s1600/intense-debate-1.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq8YUBMcUY9XKcXCrpWSG1HrUxocqJRfcaFUvbJk-PCzfl3UKjmnmxiQ6tZbikN9-AhQbaGBqJnrNShF5ADO_wHpbE9mSgM6dEhjuO7KbjvyzgzizlwHVCNbYwq2WK0tLTF0YKORa3lew7/s200/intense-debate-1.jpg" width="200" /></a></div>One of the primary sources of getting back links to your blog is commenting on other blogs. There is a big difference between a back link and a quality back link. New bloggers often restrain themselves from commenting on popular blogs. A large number of bloggers do not know the correct way of commenting on other blogs. What is the purpose behind commenting? Is it just to acquire a back link or much more then that? Let's try to understand and find out the correct way of commenting, that not only give us quality back link but also helps in building our e-brand.<br />
<br />
We will start by a sample comment.<br />
<blockquote><span class="Apple-style-span" style="background-color: #fff2cc;"><i><span class="Apple-style-span" style="color: #222222; font-family: Georgia, serif; font-size: 14px; line-height: 22px;">Mr. XYZ</span></i></span> </blockquote><blockquote><span class="Apple-style-span" style="background-color: #fff2cc;"><i><span class="Apple-style-span" style="color: #222222; font-family: Georgia, serif; font-size: 14px; line-height: 22px;">Nice post, I like it!</span></i></span></blockquote><blockquote><span class="Apple-style-span" style="background-color: #fff2cc;"><i><span class="Apple-style-span" style="color: #222222; font-family: Georgia, serif; font-size: 14px; line-height: 22px;">Visit: http://xyz.com</span></i></span></blockquote>What will you call this commentator? I am sure most of my fellow bloggers will identify this as spam. The main motive to leave such type of comment is to get a back link. Today search engines are smart enough to detect these spam comments, and their weightage is not counted when calculating the PR of any page.<br />
<br />
<b><u>Purpose of commenting?</u></b><br />
<ul><li>Building your brand</li>
<li>Networking</li>
<li>Giving your views on a topic</li>
<li>Getting a back link</li>
</ul><br />
As you can see, getting a back link is way down in the list. With powerful commenting you can make your online presence felt among bloggers and can build your reputation.<br />
<br />
<b>Building your brand</b><br />
<br />
To make your e-brand, you have to influence your readers by showing them your authority on a particular niche. Commenting is a powerful medium to show that. Top bloggers use this technique by getting involved in constructive and informative commenting. Glen Allsopp has discussed about building an e-brand, and he has included commenting as one of the ways to do it.<br />
<br />
<b>Networking</b><br />
<br />
Commenting can earn you good friends and can help you build strong network of fellow bloggers. It helps in spreading your word and getting valuable resources and advice from these friends, which helps you in becoming a better blogger.<br />
<br />
<b>Giving your views on a topic</b><br />
<br />
One of the obvious reasons to comment on other blogs is to say your word on the post topic. Your views can be a critical acclamation or a gesture of agreement. Speaking with open mind while commenting attracts reader's attention and they want to know more about you.<br />
<br />
<b>Getting a back link</b><br />
<br />
Comments helps you gather back links for your blog. The SEO aspect of commenting cannot be ignored, as it is one of easiest way to get links. Do not pile up your comments on few chosen blogs. Try to comment on new fresh blogs and spread your links across the web. <br />
<br />
<b><u>How to comment?</u></b><br />
<br />
<ul><li>Choose relevant content</li>
<li>Give meaningful comment</li>
<li>Follow up and engage in discussion</li>
<li>Don't be rude</li>
</ul><br />
<b>Choose relevant content</b><br />
<br />
Commenting on blogs not related to your niche is not a wise decision. A link back from relevant content has more value, than a comment on irrelevant content that is not associated to the content to which you are linking back. Sometimes, novice bloggers do not keep this in mind and comment on blogs that do not match the content, to which they are linking back.<br />
<br />
<b>Give meaningful comment</b><br />
<br />
It is the most important thing to keep in mind while commenting. Just a "Hello" and intro about you is not the good way of leaving comment. Read the post thoroughly and give your views about the topic of the post. At times, there can be agreement or dis-agreement on the issue, but speaking your mind while commenting attracts the attention of author as well as of the readers.<br />
<br />
<b>Follow up and engage in discussion </b><br />
<br />
Whenever you comment on some popular blog, make sure you follow up the comments and engage yourself in the comment trail, by actively participating in the discussion. This helps in authority building as it shows your views and knowledge about a niche.<br />
<br />
<b>Don't be rude</b><br />
<br />
Never use any word that may queue up your comment for review or end up in trash bin. Maintain a tone of decency even if you do not agree with the author. Sometimes people use obscene language to draw attention of people. You may get banned from commenting on popular blogs if you use rude language, and it is a big loss.<br />
<br />
<b>Conclusion</b><br />
<br />
Commenting is an essential part of blogging. It not only helps in off-page SEO, but also helps in building relationships with fellow bloggers. A good commentator can build strong network of friends, which proves to be very fruitful in the long run.<br />
<br />
Happy blogging...<br />
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-8992903313551017";
google_ad_host = "pub-1556223355139109";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com116tag:blogger.com,1999:blog-3982545772513522496.post-2067010525287772642011-06-27T19:11:00.000-07:002011-06-29T01:59:33.413-07:00How to get instant traffic for your blog<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjQq4upxrZEHOjlTIHhsvW_2FSiMA809V1zl4iaPTee3g0lZ9zVDK9BbzIxT-FPr5n3ED6FTbuQQvyPQq8gSjnTndWR7a2rpMovW5JWj5yZQqp6F-3oqKsUJdaa0_w-x85kHlz0Yb-wgvM/s1600/increasing-blog-traffic.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjQq4upxrZEHOjlTIHhsvW_2FSiMA809V1zl4iaPTee3g0lZ9zVDK9BbzIxT-FPr5n3ED6FTbuQQvyPQq8gSjnTndWR7a2rpMovW5JWj5yZQqp6F-3oqKsUJdaa0_w-x85kHlz0Yb-wgvM/s200/increasing-blog-traffic.jpg" width="200" /></a></div>Getting instant traffic for blog is not as hard as some people may think. By applying some clever techniques we can gain some good traffic for our blogs in no time. Some of these techniques are very easy to implement, while others requires some preparation before applying them effectively, Let us see how to take our share of pie from the traffic explosion on Internet.<br />
<br />
<br />
<b>Comment On Popular Blogs of Similar Niche</b><br />
<br />
This is the most effective way to get instant traffic for your blog. Suppose you own a tech blog, and you are among the top 5 commentators on well known blogs in your niche, rest assured that you will get good traffic from there. Readers have the tendency to click on commentator's hotlink to know more about them. But having said that, one must keep in mind the correct way of implementing this method. Following things must be followed while commenting on high traffic popular blogs.<br />
<br />
1. The blog should be of similar niche.<br />
2. Give a useful and constructive comment.<br />
3. Subscribe to 'Follow-up comments' and actively take it further.<br />
4. Keep unique identity and use your <a href="http://en.gravatar.com/">Gravatar</a> profile wherever possible.<br />
5. Learn the art of taking criticism in positive way.<br />
<br />
<b>Engage in Discussion with Big Guns On Social Media Sites</b><br />
<br />
Create and build up decent profiles on social media sites like <a href="http://www.facebook.com/">Facebook</a> and <a href="http://twitter.com/">Twitter</a>. Initiate a discussion with a popular blogger in similar niche. You can start by replying his public comment or tweet. Or can straight away ask some question. As soon as you get the response, try to build up the flow and exchange messages as long as you can. Your friends, communities and networks on social media site will notice this discussion, as large number of people will be following the big gun. The effect of this discussion will be that people will notice you exchanging views with the popular blogger, and they will try to know more about you, giving you the required traffic along with a little recognition.<br />
<br />
<b>Initiate Constructive Thread on High Traffic Forum</b><br />
<br />
This is yet another excellent technique to get instant traffic for your blog. Sign up on various high traffic forums of similar niche. If you are a new forum user, it will take some time to get accustomed with forum etiquette, else you can start straightaway. Identify popular threads and jump into the bandwagon. You can also initiate your own thread with some hot topic. Remember, if you managed to create a popular thread on high traffic forums like <a href="http://forums.digitalpoint.com/">Digital Point Forum</a>, you will get tons of traffic for long time to come.<br />
<br />
<b>Use Social Bookmarking Tools</b><br />
<br />
Build a network on <a href="http://digg.com/">Digg</a>, <a href="http://www.stumbleupon.com/">StumbleUpon </a>and similar sites, and use your network to bookmark and promote your blog posts. Digg and StumbleUpon are known to send huge traffic, once the post gets enough votes from the community. Make sure you do not misuse it and take care of usage guidelines; otherwise your blog may be banned on these sites.<br />
<br />
<b>Advertise</b><br />
<br />
And last but not the least is an advertising option. If you have the required budget and if you are desperate for instant traffic, you can sign up for some good CPC campaigns on poplar advertising networks like <a href="http://adwords.google.com/">Google Adwords.</a><br />
<br />
<b>Over To You</b><br />
<br />
We can clearly see, that the first three methods require patience and time. I have often noticed that some of my fellow bloggers are not ready to invest time in these 3 methods, and still want traffic and popularity. Do you use these methods in diverting traffic flow to your blog? What other techniques you often use to achieve the same?<br />
<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-8992903313551017";
google_ad_host = "pub-1556223355139109";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com11tag:blogger.com,1999:blog-3982545772513522496.post-66761893876299659512011-06-27T11:05:00.000-07:002011-07-04T08:46:10.673-07:00How to add Recent Comments - Wordpress Style<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpeMyMkBP_rZlU6Av9UHD_D4RQmKAIiVgoxNjko5hBXyJVCHiG3n082tu8ulX8VloakGqW0bIDC9OhcZ2o4MTd1dRiNbjimDAIleiZJ41Ju_OJRhwSLA8FduQ1E6HlKFH-y3XpKZip4tW5/s1600/recentpost.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpeMyMkBP_rZlU6Av9UHD_D4RQmKAIiVgoxNjko5hBXyJVCHiG3n082tu8ulX8VloakGqW0bIDC9OhcZ2o4MTd1dRiNbjimDAIleiZJ41Ju_OJRhwSLA8FduQ1E6HlKFH-y3XpKZip4tW5/s200/recentpost.png" width="200" /></a></div>Blogger does not have an inbuilt recent comments feature. So you had to revert to Google to search for the best option to display recent comments, but none of them developed it as effectively as done in wordpress. So I made this very simple widget to display recent comments in Blogger - the Wordpress Style.<br />
<br />
So by Wordpress Style I mean that it can display up to 4 different things. They are the Comment Date, Comment Author, Post Page where Comment was done, and lastly the Comment itself. The Comment URL in the recent comments feed have some weird links like "showComment=1213409400000#comment-c6962815339210283551" which actually do not direct to the actual comment but just the Comment's post page. So the Wordpress Styled Widget does the following tasks.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhisksvxhIgp5vU2inO-e6LH3kaxglf8ZKu5QaNgYD09_kBPR41W9NdjPWUnKz2y3kID7OqTrMlSX2VU4H5Pg59i11cSbVTmU6OkGQblKSxg_TEseb0DfU7zIndB6GoyAQH3lMceVH9FzCN/s1600/recent-comments.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhisksvxhIgp5vU2inO-e6LH3kaxglf8ZKu5QaNgYD09_kBPR41W9NdjPWUnKz2y3kID7OqTrMlSX2VU4H5Pg59i11cSbVTmU6OkGQblKSxg_TEseb0DfU7zIndB6GoyAQH3lMceVH9FzCN/s400/recent-comments.png" width="400" /></a></div>The Widget makes use of the fact that in Blogger blogs any 'posturl#comments' will take you to the position on page from where the Comments start just after the Post area. So when you click on the Post Page Link in the Recent Comments you will be directed to the comments on that page and not at the start of the page. Also the Commenter's name would link to the URL provided by the commenter while commenting.<br />
<br />
Get Your Own Recent Comment Widget - WordPress Styled<br />
<br />
<br />
Now Log into your <a href="http://www.blogger.com/">Blogger </a>account and go to <b>Layout > Page Elements</b><br />
Then Click on <b>Add a Gadget</b><br />
Then Choose <b>HTML/JavaScript</b><br />
Now Copy and paste the code below into <b>HTML/JavaScript</b> widget.<br />
<br />
<script style='text/javascript' src='http://corpseofattic.com/scripts/recentcomments.js'></script><script style='text/javascript'><span class="Apple-style-span" style="color: red;">var numposts = 5</span>;var showcommentdate = true;var showposttitle = true;var numchars = 100;</script><script src='http://<span class="Apple-style-span" style="color: red;">www.bloggerehow.blogspot.com</span>/feeds/comments/default?alt=json-in-script&callback=showrecentcomments'></script><div align='center'></div><br />
<br />
Note:<br />
Change the number of posts <span class="Apple-style-span" style="color: red;">var numposts = 5</span><br />
Change to your blog URL<span class="Apple-style-span" style="color: red;"> www.bloggerehow.blogspot.com</span><br />
<br />
Once you have adjusted the code according to your preferences, simply click the Save button in the HTML/JavaScript Widget.<br />
<br />
Enjoy!Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com120tag:blogger.com,1999:blog-3982545772513522496.post-18242782603839112582011-06-27T10:48:00.000-07:002011-06-29T01:59:50.351-07:00How to Add Random Post widget<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiip0bdAHZDFtaSwpWJ6xFZ2BfcCm5qSqUfPP5irgchwg6iAbU5pZPleiY9hpwVT0e1YfjAsPvkmbMjgQdav02SCD-KvfA-TluDJ7Bu7cZCy4v_DRQX-6e6e2FBVsYlqWqcsNrlHZ_8ow7t/s1600/random.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiip0bdAHZDFtaSwpWJ6xFZ2BfcCm5qSqUfPP5irgchwg6iAbU5pZPleiY9hpwVT0e1YfjAsPvkmbMjgQdav02SCD-KvfA-TluDJ7Bu7cZCy4v_DRQX-6e6e2FBVsYlqWqcsNrlHZ_8ow7t/s200/random.png" width="200" /></a></div>Most of the bloggers add more sidebar widgets to increase pageviews. You can find Recent Post, Popular Post and Related Post widgets in almost all blogs. Now lets see displaying Random Post widget in blogger sidebar. Its a very useful widget because it lets you to show all older posts randomly fashion. <br />
<br />
<a href="http://www.abdul-hakeem.com/">Abdul-Hakeem.com</a> is powered by Blogger. I use many widgets to improve page impression. The number of posts links in Random post widget to be displayed can be controlled by the webmaster. Now getting back to our topic,<br />
<br />
<b>Steps to Show Random Posts in Blogger:</b><br />
<br />
1. Login to Blogger Account.<br />
2. Go to Design –>Add a Gadget, and select it as “HTML/JavaScript” widget.<br />
3. Now Copy and Paste this code in to it:<br />
<br />
<br />
<script type='text/javascript'><br />
var randarray = new Array();var l=0;var flag;<br />
<span class="Apple-style-span" style="color: red;">var numofpost=5</span>;function randomposts(json){<br />
var total = parseInt(json.feed.openSearch$totalResults.$t,10);<br />
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}<br />
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');<br />
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];<br />
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";<br />
document.write(item);}}<br />
}document.write('</ul>');}<br />
</script><br />
<script type='text/javascript' src='/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts'></script><br />
<span style='font-size: 80%'>Widget by <a href='http://www.bloggerehow.blogspot.com'>Blogger eHow </a></span><br />
<br />
<br />
<b>Note</b>:<br />
If you which to change number of post displayed.Change the no <span class="Apple-style-span" style="color: red;">5</span> marked as red in this code <span class="Apple-style-span" style="color: red;">numofpost=5</span><br />
<br />
<b>Credits:</b><br />
This widget script was developed by <a href="http://www.abdul-hakeem.com/">Field of Dreams</a><br />
<br />
Enjoy!<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-8992903313551017";
google_ad_host = "pub-1556223355139109";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com14tag:blogger.com,1999:blog-3982545772513522496.post-32353426936833996752011-06-27T02:36:00.000-07:002011-06-29T02:00:05.507-07:00How To Add Flash Animated Label Tags Cloud Widget<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlrLiUKGVBS_Hcz4qiNGzhdK0J3YVeJcPkAIwOeoPdaFm5ZvwZwpv4UL56uRfkz0B-5hlYh5-wWv0PqQKODh5zBGWbMF38uPwXUgBa4p9JvZuvo5OVuT94C-FyQwzCJZbnkkIrtJO9yll-/s1600/Animated-label-cloud-Blogger2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlrLiUKGVBS_Hcz4qiNGzhdK0J3YVeJcPkAIwOeoPdaFm5ZvwZwpv4UL56uRfkz0B-5hlYh5-wWv0PqQKODh5zBGWbMF38uPwXUgBa4p9JvZuvo5OVuT94C-FyQwzCJZbnkkIrtJO9yll-/s400/Animated-label-cloud-Blogger2.png" width="400" /></a></div>If it is said that “Pictures speak a thousand words“, then it would not be wrong to say that “Flash speak a million words“.<br />
<br />
And because we all want our blogs look great for our visitors, we need to give our labels widget good style. <br />
<br />
And here we are:<br />
<ul><li>Go to Layout -> Edit HTML</li>
<li>Click on Expand Widget Templates</li>
<li>Find the next code (use Ctrl+f)</li>
</ul><span class="Apple-style-span" style="color: #333333; font-family: georgia, 'palatino linotype', palatino, 'times new roman', times, serif; font-size: 11px; font-weight: bold; line-height: 15px;"><b:section class=’sidebar’ id=’sidebar’ preferred=’yes’></span><br />
<ul><li>Past the next code just after the above one</li>
</ul><div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 5px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 5px; vertical-align: baseline;"><span class="Apple-style-span" style="line-height: 15px;"><b:widget id='Label99' locked='false' title='Labels' type='Label'></span><br />
<span class="Apple-style-span" style="line-height: 15px;"><b:includable id='main'></span><br />
<span class="Apple-style-span" style="line-height: 15px;"><b:if cond='data:title'></span><br />
<span class="Apple-style-span" style="line-height: 15px;"><h2><data:title/></h2></span><br />
<span class="Apple-style-span" style="line-height: 15px;"></b:if></span><br />
<span class="Apple-style-span" style="line-height: 15px;"><div class='widget-content'></span><br />
<span class="Apple-style-span" style="line-height: 15px;"><script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/></span><br />
<span class="Apple-style-span" style="line-height: 15px;"><div id='flashcontent'>Blogger eHow by <a href='http://www.bloggerehow.blogspot.com/'>Roy Paran</a> and <a href='http://www.abdul-hakeem.com'>Field of Dreams</a></div></span><br />
<span class="Apple-style-span" style="line-height: 15px;"><script type='text/javascript'></span><br />
<span class="Apple-style-span" style="line-height: 15px;">var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);</span><br />
<span class="Apple-style-span" style="line-height: 15px;">// uncomment next line to enable transparency</span><br />
<span class="Apple-style-span" style="line-height: 15px;">//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);</span><br />
<span class="Apple-style-span" style="line-height: 15px;">so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);</span><br />
<span class="Apple-style-span" style="line-height: 15px;">so.addVariable(&quot;mode&quot;, &quot;tags&quot;);</span><br />
<span class="Apple-style-span" style="line-height: 15px;">so.addVariable(&quot;distr&quot;, &quot;true&quot;);</span><br />
<span class="Apple-style-span" style="line-height: 15px;">so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);</span><br />
<span class="Apple-style-span" style="line-height: 15px;">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;);</span><br />
<span class="Apple-style-span" style="line-height: 15px;">so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);</span><br />
<span class="Apple-style-span" style="line-height: 15px;">so.write(&quot;flashcontent&quot;);</span><br />
<span class="Apple-style-span" style="line-height: 15px;"></script></span><br />
<span class="Apple-style-span" style="line-height: 15px;"><b:include name='quickedit'/></span><br />
<span class="Apple-style-span" style="line-height: 15px;"></div></span><br />
<span class="Apple-style-span" style="line-height: 15px;"></b:includable></span><br />
<span class="Apple-style-span" style="line-height: 15px;"></b:widget></span></div><ul><li>Customize you widget by changing the red words as: (<span class="Apple-style-span" style="color: red;">Labels</span>):title (<span class="Apple-style-span" style="color: red;">250</span>):width, (<span class="Apple-style-span" style="color: red;">200</span>):height, (<span class="Apple-style-span" style="color: red;">#ffffff</span>):background color and (<span class="Apple-style-span" style="color: red;">000000</span>):links color.</li>
<li>Click Save Template</li>
<li>Go to Layout and change its location as you like</li>
</ul><div>Enjoy!</div><script type="text/javascript"><!--
google_ad_client = "ca-pub-8992903313551017";
google_ad_host = "pub-1556223355139109";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com9tag:blogger.com,1999:blog-3982545772513522496.post-38233038000057457872011-06-26T14:52:00.000-07:002011-06-29T02:00:24.431-07:00How to add subscription email formA Subscription Email form is more important than a RSS feed Icon itself. People often love to receive your post Updates in their email inbox rather than in a reader. So make sure you make your Email From as eye appealing and eye catching as possible. So today we will again learn how to add an Email form, so lets get to work!<br />
<br />
<b>Follow these steps,</b><br />
<ul><li>Log into your <a href="http://feedburner.com/">feedburner</a> account</li>
<li>Click on the Publicize button and then click on Email Subscriptions link as shown below,</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_7wsQzULWIwo/Sh6zII8V13I/AAAAAAAABXU/neART6fNJ4Y/subscription-email-form%5B6%5D.gif?imgmax=800" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="173" src="http://1.bp.blogspot.com/_7wsQzULWIwo/Sh6zII8V13I/AAAAAAAABXU/neART6fNJ4Y/subscription-email-form%5B6%5D.gif?imgmax=800" width="320" /></a></div><ul><li>Then drag down the page until you see a HTML code, as shown below</li>
</ul><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_7wsQzULWIwo/Sh6zI0B8_8I/AAAAAAAABXY/Mi1Fnhn3dnQ/email-form-code%5B6%5D.gif?imgmax=800" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="http://3.bp.blogspot.com/_7wsQzULWIwo/Sh6zI0B8_8I/AAAAAAAABXY/Mi1Fnhn3dnQ/email-form-code%5B6%5D.gif?imgmax=800" width="320" /></a></div>Copy the HTML code for the email form and paste it in a WordPad or Notepad. The code may look like the one below,<br />
<br />
<span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 11px; line-height: 14px;"><form style="border:1px solid #ccc;padding:3px;text-align:center;" action="</span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 11px; line-height: 14px;"><span style="color: green;"><strong>http://feedburner.google.com/fb/a/mailverify</strong></span></span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 11px; line-height: 14px;">" method="post" target="popupwindow" onsubmit="window.open('</span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 11px; line-height: 14px;"><span style="color: red;"><strong>http://feedburner.google.com/fb/a/mailverify?uri=TntByStc</strong></span></span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 11px; line-height: 14px;">', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="TntByStc" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form></span><br />
<span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 11px; line-height: 14px;"><br />
</span><br />
Please search for the <span class="Apple-style-span" style="color: lime;">Green</span> and <span class="Apple-style-span" style="color: red;">Red</span> texts as shown above in the HTML code that you just pasted in a notepad or WordPad.<br />
<br />
Note that the <span class="Apple-style-span" style="color: red;">red</span> text in your code will be something like this,<br />
<br />
<span class="Apple-style-span" style="color: red;">http://feedburner.google.com/fb/a/mailverify?uri=</span>Your-FeeD-Title<br />
<br />
The end part of the URL above will contain your feed title, so look carefully for this URL in the code that you pasted in notePad<br />
<br />
Now Log into your <a href="http://blogger.com/">Blogger</a> account and go to <b>Layout > Page Elements</b><br />
<br />
Then Click on <b>Add a Gadget</b><br />
<br />
Then Choose <b>HTML/JavaScript</b><br />
<br />
Now Copy and paste the code below into <b>HTML/JavaScript</b> widget.<br />
<br />
<div style="color: #333333; font-family: Verdana; font-size: 11px; line-height: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><div style="border: 1px solid <span style="color: #0080ff;"><strong>DodgerBlue</strong></span>; padding: 5mm;"><br />
<center><img src="<strong><span style="color: magenta;">URL of Email Icon</span></strong>"/></center><br />
<span style="font-weight: bold;font-size:small;"><strong>Subscribe by E-mail & receive free updates of these cool Blogger eHow straight to your inbox!</strong></span></div><div style="color: #333333; font-family: Verdana; font-size: 11px; line-height: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><form action="<span style="color: green;"><strong>http://feedburner.google.com/fb/a/mailverify</strong></span>" style="padding: 3px; text-align: center;" target="popupwindow" method="post" onsubmit="window.open('<span style="color: red;"><strong>http://feedburner.google.com/fb/a/mailverify?uri=TntByStc</strong></span>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><center style="font-weight: normal"><strong>Enter your email address:</strong></center><p><center><input type="text" style="width:140px" name="email"/></p></center><center><input type="hidden" value="<strong><span style="color: purple;">TntByStc</span></strong>" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="<span style="color: blue;"><strong>Subscribe</strong></span>" /></form></center></div><span class="Apple-style-span" style="font-size: x-small;">NT:- The Code in your notepad will be used only to get some info out of it. Our main code is the code above.</span><br />
<br />
Please adjust the code according to your preferences in the following way,<br />
<ol><li><b><span class="Apple-style-span" style="color: blue;">DodgerBlue</span></b> : This refers to the colour of the frame/outline surrounding the Email form, You can change it to any colour. For example, <span class="Apple-style-span" style="color: blue;"><b>White, Black, Red , Green</b></span> etc.</li>
<li><b><span class="Apple-style-span" style="color: magenta;">URL of Email Icon </span></b>: This refers to the URL of your Email Icon. Please first choose a Email Icon of your choice by <a href="http://tnt-by-stc.blogspot.com/2009/05/remarkably-beautiful-social-bookmarking.html">clicking here</a> Once you have download your Email Icon, upload it to <a href="http://tnt-by-stc.blogspot.com/2009/03/get-free-photo-bucket.html">Photobucket</a> and get the URL for it. Then simply replace the text <b><span class="Apple-style-span" style="color: magenta;">URL of Email Icon</span></b> with your Email Icon URL.</li>
<li><b><span class="Apple-style-span" style="color: #6aa84f;">http://feedburner.google.com/fb/a/mailverify</span><span class="Apple-style-span" style="color: lime;"> </span></b>: Replace this text with a similar URL in your code that you had copied in a notepad.</li>
<li><b><span class="Apple-style-span" style="color: red;">http://feedburner.google.com/fb/a/mailverify?uri=TntByStc </span></b>: Replace this URL with the URL in the notepad code.</li>
<li><b>The bolded Black Text</b> refers to the text that appears below your Email Icon and above Email form. You can change it to anything that suits your blog topic.</li>
<li><b><span class="Apple-style-span" style="color: #741b47;">TntByStc:</span></b> Replace this text with your Feed Title. </li>
<li><b><span class="Apple-style-span" style="color: blue;">Subscribe </span></b>: This is the text that appears on the Email button. You can change it to anything you like. For Instance: <span class="Apple-style-span" style="color: blue;"><b>Submit, Hit Me!, Join Me!</b></span> etc.</li>
</ol>Once you have adjusted the code according to your preferences, simply click the <b><span class="Apple-style-span" style="color: #e69138;">Save</span></b> button in the <b>HTML/JavaScript Widget</b>.<br />
<br />
Now visit your blog to see a pro looking Subscription Email Form hanging on your sidebar :)<br />
<br />
Just like the one below,<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlkgryA0i35wTarASQsyLRpvWU1WZv_5Lmks1my66QtbCczOLN0puQ90UAsk4oAoB7JJTS0CJNswKJj4TQAbRuOfp40v-r-Yff_xhvmFikTjpPNC3PNv2vIaA3K89bq8LmSNcb61gRkXnL/s1600/email-subscription--form%255B6%255D.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlkgryA0i35wTarASQsyLRpvWU1WZv_5Lmks1my66QtbCczOLN0puQ90UAsk4oAoB7JJTS0CJNswKJj4TQAbRuOfp40v-r-Yff_xhvmFikTjpPNC3PNv2vIaA3K89bq8LmSNcb61gRkXnL/s1600/email-subscription--form%255B6%255D.gif" /></a></div><br />
<b>I hope it works for you. Enjoy!</b><br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-8992903313551017";
google_ad_host = "pub-1556223355139109";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com2tag:blogger.com,1999:blog-3982545772513522496.post-63728028244275319762011-06-26T14:13:00.000-07:002011-06-29T02:00:42.209-07:00How to add Facebook and Blogger Comments BoxThe Facebook comments box is a convenient way to expand comment accessibility. Facebook has the largest base of users in the world and their reach continues to grow. Chances are readers have either a Facebook account or one Blogger accepts. In this article, I'll show you how to add Facebook comments along side Bloggers built in system.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh89dfFuf4J5hrdmuuDLv-cavcvMWloa5LLkyIwh0NMHhyphenhyphenibI9b7Ie4xXKJIovsrqOmZGVbAFgNotpQkKEnGT7EGID4_k7Ry5f14PZVLtzKU8rqHcQHVDrRItdzkLgvMM_qzGuFqvVpL2dJ/s1600/comments.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh89dfFuf4J5hrdmuuDLv-cavcvMWloa5LLkyIwh0NMHhyphenhyphenibI9b7Ie4xXKJIovsrqOmZGVbAFgNotpQkKEnGT7EGID4_k7Ry5f14PZVLtzKU8rqHcQHVDrRItdzkLgvMM_qzGuFqvVpL2dJ/s320/comments.png" width="302" /></a></div><b>Adding the Tabs</b><br />
Let's begin by adding the Tabs HTML. Open your template in Design->Edit HTML and check Expand Widget Templates. At this time click on Download Full Template and save a copy of your template. This modification is significant and in case of an error installing, you may need this backup to restore your template. After backing up, search with Ctrl+F for <span class="Apple-style-span" style="color: blue;">class='comments'</span>. Below this found line place the following code:<br />
<span class="Apple-style-span" style="color: blue;"><br />
</span><br />
<span class="Apple-style-span" style="color: blue;"><div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'></span><br />
<div style="text-align: left;"><span class="Apple-style-span" style="color: blue;"><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/></span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: blue;"><fb:comments-count expr:href='data:post.url'/> Comments</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: blue;"></div></span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: blue;"><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'></span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: blue;"><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: blue;"></div><div class='clear'/></span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: blue;"></div></span><br />
<b><br />
</b><br />
<b>Creating Tab Pages</b></div>Now that your tabs are in place, the comments must be segmented into 'pages' to be shown or hidden as a user chooses. Just after the Tab code I had you paste, insert this code:<br />
<span class="Apple-style-span" style="color: blue; font-size: x-small;"> </span><br />
<span class="Apple-style-span" style="color: blue;"><div class='comments-page' id='fb-comments-page'></span><br />
<span class="Apple-style-span" style="color: blue;"> <b:if cond='data:blog.pageType == &quot;item&quot;'></span><br />
<span class="Apple-style-span" style="color: blue;"> <div id='fb-root'/></span><br />
<span class="Apple-style-span" style="color: blue;"> <fb:comments expr:href='data:post.url' num_posts='2' width='400'/></span><br />
<span class="Apple-style-span" style="color: blue;"> </b:if></span><br />
<span class="Apple-style-span" style="color: blue;"> </div></span><br />
<span class="Apple-style-span" style="color: blue;"> <div class='comments comments-page' id='blogger-comments-page'></span><br />
<br />
This includes a 400px wide Facebook comments box and designates a page for blogger comments. You may change the 400 to whatever width suits your blog.<br />
<br />
<b>Tab Scripting and Styles</b><br />
Two more additions remain to get things working properly. Once again open search with Ctrl+F and look for <span class="Apple-style-span" style="color: blue;"><head></span>. Below this line paste the following script:<br />
<span class="Apple-style-span" style="color: blue;"><br />
</span><br />
<span class="Apple-style-span" style="color: blue;"><</span><span class="Apple-style-span" style="color: blue;">script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> </span><br />
<span class="Apple-style-span" style="color: blue;"><script src='http://code.jquery.com/jquery-latest.js'/></span><br />
<span class="Apple-style-span" style="color: blue;"><meta content='YOUR_FB_ID' property='fb:admins'/></span><br />
<span class="Apple-style-span" style="color: blue;"><script type='text/javascript'></span><br />
<span class="Apple-style-span" style="color: blue;">function commentToggle(selectTab) {</span><br />
<span class="Apple-style-span" style="color: blue;"> $(".comments-tab").addClass("inactive-select-tab");</span><br />
<span class="Apple-style-span" style="color: blue;"> $(selectTab).removeClass("inactive-select-tab");</span><br />
<span class="Apple-style-span" style="color: blue;"> $(".comments-page").hide();</span><br />
<span class="Apple-style-span" style="color: blue;"> $(selectTab + "-page").show();</span><br />
<span class="Apple-style-span" style="color: blue;">}</span><br />
<span class="Apple-style-span" style="color: blue;"></script></span><br />
<br />
These scripts are required to make the tabs function. If you already have another Facebook plug in or JQuery script included elsewhere, you may omit the first two lines. In order to gain moderation privledges to the comments, you must change the thrid line <b>YOUR_FB_ID</b> to your Facebook account ID. All that's left now are the Styles to make things look nice. Again search with Ctrl+F this time for <span class="Apple-style-span" style="color: blue;">#comments</span>. Paste the following styles on the line above:<br />
<span class="Apple-style-span" style="color: blue;"><br />
</span><br />
<span class="Apple-style-span" style="color: blue;">.comments-page { background-color: #f2f2f2;}</span><br />
<span class="Apple-style-span" style="color: blue;">#blogger-comments-page { padding: 0px 5px; display: none;}</span><br />
<span class="Apple-style-span" style="color: blue;">.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}</span><br />
<span class="Apple-style-span" style="color: blue;">.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}</span><br />
<span class="Apple-style-span" style="color: blue;">.comments-tab:hover { background-color: #eeeeee;}</span><br />
<span class="Apple-style-span" style="color: blue;">.inactive-select-tab { background-color: #d1d1d1;}</span><br />
<br />
You may choose to alter these styles to suit your blog, but all 6 should be included in some form. Save your changes and visit an individual post page. Posts should now have Facebook and Blogger Comments at the bottom with tabs to select your favored option. These will not appear on the main page, only individual post pages.<br />
<br />
<b>Conclusion</b><br />
The Facebook Comments Box is an excellent way to give visitors choice in conversing with you while limiting anonymous spam. There's the added bonus of social exposure through visitors friends seeing the comments. Although, you cede some control over the comment storage to Facebook and future portability may be an issue. Still, I believe the potential for exposure and social interaction while maintaining the Blogger default option makes this an excellent choice.<br />
<br />
I realize these install instructions are fairly extensive, it's the price we pay for tabbed comments unfortunately. You may reach me for assistance through any of the three comment options provided below. Thanks for reading and good luck with your blogging.<br />
<br />
Enjoy!<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-8992903313551017";
google_ad_host = "pub-1556223355139109";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com92tag:blogger.com,1999:blog-3982545772513522496.post-75301112057525205242011-06-26T13:43:00.000-07:002011-07-15T10:55:28.835-07:00How to start a blog<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgadnKd-zgAcrlTfLCyh0GO-_k6nPT4AyLS_69203F3_2FOywvQa4pZfeZ9DGXtT7XtF-r4T5qyto3fkMYIvHL1dY55rOw81iPbNmqKg2vpVWk5t0AmlYKpFFqGGwUXBDg4STNnXfRxHrD4/s1600/blog1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgadnKd-zgAcrlTfLCyh0GO-_k6nPT4AyLS_69203F3_2FOywvQa4pZfeZ9DGXtT7XtF-r4T5qyto3fkMYIvHL1dY55rOw81iPbNmqKg2vpVWk5t0AmlYKpFFqGGwUXBDg4STNnXfRxHrD4/s320/blog1.jpg" width="320" /></a></div>The term "blog" comes from two words - web and log (web log). It is a journal where your thoughts and opinions are recorded, just like the paper-based journal, but with three distinct differences (that I could think of);<br />
<br />
<ul><li>It is published on the internet rather than on paper.</li>
<li>It is open for public to read (this is optional).</li>
<li>It is interactive –readers can leave comments and you can answer them.</li>
</ul>To start a blog is easy, and it can be done for free.<br />
<br />
<b>Steps in starting a blog:</b><br />
<ol><li>Find a blogging provider. There are many blog providers available, most of them complete with template. Two of the more popular ones are <a href="http://www.blogger.com/">Blogger</a> and <a href="http://www.wordpress.com/">Wordpress</a>. lf uses Blogger (recognized by the .blogspot extension).</li>
<li>Sign up with the one you like. For Blogger the step by step sign-up process is explained <a href="http://www.google.com/support/blogger/bin/topic.py?topic=8914">here</a>.</li>
<li>You may not like the default templates, but go ahead with the sign-up. The template can be changed later if you wish. There are lots of sites offering free templates..</li>
<li>The first thing to do after sign-up is to write and publish your first post. The purpose is for you to learn the mechanics of editing, previewing, publishing etc. So don’t think too much about this first post, just write something and publish. You can always delete later if you don’t like it.</li>
<li>Decide if you want to keep your blog private or open it to public. You can set this in Dashboard>Settings.</li>
<li>After a few postings and fine tuning your blog, you want to spread the word –tell your colleagues and friends about it, give them the URL (e.g. www.iluvroy.blogspot.com). Ask them to leave comments or suggestions.</li>
<li>Keep on posting on regular basis, at the same time visit other blogs, learn from them. Write a comment before you leave and don’t forget to put your blog URL too.</li>
</ol><br />
Still don’t understand what to do? Try this <a href="http://www.revver.com/video/89922/register-and-start-blogging-on-blogger/">video</a>.<br />
<br />
Happy blogging...<br />
<br />
<script type="text/javascript">
<!--
google_ad_client = "ca-pub-8992903313551017";
google_ad_host = "pub-1556223355139109";
/* Ads 7 */
google_ad_slot = "7370244117";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>Royhttp://www.blogger.com/profile/14178596025467088806noreply@blogger.com29