tag:blogger.com,1999:blog-26077484654316542422024-03-14T20:48:59.435+02:00Blogger Tips And TricksAnonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.comBlogger32125tag:blogger.com,1999:blog-2607748465431654242.post-12290954700080973192012-04-17T19:58:00.000+03:002012-04-17T19:58:14.612+03:00Slide Open Egg Bookmarking Gadget for Blogger<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6kwcaLpW-hjK3-ghxEj7GNhji8b2ZVEnQ3sH7iGP5A1JGTEqLmrbU-XKfHsipVsSHb1kYeD2V6y8oOIunZAjOaK6jJPzFDSSrgfTznv37QqgX6PzETKM26Cjj-eNJQTm24phpkuuckugh/s320/share-this-slide-out-egg-bookmarking-gadget-blogger-blogs.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6kwcaLpW-hjK3-ghxEj7GNhji8b2ZVEnQ3sH7iGP5A1JGTEqLmrbU-XKfHsipVsSHb1kYeD2V6y8oOIunZAjOaK6jJPzFDSSrgfTznv37QqgX6PzETKM26Cjj-eNJQTm24phpkuuckugh/s320/share-this-slide-out-egg-bookmarking-gadget-blogger-blogs.png" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">It's basically the newer version of that awesome widget. It works the same as the Slide Open Heart Gadget but instead of the heart you'll get an egg getting slide open. The Oval shaped egg opens up once hovered and displays bookmarking buttons like Facebook share, Twitter, Google +, Blogger, LinkedIn, Stumble Upon, Email and the Share This Icon (Which Offers plenty of Bookmarking choices). The position of the widget is the same as the earlier</span><br />
<a name='more'></a><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Add the Slide Open Egg Bookmarking Widget!</span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">1.Go to Blogger >> Design >> Edit HTML.<br />
2.Check the box beside "Expand Widgets Template".<br />
3.Now find </head><br />
4.Copy and Paste the following code right above </head></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">5. Now find </body><br />
6. Copy and Paste the following code right above </body>. </span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script><a href="http://www.mybloggertips.com/">Blogger Gadgets</a></span></blockquote><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"> 7. Save your Template and you are done! </span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy !</span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com7tag:blogger.com,1999:blog-2607748465431654242.post-8434794823036037622012-04-12T22:33:00.000+03:002012-04-12T22:33:46.631+03:00How to add "You may also like" widget in blogger<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwIQarH3KjkEtJR_FOEFmNwo4CbG7PKrcgOcDEB5n_r4SzF6luo-J57a2kSGq3w12onnkGFnHsU8074ypD6Gfvgwf3kvUkcdnhrmmsY1SQJmM676M2tIq30D19VqLzfBagmmSLtu_Gbqs/s400/LinkWithin.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwIQarH3KjkEtJR_FOEFmNwo4CbG7PKrcgOcDEB5n_r4SzF6luo-J57a2kSGq3w12onnkGFnHsU8074ypD6Gfvgwf3kvUkcdnhrmmsY1SQJmM676M2tIq30D19VqLzfBagmmSLtu_Gbqs/s320/LinkWithin.jpg" width="320" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">In this post, I shall discuss on how to include an automatic "You may also like" or "You should also read" section in your blog? If you want to recommend your blog readers few more similar posts from your blog, then you can check this widget.<br />
Well, what does actually the widget do is- when you include this widget in your blog, the widget's (site's) crawlers (spiders) quickly crawl your whole site and make an index and from the index they show some results in "You may also read" or "You should also read" section.</span><br />
<a name='more'></a><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;">The installation of the widget is very easy. The name of the widget is LinkWithin. Click <a href="http://www.linkwithin.com/learn">here</a> to visit the site. The site owners have already published a detailed tutorial there. So, I shall not repeat it here. Just visit the site.<br />
But, few point, I think, I should mention here-<br />
1) The best place to add the widget is 'below post'. You can drag and drop in design settings page in your blogger account after the installation.</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">2) Also check the width of your blogger page before selecting the width of the widget. For example for my blog I have chosen 4 stories. (It is applicable on the date of writing this post. If you can not see the widget at the time of reading this post, then most probably I have removed it and forgot to re-edit here). So, you need to think a little before choosing the width of the widget there. And if you make any mistake, just remove the widget from your blogger's account and re-install the widget again from the site.<br />
<br />
Hope this will help. If you have some question or comment, please use the comment box below!</span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com37tag:blogger.com,1999:blog-2607748465431654242.post-2668274366429541642012-04-12T22:15:00.001+03:002012-04-12T22:36:36.981+03:00Add Pinterest Pin it Button to Blogger<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGWHkne_7Kkwyc75-Ad2hZB35zTvsrlDPd_wVPhx7j-m_j69o5ZKZ_zxTY71RXH42OMJmljhLohPvCMmZ_QEu0cW-PBR_3gpdD_izSl1QSLbBY6FwH_Wa-tUYg1rzsidNliiyoeDT7E1SF/s1600/pinterest.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGWHkne_7Kkwyc75-Ad2hZB35zTvsrlDPd_wVPhx7j-m_j69o5ZKZ_zxTY71RXH42OMJmljhLohPvCMmZ_QEu0cW-PBR_3gpdD_izSl1QSLbBY6FwH_Wa-tUYg1rzsidNliiyoeDT7E1SF/s320/pinterest.jpg" width="320" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">Pinterest, a social sharing site, which allows you to organize and share (pin) your interests, has become very famous as this site is more simple, beautiful and organizable. They also have launched their sharing buttons known as “Pin it”.Pinterest share button has counter and comes in different sizes. But before you add it, let’s see what you have to do first.</span><br />
<a name='more'></a><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Step 1: Log in to Blogger, go to your blog’s dashboard > Template tab.<br />
<br />
Step 2: Check “Expand Template Widget” and find </body>. Before it add the below script:</span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">Step 3: Find <b><data:post.body/></b> and before/after it (or both) add any one of the following codes: </span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Horizontal Count<br />
</span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><div style='float:left;padding:4px;'></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><b:if cond='data:post.thumbnailUrl'></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.title'>Pin It</a></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><b:else/></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=http://your-image.jpg&amp;description=&quot; + data:post.title'>Pin It</a></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"></b:if></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"></div></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"></b:if></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Vertical Count</span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'><br />
<div style='float:left;padding:4px;'><br />
<b:if cond='data:post.thumbnailUrl'><br />
<a class='pin-it-button' count-layout='vertical' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.title'>Pin It</a><br />
<b:else/><br />
<a class='pin-it-button' count-layout='vertical' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=http://your-image.jpg&amp;description=&quot; + data:post.title'>Pin It</a><br />
</b:if><br />
</div><br />
</b:if></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">If you don’t want any count for the Pinterest share buttons then add the following code: </span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'><br />
<div style='float:left;padding:4px;'><br />
<b:if cond='data:post.thumbnailUrl'><br />
<a class='pin-it-button' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.title'>Pin It</a><br />
<b:else/><br />
<a class='pin-it-button' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=http://your-image.jpg&amp;description=&quot; + data:post.title'>Pin It</a><br />
</b:if><br />
</div><br />
</b:if></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">Step 4: Save your template. It’s done.</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy ! </span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com4tag:blogger.com,1999:blog-2607748465431654242.post-1317801150288316382012-04-12T22:00:00.000+03:002012-04-12T22:00:29.995+03:00How to Make Post with Newspaper Style<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-YoZlJCo697U/TajMbZ4D51I/AAAAAAAAAWA/og5oZsUF5oc/s400/images.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-YoZlJCo697U/TajMbZ4D51I/AAAAAAAAAWA/og5oZsUF5oc/s400/images.jpg" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">In this trick, you can make your blog become newspaper style. This trick is appropriate for a blog that has magazine style. So, the "magazine" felt more. Let me see the preview!</span><br />
<a name='more'></a><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Now, if you want to know the steps, just follow the steps below.<br />
<br />
1. Log in to your blogger account<br />
2. Go to Posting --> New post<br />
3. Click on the "Edit HTML"<br />
4. Add the code below</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><table cellpadding="10" cellspacing="10"><tbody><br />
<tr><td align="justify" valign="top" width="320"><span style="color: red;">I will post about How to Make Post with Newspaper Style. Have you read a newspaper</span>?</td><td align="justify" valign="top" width="300"><span style="color: blue;">In this trick, you can make your blog become newspaper style. This trick is appropriate for a blog that has magazine style. So, the "magazine" felt more. Let me see the preview!</span></td></tr><br />
</tbody></table></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">Customize<br />
You can chage the width of this newspaper in width="320"<br />
<span style="color: red;">The red</span> text is the left side<br />
<span style="color: blue;">The blue</span> text is the right side<br />
<br />
5. If you've finished the post, just click PUBLISH POST </span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy ! </span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-49045137015268984712012-04-12T17:43:00.001+03:002012-04-12T22:37:08.124+03:00Static Follow By Email Pop Out Widget for Blogger / Blogspot<div class="separator" style="clear: both; text-align: center;"><a href="http://www.way2blogging.org/wp-content/uploads/images/static-follow-by-email-pop-out-widget-for-blogger-blogspot-preview.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://www.way2blogging.org/wp-content/uploads/images/static-follow-by-email-pop-out-widget-for-blogger-blogspot-preview.jpg" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">Static follow by Email Widget is a New Widget for Blogger/Blogspot. This is Actually a WordPress Plugin. Now it is available for Blogger Blogs. This Widget is Jquery Based widget with Nice and smooth Popout effect. You will get more email subscribers with this widget and Very easy to Install in your Blog.</span><span style="font-family: "Georgia", "Times New Roman", serif;"><b><br />
</b></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"></span><br />
<a name='more'></a><span style="font-family: "Georgia", "Times New Roman", serif;"><b>How to Install Pop out Follow by Email Widget?</b></span><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><b><br />
</b></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">As this widget based on jQuery plugin, First you need to have a jQuery Plugin in your Blog template.<br />
<b>This Step is Required, If your Blog already have this plugin then Ignore this Step.</b><br />
If your Blog Don’t have this Plugin, Install the jQuery Plugin.<br />
Add the below line of code before </head> tag.</span><span style="font-family: "Georgia", "Times New Roman", serif;"><b><br />
</b></span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;"><b>Adding Widget Code to Template</b><br />
<br />
This will converts Follow By Email Official Blogger Widget to a Pop out follow by Email Widget.<br />
First Add Follow By Email Official Blogger Widget to Your Page Elements Layout.<br />
Add the Below Section Of code before closing <b></head></b> tag. </span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><style type="text/css"><br />
/*<![CDATA[*/<br />
.FollowByEmail {background-color: #464646;width: 220px;color: #fff;position: fixed;z-index: 999999;right: 10px;bottom: 0;}<br />
.followOpened {-webkit-border-radius: 2px 0 0;-moz-border-radius: 2px 0 0;border-radius: 2px 0 0;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}<br />
.w2bfollowButton {background: #464646;color: #CCC;font-size: 13px;line-height: 28px;padding: 0 10px;text-decoration: none;position: absolute;top: -28px;right: 0;display: block;-webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-webkit-border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;height: 28px;}<br />
.w2bfollowButton span {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnQb3z6z3w2pvVNMslmrR7-FD1XKceDcgglzq-vvTFtBji_WRQArgMmk-GplmnSvB12eYWBi0pX99R2HTyRI7-9FhjAua8BKcB4ELrnR6_fGk2vJbq-A4ZFP_fgXjJMpkDDwADyLHsaOci/s1600/follow-w2b.png") no-repeat scroll 0 3px transparent;padding-left: 15px;}<br />
.w2bfollowButton:hover,.followActive {color: #fff !important;}<br />
.w2bfollowButton:hover span,.followActive span {background-position: 0 -37px !important;}<br />
.followactive {background-color: #333;}<br />
.follow-by-email-inner {padding: 15px;}<br />
.FollowByEmail h2 {padding: 15px 15px 0;font-size: 18px;margin: 0 0 10px;font-weight: normal;}<br />
.follow-by-email-inner p {margin: 0 0 10px;}<br />
.follow-by-email-inner .follow-by-email-address {width: 95%;padding: 2px 4px;margin: 0 auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 15px;border: 1px solid #444;color: #888;display: block;clear: both;}<br />
.follow-by-email-inner form {text-align: center;}<br />
.follow-by-email-inner td{display: inline-block;width:100%;text-align:center;}<br />
.follow-by-email-inner .follow-by-email-address:focus {color: #000;border-color: #000;}<br />
.follow-by-email-inner .follow-by-email-submit {cursor: pointer;padding: 2px 20px;background: #333;background: -webkit-linear-gradient(top, #333 0%, #111 100%);background: -moz-linear-gradient(top, #333 0%, #111 100%);background: -o-linear-gradient(top, #333 0%, #111 100%);background: -ms-linear-gradient(top, #333 0%, #111 100%);background: linear-gradient(top, #333 0%, #111 100%);color: #ccc;text-shadow: 0 1px 0 #000;border: 1px solid #282828;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;-webkit-box-shadow: inset 0 1px 0 #444;-moz-box-shadow: inset 0 1px 0 #444;box-shadow: inset 0 1px 0 #444;text-decoration: none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;margin: 1em 0 1em 0;}<br />
.follow-by-email-submit:hover {background: #222;background: -webkit-linear-gradient(top, #333 0%, #222 100%);background: -moz-linear-gradient(top, #333 0%, #222 100%);background: -o-linear-gradient(top, #333 0%, #222 100%);background: -ms-linear-gradient(top, #333 0%, #222 100%);background: linear-gradient(top, #333 0%, #222 100%);color: #fff;-webkit-box-shadow: inset 0 1px 0 #4f4f4f;-moz-box-shadow: inset 0 1px 0 #4f4f4f;box-shadow: inset 0 1px 0 #4f4f4f;text-decoration: none;}<br />
.follow-by-email-submit:active {background: #111;background: -webkit-linear-gradient(top, #111 0%, #222 100%);background: -moz-linear-gradient(top, #111 0%, #222 100%);background: -o-linear-gradient(top, #111 0%, #222 100%);background: -ms-linear-gradient(top, #111 0%, #222 100%);background: linear-gradient(top, #111 0%, #222 100%);color: #aaa;-webkit-box-shadow: inset 0 -1px 0 #333;-moz-box-shadow: inset 0 -1px 0 #333;box-shadow: inset 0 -1px 0 #333;text-decoration: none;}<br />
.w2bFollowFooter {text-align: center;font: normal 11px "Helvetica Neue", sans-serif;padding: 7px 0;margin: 0 0 -15px !important;border-top: 1px solid #3c3c3c;}<br />
.w2bFollowFooter a {color: #aaa;text-shadow: 0 1px 0 #262626;background: none;text-decoration: none;}<br />
.w2bFollowFooter a:hover {color: #fff;background: none;}<br />
/*]]>*/<br />
</style><br />
<script type="text/javascript"><br />
/*<![CDATA[*/<br />
;(function(w2b){w2b(document).ready(function(){w2b.extend(w2b.easing,{easeOutCubic:function(x,t,b,c,d){return c*((t=t/d-1)*t*t+1)+b}});var followBox=w2b(".FollowByEmail");followBox.prepend("<a class=\"w2bfollowButton\" href=\"#\"><span>Follow</span></a>");w2b("<p></p>",{class:"w2bFollowFooter",html:"<a href=\"http://feedburner.google.com\" target=\"_blank\">Delivered by FeedBurner</a>"}).appendTo(followBox.find(".follow-by-email-inner"));followBox.find("td:last").removeAttr("width");var followHeight="-"+followBox.outerHeight()+"px";followBox.hide().css({bottom:"-500px"});setTimeout(function(){followBox.show().animate({bottom:followHeight})},500);w2b(".w2bfollowButton").click(function(e){if(followBox.hasClass("followOpened")){w2b(this).removeClass("followActive");followBox.removeClass("followOpened").animate({bottom:followHeight},{duration:200,easing:"easeOutCubic"})}else{w2b(this).addClass("followActive");followBox.addClass("followOpened").animate({bottom:"0"},{duration:400,easing:"easeOutCubic"})}e.preventDefault()})})})(jQuery);<br />
/*]]>*/<br />
</script></span></blockquote><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Sava template</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy ! </span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-62228759961128072592012-04-12T17:38:00.000+03:002012-04-12T17:38:31.209+03:00How to Add Bleach Clocks<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_Eos38-mt1ME/TOPKdm15TZI/AAAAAAAAABU/aRVjph0ONd8/s320/bleach-logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_Eos38-mt1ME/TOPKdm15TZI/AAAAAAAAABU/aRVjph0ONd8/s320/bleach-logo.jpg" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">Are you an anime loverz? I you like this, you are very lucky today. Because you can learn how to add an anime clocks, that is Bleach. Bleach tell the story about Ichigo and his friend who againt Hollow ( strongest enemy in Bleach). In this trick, I set some clocks like Ichigo, Ukitake, Kon, and Rukia. If you are interest to add bleach clock, just follow the steps below</span><br />
<a name='more'></a><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">1. Log in to your blogger account<br />
2. Go to Design>>>Page Elements>>>Add Gadget<br />
3. Choose HTMl?Java Script, and then copy and paste the code below (Choose your favorite)</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://img.photobucket.com/albums/v511/nus711/ka.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://img.photobucket.com/albums/v511/nus711/ka.jpg" /></a></div><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://fc01.deviantart.com/fs23/f/2007/355/f/c/Bleach_Ichigo_Flash_Clock_by_sd0711.swf" type="" wmode="transparent" height="200" width="180"></embed></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">4. Save and see your clock </span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy !</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-29160476536491000592012-04-12T17:23:00.002+03:002012-04-12T22:37:30.948+03:00Rating & Recommendations widget for Blogger By Outbrain (Updated)<div class="separator" style="clear: both; text-align: center;"><a href="https://encrypted-tbn0.google.com/images?q=tbn:ANd9GcSJAOSSkThoLWB24WmIonQI-_L_ERYe6jGw2gPM0lfOWl7AHk3W" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://encrypted-tbn0.google.com/images?q=tbn:ANd9GcSJAOSSkThoLWB24WmIonQI-_L_ERYe6jGw2gPM0lfOWl7AHk3W" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">Star rating widget for blogger by outbrain is an excellent widget to get instant ratings and recommendations.<br />
It also help to drive traffic by Recommended Posts & Related posts widgets which are embedded within Rating widget</span><br />
<a name='more'></a><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Previews<br />
Star rating widget with related posts in text</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://u.outbrain.com/img/preview/widget/pre-text-stars.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="133" src="http://u.outbrain.com/img/preview/widget/pre-text-stars.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: "Georgia", "Times New Roman", serif;">Star rating widget with related posts in thumbnails</span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://u.outbrain.com/img/preview/widget/pre-thumbnails-stars.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="http://u.outbrain.com/img/preview/widget/pre-thumbnails-stars.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: "Georgia", "Times New Roman", serif;"><b>How to Install This Widget to your Blogger Blog?</b></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: "Georgia", "Times New Roman", serif;">1.Go to Outbrain’s site by <a href="http://www.outbrain.com/">Click here</a><br />
2.Select “Get Widgets”<br />
3.Choose Recommendation type Text / Thumbnail<br />
4.Choose feedback type<br />
5.Select Blogger Platform<br />
6.Check box agree to the Outbrain Terms of Service<br />
7.Then Select Install to install widget in your blog<br />
8.You can get access to advanced settings of Your widget By Free Sign-up in <a href="http://www.outbrain.com/">Outbrain site</a></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy !</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></div><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com1tag:blogger.com,1999:blog-2607748465431654242.post-24093969753106650402012-04-12T17:08:00.000+03:002012-04-12T17:08:42.502+03:00Google Flag Translate Widget For Blogger / Blogspot<div class="separator" style="clear: both; text-align: center;"><a href="https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcQXB9RkNXfn7G-GWUoAFcdxZy_7MbVFR9tIHtJd2t_5cb5oTsUM" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcQXB9RkNXfn7G-GWUoAFcdxZy_7MbVFR9tIHtJd2t_5cb5oTsUM" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">Google offers a great tool that is Language translation. We can use this tool to translate websites and blogs<br />
Now This widget gives your readers easily translate your blog<br />
The languages available at the click of a flag are<br />
Chinese, German, French, Japanese, Korean, Russian, and Spanish.</span><br />
<a name='more'></a><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><strong>How to Install this widget</strong></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><strong><br />
</strong></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Use bellow code and add Widget as a “HTML/JavaScript”</span><span style="font-family: "Georgia", "Times New Roman", serif;"><strong><br />
</strong></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><div class='way2blogging-gtrans' style="padding: 3px 3px 3px 3px; text-align: center;"><br />
<a target="_blank" rel="nofollow" title="Google-Translate-English to Chinese (Simplified) " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;"><img alt="Chinese" border="0" align="absbottom" title="Google-Translate-Chinese (Simplified) BETA" height="24" src="http://imgcash4.imageshack.us/img518/261/chineeseoq9.png" width="24"/></a><br />
<a target="_blank" rel="nofollow" title="Google-Translate-English to French " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;"><img alt="French" border="0" align="absbottom" title="Google-Translate-English to French " height="24" src="http://img296.imageshack.us/img296/1476/frenchflagkf9.png" width="24"/></a><br />
<a target="_blank" rel="nofollow" title="Google-Translate-English to German" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;"><img alt="German" border="0" align="absbottom" title="Google-Translate-English to German" height="24" src="http://img242.imageshack.us/img242/3466/germanke6.png" width="24"/></a><br />
<a target="_blank" rel="nofollow" title="Google-Translate-English to Japanese BETA" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Google-Translate-English to Japanese BETA" height="24" src="http://img242.imageshack.us/img242/8905/japaneseyq6.png" width="24"/></a><br />
<a target="_blank" rel="nofollow" title="Google-Translate-English to Korean BETA" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;"><img alt="Korean" border="0" align="absbottom" title="Google-Translate-English to Korean BETA" height="24" src="http://img510.imageshack.us/img510/6545/koreanfa6.png" width="24"/></a><br />
<a target="_blank" rel="nofollow" title="Google-Translate-English to Russian BETA " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;"><img alt="Russian" border="0" align="absbottom" title="Google-Translate-English to Russian BETA " height="24" src="http://img525.imageshack.us/img525/3699/russianvr7.png" width="24"/></a><br />
<a target="_blank" rel="nofollow" title="Google-Translate-English to Spanish " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;"><img alt="Spanish" border="0" align="absbottom" title="Google-Translate-English to Spanish " height="24" src="http://img530.imageshack.us/img530/3777/spanishvq3.png" width="24"/></a><br />
</div><br />
<div style="float: left;"><br />
<sup>Powered By</sup> <a href="http://www.way2blogging.org/2010/06/translate-blog-widget-using-flags.html"><img style="border:none;" alt="google" src="http://img301.imageshack.us/img301/7661/googlelogode0kn0.png" class="gsc-branding-img-noclear" title="Google Translation Widget"/></a><br />
</div></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy ! </span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-87443495507050047022012-04-12T17:02:00.001+03:002012-04-12T22:37:48.615+03:00How to Add Emoticons in Comment Box<div class="separator" style="clear: both; text-align: center;"><a href="http://coratcoretsiodjeck.files.wordpress.com/2010/11/emoticon1.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="239" src="http://coratcoretsiodjeck.files.wordpress.com/2010/11/emoticon1.gif" width="320" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">This tricks is very useful for you who want to modify the comment box. Why? Because, if you learn this trick you can add emoticons to your comment box. By the way, do you know Emoticon? Emoticon is a facial expression pictorially represented by punctuation and letters, usually to express a writer’s mood. Now, i will teach you how to add emoticons.</span><br />
<a name='more'></a><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">1. Log in to your blogger account<br />
2. Go to Design>>>Edit HTML<br />
3. Thick Expand Widget Templates<br />
4. Find this code : </body><br />
5. Copy the code below, and paste above </body></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><script src='http://oom.blog.googlepages.com/smiley.js' type='text/javascript'/> </span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">6. Find this code : </span><b><span style="font-family: "Georgia", "Times New Roman", serif;"><p class='comment-footer'> <br />
<b:if cond='data:post.embedCommentForm'></span></b><span style="font-family: "Georgia", "Times New Roman", serif;"> 7. Copy the code below, and paste under <b><p class='comment-footer'> </b></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><b><br />
</b></span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> <br />
:))<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> <br />
:)]<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/> <br />
;))<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> <br />
;;)<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> <br />
:D<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> <br />
;)<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> <br />
:p<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> <br />
:((<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> <br />
:)<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> <br />
:(<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> <br />
:X<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> <br />
=((<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> <br />
:-o<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> <br />
:-/<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> <br />
:-*<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> <br />
:|<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> <br />
8-}<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> <br />
~x(<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> <br />
:-t<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/> <br />
b-(<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/> <br />
:-L<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> <br />
x(<br />
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> <br />
=))</b></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">8. Save it</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy ! </span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-46029413517696314542012-04-12T16:51:00.000+03:002012-04-12T16:51:38.196+03:00How To Add IP Visitors Detector In Blog<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_Eos38-mt1ME/TR8w1lhONkI/AAAAAAAAAJs/wzHa3WWrVZo/s1600/computer_animated_globe.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_Eos38-mt1ME/TR8w1lhONkI/AAAAAAAAAJs/wzHa3WWrVZo/s1600/computer_animated_globe.png" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">I will give you a new widget. This is IP visitors detector. But, this isn't only an IP detector, this widget also contain information about OS, Browser, and Country from our visitors. So, you know the function, the function is very simple, this widget show to our visitors what is their IP address, OS, Browser, and Country. So, if you want to add this widget to your blog, you just follow the steps below.</span><br />
<a name='more'></a><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;">1. Go to <a href="http://www.123myip.co.uk/banner/">123MyIP</a> <br />
2. Choose your widget style<br />
3. If you have logged in, Go to Design>>>Page Elements>>>Add Gadget<br />
4. Choose " HTML/Java Script"<br />
5. Place the code<br />
6. Save it</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy !</span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-33472207543370188152012-04-12T16:47:00.000+03:002012-04-12T16:47:30.711+03:00Add Multi Tabbed Navigation Widget To Blogger / Blogspot Sidebar<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-9-UslFEH5nxo3zXS0g2pz4McMCHVzIr4iflSCIaY3qGy8h10WUcDLFEjgwT61ynwxrnZjK0DXC6LhF8UxiIPusugV2pFyWBK9xewnqANEkaVOukn_gZRqB9q8GBnA-FxPqIAmGyCciAV/s1600/w2b_Add+Multi+Tabbed+Navigation+Widget+To+Blogger++Blogspot+Sidebar.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-9-UslFEH5nxo3zXS0g2pz4McMCHVzIr4iflSCIaY3qGy8h10WUcDLFEjgwT61ynwxrnZjK0DXC6LhF8UxiIPusugV2pFyWBK9xewnqANEkaVOukn_gZRqB9q8GBnA-FxPqIAmGyCciAV/s1600/w2b_Add+Multi+Tabbed+Navigation+Widget+To+Blogger++Blogspot+Sidebar.gif" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">Multi Tabbed Navigation Widget to Blogger. Tabbed navigation is a great tool, now every blogger was using this in their blogs. it consumes less space and can show up three or more widget in same place. It looks very nice in your sidebar. This widget works based on jQuery and jQueryUI.</span><br />
<a name='more'></a><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Steps…</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
-Adding Script Code<br />
-Adding CSS Theme Code<br />
-Adding HTML Code</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><strong>Adding Script Code</strong></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">1.Go to Blogger Dashboard > Design > Edit HTML<br />
2.Find </head> tag and place given bellow code before it.<strong><br />
</strong></span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"><br />
</script><br />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"><br />
</script><br />
<script><br />
$(document).ready(function() {<br />
$("#tabs").tabs();<br />
});<br />
</script></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">Adding CSS Theme Code </span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Select One Theme and Place Theme code before </span><span style="font-family: "Georgia", "Times New Roman", serif;"><strong></head></strong></span><span style="font-family: "Georgia", "Times New Roman", serif;"> tag</span><span style="font-family: "Georgia", "Times New Roman", serif;"><strong><br />
</strong></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXHlhdO4sNM_oZx8Xv2ZU01bHSdzeZI_NGvd1oxEmHS8Qmn5hPlZqlTgD2fRVzQQGp31TahwK4d9EdiWx29msy5DT4WlWMo4fwxR0yO5baWBCr5CoCeTOACNI2nunGzdUeDt2-5yEgL-sy/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b%25280%2529.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXHlhdO4sNM_oZx8Xv2ZU01bHSdzeZI_NGvd1oxEmHS8Qmn5hPlZqlTgD2fRVzQQGp31TahwK4d9EdiWx29msy5DT4WlWMo4fwxR0yO5baWBCr5CoCeTOACNI2nunGzdUeDt2-5yEgL-sy/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b%25280%2529.gif" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" type="text/css" /></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-_P1u73fQjz2nJwzbA0dhaG0AHqJRN-c88N3zAZHWOVAdHjidPhx6Fd0lMb8v0gYK6QN2MsL7ODbXEYXO_74ucXsLIYfBmRlqaPFyIjNk3p_29ZNi_WSuc7QyogVxzZU-2gHD4rwW8AZl/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%25282%2529.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-_P1u73fQjz2nJwzbA0dhaG0AHqJRN-c88N3zAZHWOVAdHjidPhx6Fd0lMb8v0gYK6QN2MsL7ODbXEYXO_74ucXsLIYfBmRlqaPFyIjNk3p_29ZNi_WSuc7QyogVxzZU-2gHD4rwW8AZl/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%25282%2529.gif" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/blitzer/jquery-ui.css" type="text/css" /></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivTVpUAEoJMUwKE2eAfB_u0eoyPMvI6ggYiQXl-JCLO2vH_fVkZhExxWyc_C-BZUchat7lexPAseldgrr3N4GGkn7uK1sxIy2Gv6E9MEXS3JuaHuqiGrn4PDM2i1xxbAZnt7_VEvS6oXMQ/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%25284%2529.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivTVpUAEoJMUwKE2eAfB_u0eoyPMvI6ggYiQXl-JCLO2vH_fVkZhExxWyc_C-BZUchat7lexPAseldgrr3N4GGkn7uK1sxIy2Gv6E9MEXS3JuaHuqiGrn4PDM2i1xxbAZnt7_VEvS6oXMQ/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%25284%2529.gif" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/dark-hive/jquery-ui.css" type="text/css" /></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5XgOaOTAdhbMpvFVvf4KASEmIeo24HZDEBFnzef4t-Cilyd97W74KloBMOOkg5r1NVUKbNGZ8151DbZPjQESnuhJQmut_RtRZWVl3VAqmeBJxSvNiCpokrpkMkcdMmmGNo4QBzT3RU7zw/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%25289%2529.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5XgOaOTAdhbMpvFVvf4KASEmIeo24HZDEBFnzef4t-Cilyd97W74KloBMOOkg5r1NVUKbNGZ8151DbZPjQESnuhJQmut_RtRZWVl3VAqmeBJxSvNiCpokrpkMkcdMmmGNo4QBzT3RU7zw/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%25289%2529.gif" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/hot-sneaks/jquery-ui.css" type="text/css" /></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Adding HTML Code</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy !</span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com1tag:blogger.com,1999:blog-2607748465431654242.post-9810366621981149632012-04-12T16:38:00.000+03:002012-04-12T16:38:03.187+03:00Add Social Sharing/Bookmarking Widget with Cool Hover Effect<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGbIWBaZD3lERrJ_gzgvK6PWUCwisgb9M7hfgqUZCXjgEiIovgnEwzti6caHEPp-cBr6ZTV6mIseRaIQ1XgWssmWONsG9qhS0gvmxxyjfe-I9M1sMVMQz8zxd1fJfN9lZqf-O_K8-0ncAs/s1600/w2b_Add+Social+Sharing+Bookmarking+Widget+with+Cool+Hover+Effect++to+Blogger+Blogs.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGbIWBaZD3lERrJ_gzgvK6PWUCwisgb9M7hfgqUZCXjgEiIovgnEwzti6caHEPp-cBr6ZTV6mIseRaIQ1XgWssmWONsG9qhS0gvmxxyjfe-I9M1sMVMQz8zxd1fJfN9lZqf-O_K8-0ncAs/s1600/w2b_Add+Social+Sharing+Bookmarking+Widget+with+Cool+Hover+Effect++to+Blogger+Blogs.png" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">Social sharing / bookmarking widget with Cool Gray-scale/Color hover widget to Blogger blog. i have given a beautiful sharing widget with css/jquery. This widget is used by me in way2blogging.blogspot.com with CSS. After moving to .Org domain name, i change the Template.<br />
Here i am giving that widget and added a cool hover effect with CSS3 for you. If you like it then you can use in your blog.</span><br />
<a name='more'></a><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><strong>Step 1: Adding Css code</strong></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
1.Login to Blogger Dashboard > Design tab > Edit Html<br />
2.Click on Expand Template widgets ckeckbox<br />
3.Search for <strong>]]></b:skin</strong>> tag and put below code above it!</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul {list-style: none;clear: none;padding: 0px 0px ;margin: 5px 0;}</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li {display: inline;background:none;margin:0;padding:0;}</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a {display: block;float: left;width: 32px;height:32px;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEOiQ-rIHpu8evz-kCBiIL1E7awPQT1egBz_QXPUsXstoQScG4mM2I9r9Ox1GydNBeIB3CPMUAofOseXnvUQ29rkGQ8nRzKc1pWIq12BD8Q9AR_sfzXXSTSq2OE_iS2ifpMgZxZ8A6tlUE/s1600/way2blogging-share-icons-sprite.png') ;margin-left:3px;background-repeat: no-repeat;margin-right: 2px;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.twitter {background-position: -0px -0px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.twitter:hover {background-position: -0px -33px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.facebook {background-position: -32px -0px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.facebook:hover {background-position: -32px -33px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.stumbleupon {background-position: -64px -0px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.stumbleupon:hover{background-position: -64px -33px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.digg {background-position: -192px -0px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.digg:hover {background-position: -192px -33px;}</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.reddit {background-position: -160px -0px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.reddit:hover {background-position: -160px -33px;}</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.google {background-position: -128px -0px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.google:hover {background-position: -128px -33px;}</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.del-icio-us {background-position: -480px -0px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.del-icio-us:hover{background-position: -480px -33px;}</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.mixx {background-position: -96px -0px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.mixx:hover {background-position: -96px -33px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.technorati {background-position: -416px -0px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.technorati:hover {background-position: -416px -33px;}</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.linkin {background-position: -256px -0px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.linkin:hover {background-position: -256px -33px;}</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.yahoobuzz {background-position: -448px -0px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.yahoobuzz:hover {background-position: -448px -33px;}</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.myspace {background-position: -512px -0px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.myspace:hover {background-position: -512px -33px;}</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.more {background-position: -576px -0px; }</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-share ul li a.more:hover {background-position: -576px -33px;}</span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
<br />
<strong>Step 2: Adding Widget Code</strong></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
1.Search for <strong><data:post.body/></strong> tag<br />
2.And Put Below Code immediately after it! & Save your Template</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><div id='w2b-share'></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><ul></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><li><a class='twitter' expr:href='&quot;http://twitter.com/?status=&quot; + data:post.title + &quot; - &quot; + data:post.url ' rel='nofollow' target='_blank' title='Share this post on twitter'/></li></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Facebook'/></li></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><li><a class='stumbleupon' expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Stunbleupon'/></li></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><li><a class='digg' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Digg'/></li></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><li><a class='reddit' expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Reddit'/></li></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><li><a class='google' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Bookmark this post on Google'/></li></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><li><a class='del-icio-us' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on delicious'/></li></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><li><a class='mixx' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' target='_blank' title='Share this post on Mixx'/></li></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><li><a class='technorati' expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Fav on Technorati'/></li></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><li><a class='yahoobuzz' expr:href='&quot;http://buzz.yahoo.com/submit/?url=&quot;+ data:post.url' rel='nofollow' target='_blank' title='Share this post on Yahoo!Buzz'/></li></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><li><a class='myspace' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=&quot;+ data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Sahre this post on Myspace'/></li></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><li><a class='a2a_dd more' expr:href='&quot;http://www.addtoany.com/share_save?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title '/><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/></li></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"></ul></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"></div></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"></b:if></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;"><strong>Solution For Finding Code In Step 2</strong><br />
<br />
I received a comment While finding the <strong><data:post.body/></strong> code is coming three time<br />
<br />
This Problem comes when we install Auto Read Hack in our Blogs<br />
For this Problem Search for any one line from below and Put Above Section of Wdget Code after it!</span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><div class='post-footer-line post-footer-line-1'></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><div class='post-footer'></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><data:post.body/></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy ! </span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com1tag:blogger.com,1999:blog-2607748465431654242.post-11156749066166765132012-04-12T16:32:00.000+03:002012-04-12T16:32:35.076+03:00Add Fresh and Beautiful Search Boxes to Blogger / Blogspot<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPAZPyrKjqm_S5lWL6oq_YkOWX3LgclSHOiGHS4syjfI4cZwkNYRnSqW0pEWgWAijalZEWVv-muyPRE9OnThQoMdcKktjHXJG72AoTBmxBorkrY7mNhvuhSyMR14wx3MteeQSRsjX1KTfT/s1600/w2b_Add+Fresh+and+Beautiful+Search+Boxes+to+Blogger++Blogspot+.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPAZPyrKjqm_S5lWL6oq_YkOWX3LgclSHOiGHS4syjfI4cZwkNYRnSqW0pEWgWAijalZEWVv-muyPRE9OnThQoMdcKktjHXJG72AoTBmxBorkrY7mNhvuhSyMR14wx3MteeQSRsjX1KTfT/s1600/w2b_Add+Fresh+and+Beautiful+Search+Boxes+to+Blogger++Blogspot+.png" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">Fresh and Beautiful Search boxes to your blogger blogs. i given a simple search box widget. here i giving six beautiful and fresh search box to you. Actually these are PSD source designed by Design3edge. i am converted to Blogger for you. hope you enjoyed with this!.</span><br />
<a name='more'></a><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;">1.Login to <strong>Blogger Dashboard -> Design tab -> Page Elements .</strong><br />
2.Click on <strong>Add a Gadget</strong> where you wish to place Search Box.<br />
3.Choose <strong>HTML/JavaScrip</strong>t from the List.<br />
4.Place any one Search Box code in to it and Save the Gadget.</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-Cm6Ya53Wj6g/TeixHY3LRDI/AAAAAAAAA6I/jJkMnJEN60s/way2blogging_searchbox1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Cm6Ya53Wj6g/TeixHY3LRDI/AAAAAAAAA6I/jJkMnJEN60s/way2blogging_searchbox1.png" /></a></div><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><style type="text/css"><br />
#w2b-searchbox{background:url(http://lh5.googleusercontent.com/-Cm6Ya53Wj6g/TeixHY3LRDI/AAAAAAAAA6I/jJkMnJEN60s/way2blogging_searchbox1.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}<br />
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}<br />
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}<br />
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}<br />
</style><br />
<div id="w2b-searchbox"><br />
<form id="w2b-searchform" action="/search" method="get"><br />
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/><br />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br />
</form><br />
</div></span></blockquote><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-bk2Si48eZSo/TeixHMdeiII/AAAAAAAAA6A/eQEEa1tyZkI/way2blogging_searchbox2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-bk2Si48eZSo/TeixHMdeiII/AAAAAAAAA6A/eQEEa1tyZkI/way2blogging_searchbox2.png" /></a></div><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"> <style type="text/css"><br />
#w2b-searchbox{background:url(http://lh3.googleusercontent.com/-bk2Si48eZSo/TeixHMdeiII/AAAAAAAAA6A/eQEEa1tyZkI/way2blogging_searchbox2.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}<br />
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}<br />
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}<br />
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}<br />
</style><br />
<div id="w2b-searchbox"><br />
<form id="w2b-searchform" action="/search" method="get"><br />
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/><br />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br />
</form><br />
</div></span></blockquote><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-Pd1zyUMhsVo/TeixHnaB1hI/AAAAAAAAA6M/p-Iz_WGMQ3M/way2blogging_searchbox4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-Pd1zyUMhsVo/TeixHnaB1hI/AAAAAAAAA6M/p-Iz_WGMQ3M/way2blogging_searchbox4.png" /></a></div><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><style type="text/css"></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;">#w2b-searchbox{background:url(http://lh4.googleusercontent.com/-Pd1zyUMhsVo/TeixHnaB1hI/AAAAAAAAA6M/p-Iz_WGMQ3M/way2blogging_searchbox4.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}</span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;">form#w2b-searchform{display: block;padding: 12px;margin:0;}</span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;">form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}</span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;">form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}</span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;"></style></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;"><div id="w2b-searchbox"></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;"><form id="w2b-searchform" action="/search" method="get"></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;"> <input type="text" id="s" name="q" value=""/></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;"> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;"></form></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;"></div></span></blockquote><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy ! </span><br />
<blockquote class="tr_bq"> </blockquote><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-22794457154507064402012-04-12T16:27:00.000+03:002012-04-12T16:27:39.853+03:00Add Facebook Recommendations Box<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-IduBEk8EfU8/Tafz3EdDgZI/AAAAAAAAAV8/6anJtijYwM8/s400/facebook-recommendations1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://2.bp.blogspot.com/-IduBEk8EfU8/Tafz3EdDgZI/AAAAAAAAAV8/6anJtijYwM8/s320/facebook-recommendations1.jpg" width="320" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">Do you know what's facebook recommendations box? Facebook recommendations box is a widget to show your blog posts randomly. So, this widget can be raise your blog pageviews, because this widget can "stimulate" visitors to click and read the posts. Now, if you want to add facebook recommendations box into your blog, just follow the steps below. See the preview first!</span><br />
<a name='more'></a><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">1. Go to Facebook Developers<br />
2. Settings the Recommendations box, click "Get Code"<br />
3. Choose "iframe"<br />
4. Add the code into Design --> Page Elements or other place in your blog<br />
5. Just click SAVE</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy !</span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-89289685888680975492012-04-12T16:24:00.000+03:002012-04-12T16:24:16.390+03:00Google Plus One for Blogger<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-oOvbHZfbsfI/TeoH-fxb3EI/AAAAAAAAAbA/GkWCX35l9BQ/s320/google_plus_one.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-oOvbHZfbsfI/TeoH-fxb3EI/AAAAAAAAAbA/GkWCX35l9BQ/s320/google_plus_one.jpg" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">Google has releases a new application! Yups, that's Google Plus One (+1). I've tried on my blog. You can see on this page. By clicking Google +1 button, it's similar you speak "This is cool" or "You have to see it". Maybe +1 that you gave can help your friends, people, or maybe your blogging mates on internet find the best stuff when they search. Now, how to add Google Plus One for Blogger? It's very simple, just follow the steps below.</span><br />
<a name='more'></a><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Choose the model of Google Plus One button</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-nSNPeY1OrmE/TeoG1dsAM2I/AAAAAAAAAa4/a9r2qIBWNg4/s1600/google-plus-one.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-nSNPeY1OrmE/TeoG1dsAM2I/AAAAAAAAAa4/a9r2qIBWNg4/s1600/google-plus-one.jpg" /></a></div><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><script type="text/javascript" src="http://apis.google.com/js/plusone.js"><br />
{lang: 'en-US'}</script><br />
<div><g:plusone size="standard" expr:href="data:post.url"/></div></span></blockquote><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-hKW7SY8fQzA/TeoHL-bAx6I/AAAAAAAAAa8/m_tpgheyfYE/s1600/google-plus-one1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-hKW7SY8fQzA/TeoHL-bAx6I/AAAAAAAAAa8/m_tpgheyfYE/s1600/google-plus-one1.jpg" /></a></div><blockquote class="tr_bq"> <span style="font-family: "Georgia", "Times New Roman", serif;"><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;"> {lang: 'en-US'}</script></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;"> <div><g:plusone size="tall" expr:href="data:post.url"/></div></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">Add into your blog</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">1. Go to<strong> Design --> Page Elements --> Add Gadget</strong><br />
2. Choose<strong> "HTML/Java Script"</strong><br />
3. Add one of Google Plus button code for Blogger.<br />
4. Click SAVE<br />
<br />
Or, maybe you want to add on every blog posts? Follow the steps below.<br />
1. Go to <strong>Design --> Edit HTML</strong><br />
2. Check in the "Expand Widget Templates" box<br />
3. Add one of Google Plus button code for Blogger above <data:post.body/> (choose the second if you're using Read More")<br />
4. Click <strong>SAVE TEMPLATES </strong></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><strong><br />
</strong></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy !</span><span style="font-family: "Georgia", "Times New Roman", serif;"><strong><br />
</strong></span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-54823405920151439292012-04-12T16:17:00.000+03:002012-04-12T16:17:57.351+03:00How To Add Very Simple "Read More" in Posts<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_Eos38-mt1ME/TOo5o3xO3TI/AAAAAAAAAEw/R1VAmJ68AX4/s200/read-more-1-L.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_Eos38-mt1ME/TOo5o3xO3TI/AAAAAAAAAEw/R1VAmJ68AX4/s200/read-more-1-L.jpg" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">Usually a good web is put "Read More" in under the posts. The function of "Read More" other to save some space is make visitors are curious to read our article. So maybe with put "Read More" in under the posts, we can raise the traffic in our blog. OK if you want to try this trick, just follow the steps below</span><br />
<a name='more'></a><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;">1. Log in to your blogger account<br />
2. Go to Settings>>>Basic<br />
3. Find "Select Post Editor" , then thick in the "Updated Editor (Recommended)", and save it.</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_Eos38-mt1ME/TOo307aNnqI/AAAAAAAAAEo/umGg-Qc63xM/s1600/123.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://3.bp.blogspot.com/_Eos38-mt1ME/TOo307aNnqI/AAAAAAAAAEo/umGg-Qc63xM/s320/123.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: "Georgia", "Times New Roman", serif;">4. Now, when you create a new post, before publish yout post, click in the "Insert Jump Break" (you can edit the limit line)</span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_Eos38-mt1ME/TOo5F_G8OgI/AAAAAAAAAEs/S1AOTVkFBkQ/s1600/aku.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://2.bp.blogspot.com/_Eos38-mt1ME/TOo5F_G8OgI/AAAAAAAAAEs/S1AOTVkFBkQ/s320/aku.jpg" width="320" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">5. Publish your post</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy ! </span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-11762157796133339242012-04-12T16:15:00.000+03:002012-04-12T16:15:06.301+03:00Make a Scroll Blog Archive<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_Eos38-mt1ME/TOPFAwYMu6I/AAAAAAAAABQ/rYL2aNGmXrY/s1600/AssassinsCreed.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_Eos38-mt1ME/TOPFAwYMu6I/AAAAAAAAABQ/rYL2aNGmXrY/s1600/AssassinsCreed.jpg" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">Do you like blog archive that already provided by Blogger? Almost everyone who has blog would not be happy with that format. You know why? The reason is simple, less attractive. So I tried another blog archive, Scroll Blog Archive. This archive can be slide like a scroll. I think this blog archive is better. So you can try it by follow the steps below:</span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"></span><br />
<a name='more'></a><span style="font-family: "Georgia", "Times New Roman", serif;">1. Log in to your blogger account<br />
2. Go to Design>>>Page Elements>>>Add Gadget<br />
3. Choose HTML/Java Script, and then copy and paste the code below:</span><br />
<br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><div style="overflow: auto; height: 150px;"><br />
<script style="text/javascript" src="http://mizwar.blog.googlepages.com/daftar_isi.js"></script><br />
<script style="text/javascript"><br />
var numposts = 1000;<br />
var showpostdate = false;<br />
var showpostsummary = false;<br />
var numchars = 100;<br />
var standardstyling = true;<br />
</script><br />
<script src="http://mybloggertricksandtipssite.blogspot.com/feeds/posts/default?<br />
orderby=published&alt=json-in-script&max-results=999<br />
&callback=showrecentposts"></script><br />
</div></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">4. Change mybloggertricksandtipssite.blogspot.com with your blog address<br />
5. Save and your new archive is ready </span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy !</span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-20054276957575601012012-04-12T16:11:00.001+03:002012-04-12T16:18:19.642+03:00How to Add "About The Author" Under The Posts<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-nxnvNvYz9tQ/TV9YtV0I04I/AAAAAAAAAOM/UQDO0fiW_us/s400/about-the-author-01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="156" src="http://2.bp.blogspot.com/-nxnvNvYz9tQ/TV9YtV0I04I/AAAAAAAAAOM/UQDO0fiW_us/s320/about-the-author-01.jpg" width="320" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">About the author is a widget to show about the author profile. For the details, you can show the image below.Now, if you want to add about the author under the posts, you can follow the steps below.</span><br />
<a name='more'></a><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><b><br />
</b></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><b><br />
</b></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><b><br />
</b></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">1. Log in to your blogger account<br />
2. Go to Design --> Edit HTML<br />
3. Check in the Expand Widget Templates box<br />
4. Copy the code below, and paste above</span><span style="font-family: "Georgia", "Times New Roman", serif;"> <b>]]></b:skin></b></span><span style="font-family: "Georgia", "Times New Roman", serif;"><b><br />
</b></span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">.authbio{<br />
color: #555;<br />
font-weight: normal;<br />
font-size:0.9em;<br />
background: #fff;<br />
border: 3px groove #ccc;<br />
width: 475px;<br />
padding: 10px;<br />
margin-bottom:20px;<br />
-moz-border-radius:15px;<br />
-webkit-border-radius:15px;<br />
}<br />
<br />
.authbio a{<br />
<br />
text-decoration:underline;<br />
<br />
}<br />
img.alignleft {<br />
float:left;<br />
background-color: #c4e3e0;<br />
border:5px solid #c4e3e0;<br />
padding: 5px;<br />
<br />
margin-left:5px;<br />
margin-top:0px;<br />
margin-bottom:25px;<br />
margin-right:12px;</span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">5. After that, add the code below under <data:post.body/></span><span style="font-family: "Georgia", "Times New Roman", serif;"> </span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><div class='authbio'></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;"> <div style='float: left;'></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;"> <img alt='The author of Full Blog Tricks' src='http://i622.photobucket.com/albums/tt309/kokobota/kokogif.gif'/></div></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;"> <h2><strong>About The Author:</strong></h2></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;">Blogger tricks and tips: I am just a simple blogger. I hope, Full Blog Tricks can helps many people or bloggers to modify their blog easily. If you like this blog, you can follow my blog. Thank for my loyal readers.</div></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">You can change the text that you want to display</span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;">=> You can change the profile picture</span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;"> 6. Save it now!</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy !</span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com1tag:blogger.com,1999:blog-2607748465431654242.post-68762813954897415362012-04-12T16:05:00.000+03:002012-04-12T16:05:56.533+03:00Add Border at the Bottom of Widgets<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-F1F43kw360k/TbNpyPuIHhI/AAAAAAAAAWs/WvRBM0poaXY/s400/blogger-border1.jpg.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-F1F43kw360k/TbNpyPuIHhI/AAAAAAAAAWs/WvRBM0poaXY/s400/blogger-border1.jpg.jpg" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;"> <strong>Add Border at the Bottom of Widgets. Actually, the function of this trick just add a border at the bottom of your widgets. So, your blog will look attractive. Shortly, if you want to Add Border at the Bottom of Widgets, just follow the steps below.</strong></span><br />
<a name='more'></a><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;">1. Log in to your blogger account<br />
2. Go to <strong>Design --> Edit HTML</strong><br />
3. Check in the "Expand Widget Templates" box<br />
4. Find code like this (in some templates maybe not same)</span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">.sidebar ul li {</span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">5. Copy the code below, and add under the code above</span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">border-bottom:1px dotted #000000;</span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">6. Then click SAVE TEMPLATE </span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy ! </span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-41782968599697995482012-04-11T21:13:00.002+03:002012-04-12T22:38:33.740+03:00Add Facebook Like and Send Button To Blogger Blogs<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-IjJepB92k14/TeO5f2iX9JI/AAAAAAAADk8/hohXFAcVzNw/FACEBOOK-LIKE-AND-SEND-BUTT%25255B3%25255D.jpg?imgmax=800" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-IjJepB92k14/TeO5f2iX9JI/AAAAAAAADk8/hohXFAcVzNw/FACEBOOK-LIKE-AND-SEND-BUTT%25255B3%25255D.jpg?imgmax=800" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;"><b>We learned how to add Facebook Send button to blogger but just recently Facebook combined the Like and send button into a single plugin, making it more easy to add both the buttons with a single code. Further the like button is equipped with an additional comment functionality i.e. The visitors can comment on what they liked just under the button. Lets add this beautiful plugin.</b></span><br />
<a name='more'></a><span style="font-family: "Georgia", "Times New Roman", serif;"><b>Add The Facebook Like and Send Button To Blogger</b></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><b><br />
</b></span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">1.Go To Blogger > Design > Edit HTML<br />
2.Backup your template<br />
3.Click Expand widgets templates box<br />
4.Search for <data:post.body/><br />
5.And now if you wish to add the plugin just below your post titles then add the giant code below just above <data:post.body/> or if you wish that the plugin may appear at the end of your posts then paste the following code just below <data:post.body/></span><span style="font-family: "Georgia", "Times New Roman", serif;"><b><br />
</b></span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="button_count" width="450" show_faces="false" font=""></fb:like></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">6. Hit save and you are done! </span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy !</span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-65207205248848254612012-04-11T18:51:00.003+03:002012-04-11T21:14:55.291+03:00Navigation issue in Blogger<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiExPPnEgDZ9cv1E_ok5yFcix01mJfgL0H4BrUzUW4AtLws64EVUXxoj6CGdEIRN3DKrEgUsNJOXgaKeG6Nu3JjdJZhGJGb4X5fmbBXWu8x6CBjPvdi-35MDcRhV96IE3rrVK2Gd4jPpPk/s1600/poza_nav.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiExPPnEgDZ9cv1E_ok5yFcix01mJfgL0H4BrUzUW4AtLws64EVUXxoj6CGdEIRN3DKrEgUsNJOXgaKeG6Nu3JjdJZhGJGb4X5fmbBXWu8x6CBjPvdi-35MDcRhV96IE3rrVK2Gd4jPpPk/s320/poza_nav.png" width="320" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;"><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Now with blog<span class="Apple-converted-space"> </span></span><a href="http://www.abu-farhan.com/" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #245dd7; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" target="_blank">Abu Farhan</a><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>(<span class="Apple-converted-space"> </span></span><a href="http://www.abu-farhan.com/2009/12/numbered-page-navigation-for-blogger-new-script/" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #245dd7; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" target="_blank">Page Navigation for Blogger</a><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>) this trick is correct and works perfectly.<span class="Apple-converted-space"> </span></span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">I must say that this trick is no longer available as installation easier but only by editing the HTML template version.<span class="Apple-converted-space"> </span><span class="">So if you want to have navigation numbers at the end stations must be armed with patience, attention and trust.</span></span></span><br />
<a name='more'></a><br />
<span style="color: black; font-family: "Georgia", serif; font-size: medium; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b><span class="">Adding code to trick</span></b></span><br />
<b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><br />
</span></b><br />
<b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Step 1</span></b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span>.<span class="Apple-converted-space"> </span></span><span class="">Go to<span class="Apple-converted-space"> </span></span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Layout</span></b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span>-<span class="Apple-converted-space"> </span></span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Edit HTML</span></b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span>and the first thing you need to do is save a copy of the template in the computer, because if something goes wrong you can simply return to it's load.</span></span><br />
<span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b><span class="">Step 2</span></b><span class=""><span class="Apple-converted-space"> </span>.<span class="Apple-converted-space"> </span></span>Step two is to add code<span class="Apple-converted-space"> </span><b>Css</b><span class="Apple-converted-space"> </span>Button.<span class="Apple-converted-space"> </span>Here Abu Farhan created six different styles of buttons.<span class="Apple-converted-space"> </span>You choose the code for the style you think fits best with your template.<span class="Apple-converted-space"> </span></span><br />
<span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Leave<b style="color: red;"> unchecked</b><span class="Apple-converted-space"> </span>expansion box template.<span class="Apple-converted-space"> </span>Find this code:<span class="Apple-converted-space"> </span><b>]]> </ b: skin></b><span class="Apple-converted-space"> </span> (use<span class="Apple-converted-space"> </span><b>Ctrl + F</b><span class="Apple-converted-space"> </span>for an easier search) and the sight of a copy of the codes below:</span> <span style="font-family: "Georgia", "Times New Roman", serif;"><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><br />
</span></span></span><br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicAFLg1kDno1QR8IIWieGv6CKoHRvVBrGz_Ht5Zv3Lw0HW4td67oiztL_0TblxN2G7WsYU0LEZFmS2IuYg5TK1yQsCE8IqKslVLil8It32ovJPw62yDQoViAMiJ-O9sh2sSFI5bl-azlo/s400/stil+1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="43" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicAFLg1kDno1QR8IIWieGv6CKoHRvVBrGz_Ht5Zv3Lw0HW4td67oiztL_0TblxN2G7WsYU0LEZFmS2IuYg5TK1yQsCE8IqKslVLil8It32ovJPw62yDQoViAMiJ-O9sh2sSFI5bl-azlo/s320/stil+1.gif" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: "Georgia", "Times New Roman", serif;"><a href="http://abu-farhan.com/Demo/Pagenavi/css/style01.txt">Download The code a CSS style</a></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizUxHduDRRItbpzerdNzUDbV1SQKs5NO_Fi5IOPMP3anajItYvehGyax07bXPGKbiBEyOdjaGFnMxP4kbQRkYbm1gc8d7qY8GkzXGV2fG9OB-ubYXBQmLzohGgi7Yv7ufKbBpHG_ZJLeM/s400/stil+2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="43" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizUxHduDRRItbpzerdNzUDbV1SQKs5NO_Fi5IOPMP3anajItYvehGyax07bXPGKbiBEyOdjaGFnMxP4kbQRkYbm1gc8d7qY8GkzXGV2fG9OB-ubYXBQmLzohGgi7Yv7ufKbBpHG_ZJLeM/s320/stil+2.gif" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: "Georgia", "Times New Roman", serif;"><a href="http://abu-farhan.com/Demo/Pagenavi/css/style02.txt">Download The code CSS style</a></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjEnerhCyx9CIQTnFckulWUxPwR3pY9SWcWTGLvTo2BmUFxGe5LSywqV7wCUNsxzuEF1RzO9LroPmlCE0c_DaVnFpG8GI31yAnWrVn5mwd_Io6P5z5LLvdJS-kp2BSOhRt93nE_cnIjpU/s400/stil+5.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="43" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjEnerhCyx9CIQTnFckulWUxPwR3pY9SWcWTGLvTo2BmUFxGe5LSywqV7wCUNsxzuEF1RzO9LroPmlCE0c_DaVnFpG8GI31yAnWrVn5mwd_Io6P5z5LLvdJS-kp2BSOhRt93nE_cnIjpU/s320/stil+5.gif" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: "Georgia", "Times New Roman", serif;"><a href="http://abu-farhan.com/Demo/Pagenavi/css/style05.txt">Download The code CSS style</a></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Step 3</span></b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span>.<span class="Apple-converted-space"> </span></span><span class="">Adding script<span class="Apple-converted-space"> </span></span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Java / Script</span></b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span>dealing with transformation of the old Navigation<span class="Apple-converted-space"> </span></span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Newer</span></b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">and<span class="Apple-converted-space"> </span></span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Older Post</span></b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span>in navigation issues.<span class="Apple-converted-space"> </span></span></span></div><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">For script code looking to add this code:<span class="Apple-converted-space"> </span></span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""></ body></span></b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span>(use<span class="Apple-converted-space"> </span></span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Ctrl + F</span></b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span>- is the very end code) and</span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">before</span></b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span>his add this group:</span></span> <span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<blockquote class="tr_bq"><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><! - Code Navigation<span class="Apple-converted-space"> </span></span><br />
<span class="">-><span class="Apple-converted-space"> </span></span><span class=""><script type='text/javascript'><span class="Apple-converted-space"> </span></span><br />
<span class="">home_page var = "/"<span class="Apple-converted-space"> </span></span><br />
<span class="">var urlactivepage = location.href;<span class="Apple-converted-space"> </span></span><br />
<span class="">var postperpage =<span class="Apple-converted-space"> </span></span><span style="color: red;"><span class="">4</span></span><span class=""><span class="Apple-converted-space"> </span>;<span class="Apple-converted-space"> </span></span><br />
<span class="">var numshowpage =<span class="Apple-converted-space"> </span></span><span style="color: lime;"><span class="">3</span></span><span class=""><span class="Apple-converted-space"> </span>;<span class="Apple-converted-space"> </span></span><br />
<span class="">var upPageWord = 'Prev',<span class="Apple-converted-space"> </span></span><br />
<span class="">lime downPageWord =<span class="Apple-converted-space"> </span></span><br />
<span class="">'Next';<span class="Apple-converted-space"> </span></span><span class=""></<span class="Apple-converted-space"> </span></span><br />
<span class="">script><span class="Apple-converted-space"> </span></span><span class=""><script src='http://navigatiecunumere.googlecode.com/files/navigatiecunumere1.js' type='text/javascript'> </ script><span class="Apple-converted-space"> </span></span><br />
<span class=""><!<span class="Apple-converted-space"> </span></span><span class="">- Code Navigation-http :/ / bmybloggertricksandtipssite.blogspot.com--></span></b></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;"> <b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Customization</b><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Here To customize the navigation display should change as follows:<span class="Apple-converted-space"> </span></span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">The number<span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: red; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">4</b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>represents the number of posts that will be displayed on the first page.<span class="Apple-converted-space"> </span>Give the value you want, but must necessarily put the same number of posts here:<span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Settings</b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>-><span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Format</b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>-><span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Displa</b></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">y</b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>.</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihO4s4skiBckEaR5oEASpDKiPlyy1axaAE3F0hkfdRKm2UicafurqcYwrzA_bX06WhQfnsDUiwnLBPqtykNmYm-IqUbXqLjSVTOeliAarQ_c3Vy7sr_tHS-MGnJUgT83aAMxTlrFkYPoM/s1600/num_set.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihO4s4skiBckEaR5oEASpDKiPlyy1axaAE3F0hkfdRKm2UicafurqcYwrzA_bX06WhQfnsDUiwnLBPqtykNmYm-IqUbXqLjSVTOeliAarQ_c3Vy7sr_tHS-MGnJUgT83aAMxTlrFkYPoM/s400/num_set.gif" width="400" /></a></div><div class="separator" style="clear: both; text-align: left;"><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Number<span class="Apple-converted-space"> </span></span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="color: lime;"><span class="">3</span></span></b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span>is the number of digits that appears on the left and RIGHT selected page number.<span class="Apple-converted-space"> </span></span>Give the value you want, but be careful menu is not too bad lateasca<span class="Apple-converted-space"> </span></span></div><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Now you can save the template and check if it works navigation.</span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><br />
</b><br />
<blockquote style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: #f8fafc; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin-left: 15px; orphans: 2; padding-bottom: 5px; padding-left: 15px; padding-right: 5px; padding-top: 5px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b><b style="color: red;">For browsing to work with numbers and categories (labels) must follow and next steps.<span class="Apple-converted-space"> </span><span class="">If you want the navigation to work only on the main page then you can stop here.</span></b></b></blockquote><br />
<b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Step 4.<span class="Apple-converted-space"> </span>Navigation for categories</b><br />
<span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">in the first phase, if you have the gadget with<span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">labels</b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>added on the blog go to<span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Layout - Page Elements</b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>-<span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Add a Gadget</b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>and choose<span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Tags</b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>, then go back to<span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Layout</b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>-<span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Edit HTML</b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>and this time check box to extend the template html code.</span><br />
<br />
<br />
<blockquote style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: #f8fafc; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; margin-left: 15px; orphans: 2; padding-bottom: 5px; padding-left: 15px; padding-right: 5px; padding-top: 5px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b>You can save a copy of the pattern here, different from the first.<span class="Apple-converted-space"> </span>If there are mistakes you can still return to the original pattern, but not to repeat the steps above.</b></blockquote><br />
<span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Using<span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Ctrl + F</b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>find this line:<span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><br />
(make sure that is 2 times)<span class="Apple-converted-space"> </span><b><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'> <Date: label.name /> </ a></b><br />
<br />
<br />
</b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">After you have found it, replace it with this group of codes (both existing lines):</span> <br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><script type='text/javascript'><br />
var lblname = &quot;<data:label.name/>&quot;;<br />
<br />
lblname2 = encodeURIComponent(lblname);<br />
var feedlink = &#39;/search/label/&#39; + lblname2+&#39;?&amp;max-results=4&#39;;<br />
document.write(&#39;&lt;a href=&quot;&#39; + feedlink + &#39;&quot;&gt;&#39;+lblname+&#39;&lt;/a&gt;&#39;);<br />
</script></span></blockquote><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Figure<span class="Apple-converted-space"> </span></span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="color: red;"><span class="">4</span></span></b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span>of this code is the number of posts that will appear on the category page, and is very important to be as the number of posts that appear on the homepage.<span class="Apple-converted-space"> </span></span><span class="">That's all, but as you see it is quite complicated so be careful How about.<span class="Apple-converted-space"> </span></span></span><br />
<span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"><br />
</span></span></span><br />
<span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"><b>Enjoy !</b></span></span></span><br />
<br />
<br />
<span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><br />
</span><br />
<span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><br />
</span><br />
<br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-29725836740876093552012-04-11T18:24:00.002+03:002012-04-11T21:15:03.220+03:00Contact form for blogger-blogspot<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpzyKD13jFc8wf9dFccxLpCwtuhNL-JHiRhGl0elluxALsdB_eAWtrCfzcM0SNhPI7pbU8wePCcDuW7_iEkAZhZl96S16j0ZU4QcftDhtm6tZO3F-6UyHAagecFNvBdRFEF01ARhJYPog/s1600/123+contact+form.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpzyKD13jFc8wf9dFccxLpCwtuhNL-JHiRhGl0elluxALsdB_eAWtrCfzcM0SNhPI7pbU8wePCcDuW7_iEkAZhZl96S16j0ZU4QcftDhtm6tZO3F-6UyHAagecFNvBdRFEF01ARhJYPog/s1600/123+contact+form.jpg" /></a></div><b><span style="font-family: "Georgia", "Times New Roman", serif;"><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Today I will show you a new website that offers a free contact form for any blog or website.<span class="Apple-converted-space"> </span></span><span class="">The site name is<span class="Apple-converted-space"> </span></span></span><a href="https://www.123contactform.com/" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #245dd7; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" target="_blank"><span class="">123 Contact Form</span></a><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">.<span class="Apple-converted-space"> </span></span><span class="">Before starting you have to say that the site offers free version:<span class="Apple-converted-space"> </span></span><span class="">- possibility to create five different forms<span class="Apple-converted-space"> </span></span><span class="">- 10 fields per form<span class="Apple-converted-space"> </span></span><span class="">- 100 messages received per month for all 5 forms<span class="Apple-converted-space"> </span></span><span class="">- together with the form will be a link back to site 123 Contact Form.</span></span></span></b><br />
<a name='more'></a><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">If you agree options on the site makes available, here is how you can create a simple form for your blog blog:<span class="Apple-converted-space"> </span></span></span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">1.<span class="Apple-converted-space"> </span></span>At first you must create an account on this site.<span class="Apple-converted-space"> </span><span class="">One can do by clicking<span class="Apple-converted-space"> </span></span></span><a href="https://www.123contactform.com/index.php?p=new_user&plan=0" rel="nofollow" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #245dd7; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" target="_blank"><span class="">here</span></a><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span>.</span></span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">2.<span class="Apple-converted-space"> </span>After you create your account, you will be taken to a page where you can select the type of form you want.<span class="Apple-converted-space"> </span><span class="">Click on the link "Contact form"</span></span></span> <b><span style="font-family: "Georgia", "Times New Roman", serif;"><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><br />
</span></span></span></b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiofXjk0pAOBTKsKuupc3CRvVau1wJzne_p0N3nR9Aq4n-aoYxNs1-7x7Nd-mF3SuIwALz19dlqLgX0A85aeRXNCgdkvYoePDhFntTeejFqLIDDhZ7obvsmLOibtkuPcK6jbf2Bdb_-jrk/s1600/alege+contact+form.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiofXjk0pAOBTKsKuupc3CRvVau1wJzne_p0N3nR9Aq4n-aoYxNs1-7x7Nd-mF3SuIwALz19dlqLgX0A85aeRXNCgdkvYoePDhFntTeejFqLIDDhZ7obvsmLOibtkuPcK6jbf2Bdb_-jrk/s1600/alege+contact+form.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">3.<span class="Apple-converted-space"> </span></span>Give a name and contact form click OK.<span class="Apple-converted-space"> </span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">4.<span class="Apple-converted-space"> </span>You will be taken to the page creation form.<span class="Apple-converted-space"> </span><span class="">By default, you have already added three fields: Name, Email and Message.<span class="Apple-converted-space"> </span></span>To edit a field you should click on it to select it.<span class="Apple-converted-space"> </span><span class="">On the left you can edit the field name, length text box and you can be required by ticking the box "Required".<span class="Apple-converted-space"> </span></span><span class="">You can also write and instructions for that field.<span class="Apple-converted-space"> </span></span>They will appear in the title field.<span class="Apple-converted-space"> </span>You can add more fields by clicking on ADD FIELD.<span class="Apple-converted-space"> </span>From the options choose what field you want, drag it to the form and let go.<span class="Apple-converted-space"> </span>To delete a field you should click on it and the right to select the icon<span class="Apple-converted-space"> </span><span style="color: red;">X</span><span class="Apple-converted-space"> </span>(delete).</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizrz78HcISY4o1WaFGfoSgXE4QMkvAuyhrchPajejWr9MKg7-8CTcfYfRmFWxoPhtLtp4WsDTghNL5zhDx4eSj_tf6CZR7XKCgdnhY9NArMsB9l2CUhPN_nI2YMAzzZln9iLE7E6dbEnY/s1600/delete+form.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="55" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizrz78HcISY4o1WaFGfoSgXE4QMkvAuyhrchPajejWr9MKg7-8CTcfYfRmFWxoPhtLtp4WsDTghNL5zhDx4eSj_tf6CZR7XKCgdnhY9NArMsB9l2CUhPN_nI2YMAzzZln9iLE7E6dbEnY/s400/delete+form.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: left;"><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">5.<span class="Apple-converted-space"> </span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">After you are satisfied with your new form click on the "Continue".</span></div><div class="separator" style="clear: both; text-align: left;"><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">6.<span class="Apple-converted-space"> </span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">You will be taken to the setting page of the form.<span class="Apple-converted-space"> </span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Check the box next to email and choose what kind of confirmation to appear after the message has been sent by you.<span class="Apple-converted-space"><b> </b></span></span></div><div class="separator" style="clear: both; text-align: left;"><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"><b><br />
</b></span></span></div><div class="separator" style="clear: both; text-align: left;"><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"><b>a</b></span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">.<span class="Apple-converted-space"> </span></span><i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Show text</span></i><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>- if you choose this option, after the message has been sent , will show you the text that you specify.<span class="Apple-converted-space"> </span></span></div><div class="separator" style="clear: both; text-align: left;"><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">b</span></b><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>.<span class="Apple-converted-space"> </span></span><i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Redirect to a web page</span></i><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>- if you choose this option, after the message was sent, the visitor will be redirected to a page on the blog where you will specify.<span class="Apple-converted-space"> </span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">This Page may be a newly created and where to write something like: "Thank you for mesj. An administrator will contact you as soon as possible"<span class="Apple-converted-space"> </span></span></div><div class="separator" style="clear: both; text-align: left;"><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">c</span></b><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>.<span class="Apple-converted-space"> </span></span><i style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Show The above text, THEN go to The above web page</span></i><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>- if you choose this option, after message has been sent to the message written by you to variant (a) and then will be redirecting to the page you specified in paragraph (b)<span class="Apple-converted-space"> </span></span></div><div class="separator" style="clear: both; text-align: left;"><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Any option you choose be sure to save.<span class="Apple-converted-space"> </span></span></div><div class="separator" style="clear: both; text-align: left;"><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">7.<span class="Apple-converted-space"> </span></span><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">After making these settings and it's time to move on.<span class="Apple-converted-space"> </span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Click on "Continue" button.<span class="Apple-converted-space"> </span></span></div><div class="separator" style="clear: both; text-align: left;"><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">In page "Publish Form" code appears to be to put it on the blog.<span class="Apple-converted-space"> </span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Choose from left Blogger version and copy javascript code.</span> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix-q2kA7KbAIysy-lWiD3rCwoBYENEA3N4Qir4qWUbtWeWZpyqDsTl4cn2zlX9bKgjjOazjJHLg-DDzAkPB83TQRla6KumjxCfxLFvk4ORwkAWgEfqyL5hyphenhyphens_I9eqh-v2UK00RTRzx814/s1600/blogger+code.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix-q2kA7KbAIysy-lWiD3rCwoBYENEA3N4Qir4qWUbtWeWZpyqDsTl4cn2zlX9bKgjjOazjJHLg-DDzAkPB83TQRla6KumjxCfxLFvk4ORwkAWgEfqyL5hyphenhyphens_I9eqh-v2UK00RTRzx814/s1600/blogger+code.jpg" /></a></div><div class="separator" style="clear: both; text-align: left;"><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">8.<span class="Apple-converted-space"> </span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Come on bloggers and create a new static page.<span class="Apple-converted-space"> </span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Give the title of Contact '(or whatever you want) and edit mode copy editor html code contact form.</span> </div><div class="separator" style="clear: both; text-align: left;"><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Enjoy ! </span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: "Georgia", "Times New Roman", serif;"><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><br />
</span></span></span></div>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-51042260703186748682012-04-11T18:13:00.002+03:002012-04-11T21:15:10.677+03:00Effect " corner back page" for Blogger<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi391St8q72Y_7RSufMtGmV4_j0uZ0iy1lIb_eaPD42OyH0vxed_zzBiixlUx27BiE6pMbUke82VI2qxsAMtSRqQthgarz2Ad8OGTja0ZKBV9iWF7jWectOLXeivB6hhXQO9ghYrWsdRsc/s1600/colt+intors.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi391St8q72Y_7RSufMtGmV4_j0uZ0iy1lIb_eaPD42OyH0vxed_zzBiixlUx27BiE6pMbUke82VI2qxsAMtSRqQthgarz2Ad8OGTja0ZKBV9iWF7jWectOLXeivB6hhXQO9ghYrWsdRsc/s1600/colt+intors.png" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;"><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Use effect:<span class="Apple-converted-space"> </span></span></b><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">1</span></b><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>.<span class="Apple-converted-space"> </span></span><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">First you put a avertivare on subscription to the blog feed, as in the demo.<span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">2.</b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>Second, you can put a link to a page from your blog that you want your visitors to access more often .<span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">3.</b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>A third general would be putting a notice announcing the other sites that they can advertise even in that place.<span class="Apple-converted-space"> </span></span><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">And if you call you can make changing certain parts of the code.<span class="Apple-converted-space"> </span></span><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">You will see the end of the article how to do.<span class="Apple-converted-space"> </span></span><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">If something else comes to head the better.</span></span><br />
<a name='more'></a><br />
<br />
<b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Actual installation</span></b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span>- Installation difficulty: medium<span class="Apple-converted-space"> </span></span></span><br />
<span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b><span class="">1.</span></b><span class=""><span class="Apple-converted-space"> </span>At one point we add in the template html code, CSS and JavaScript code that generates the effect.</span></span><br />
<span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span></span><span class="">Enter to<span class="Apple-converted-space"> </span></span><b><span class="">Layout -> Edit HTML</span></b><span class="">and really make a copy of the template, as always when I went to his code.<span class="Apple-converted-space"> </span></span><span class="">This can be useful if something goes wrong and we will have to return the current form template.</span></span><br />
<span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span></span><span class="">With the key combination<span class="Apple-converted-space"> </span></span><b><span class="">Ctrl + F</span></b><span class=""><span class="Apple-converted-space"> </span>search for this code:</span></span> <span style="font-family: "Georgia", "Times New Roman", serif;"><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><br />
</span></span><br />
<blockquote class="tr_bq"><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""></head></span></span></blockquote><span style="color: black; display: inline !important; float: none; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">After you have found, copy the code ahead of the next group:</span> <br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><style type='text/css'><br />
img { behavior: url(iepngfix.htc) }<br />
#pageflip {<br />
position: relative;<br />
right: 0; top: 0;<br />
float: right; <br />
}<br />
#pageflip img {<br />
width: 50px; height: 52px;<br />
z-index: 99;<br />
position: absolute;<br />
right: 0; top: 0;<br />
-ms-interpolation-mode: bicubic;<br />
}<br />
#pageflip .msg_block {<br />
width: 50px; height: 50px;<br />
overflow: hidden;<br />
position: absolute;<br />
right: 0; top: 0;<br />
background: url(<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_kRBtdHxgoxkLboZ35zaMFETuemXGE_DHEjmBShwe3iMWc9k73klJp-ZuiQKNnJLIKw6_W6JFr9AXxmnKuMViLgdP0ie7Ucrtkks7gG6ABMn7-e1V8a-XHTlGDhfyegjZM7j9TeKm7jNi/s1600/subscribe.png</b>) no-repeat right top;<br />
}<br />
</style><br />
<br />
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/> <br />
<script type='text/javascript'> <br />
$(document).ready(function(){<br />
<br />
//Page Flip on hover<br />
<br />
$(&quot;#pageflip&quot;).hover(function() {<br />
$(&quot;#pageflip img , .msg_block&quot;).stop()<br />
.animate({<br />
width: &#39;307px&#39;, <br />
height: &#39;319px&#39;<br />
}, 500); <br />
} , function() {<br />
$(&quot;#pageflip img&quot;).stop() <br />
.animate({<br />
width: &#39;50px&#39;, <br />
height: &#39;52px&#39;<br />
}, 220);<br />
$(&quot;.msg_block&quot;).stop() <br />
.animate({<br />
width: &#39;50px&#39;, <br />
height: &#39;50px&#39;<br />
}, 200);<br />
}); <br />
});<br />
</script> </span></blockquote><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">2.</span></b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span>The second point we add html code forming effect.<span class="Apple-converted-space"> </span></span></span><br />
<span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">It consists of the link that will send click this widget, and photo corner back.<span class="Apple-converted-space"> </span></span></span><br />
<span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">All in page<span class="Apple-converted-space"> </span></span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">Edit html</span></b><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span class="Apple-converted-space"> </span>search following code:</span></span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"></head></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">After copy the following code group:</span><br />
<blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><div id='pageflip'> </span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;"><a href='</span><b><span style="font-family: "Georgia", "Times New Roman", serif;">http://feeds.feedburner.com/blogspot/lgpHEs</span></b><span style="font-family: "Georgia", "Times New Roman", serif;">'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3hakTVU0CG5NuBxyi3yep1tls_VfMvP4SwVHoML3FHssAP6YMKSfK9jtjYCtj2EBtwlQ7sZQp0R8XQgkOZ89mbiSDUKM9lcMPcP3QDPAy08oSsy0reCdQbK6XgLNAZP_gyA1bxnv-L59u/s1600/page_flip.png'/></a> </span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;"><div class='msg_block'></div> </span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><span style="font-family: "Georgia", "Times New Roman", serif;"></div></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;"><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">What can change or be changed to these codes:<span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">1.</span></b><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>To change the image that appears when corner sink, change the code written in blue (<span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: blue; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">http://www.wallheaven.com/subscribe.png</span></b><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>) the address of the image yours.<span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="">2.</span></b><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>link in code written in red above is the link that sends the click gave this widget.<span class="Apple-converted-space"> </span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Change it as desired.</span> </span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy !</span><br />
<blockquote class="tr_bq"><br />
</blockquote>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-83725954553542401462012-04-11T17:52:00.002+03:002012-04-11T21:15:18.516+03:00The Magic of Popular Post for Blogger with 3D Cube<div class="separator" style="clear: both; text-align: center;"><a href="http://www.abu-farhan.com/wp-content/uploads/2011/08/imagecubethumb.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://www.abu-farhan.com/wp-content/uploads/2011/08/imagecubethumb.jpg" /></a></div><span style="font-family: "Georgia", "Times New Roman", serif;">This script very easy to install, you only have to put the script to the new Gadget.</span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">You can see the result like this image bellow.</span><br />
<a name='more'></a><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">1.Login to Blogger Dashboard and navigate to <b>Design – Page Elements</b><br />
2.Click “Add Gadget” and Choose “Popular Posts”(If you already have this gadget skip this step)<br />
3.After you have Popular Post Gadget “Add Gadget” again and select “HTML/Javascript”<br />
4.Put all script bellow to the “Content” of HTML/Javascript Gadget<br />
5.Done- your popular post now with animation</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.abu-farhan.com/wp-content/uploads/2011/08/penjelasan2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.abu-farhan.com/wp-content/uploads/2011/08/penjelasan2.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><style type="text/css"></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">.cube { width: 200px; height: 200px;}</span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">a img { border: none; }</span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">#linksCube img { width: 100%; height: 100%; }</span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"></style></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js"></script></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><script type="text/javascript" charset="utf-8"></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">$(function () {</span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"> $('.popular-posts ul').abupopularcube();</span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;">});</span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"></script></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></blockquote><blockquote class="tr_bq"><span style="font-family: "Georgia", "Times New Roman", serif;"><script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/popularcube.js"></script></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;">Don’t Copy This Post because this Original from my Blog.</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy ! </span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0tag:blogger.com,1999:blog-2607748465431654242.post-31807877233391500802012-04-10T22:55:00.002+03:002012-04-11T21:16:32.758+03:00Add a button " back to top" in Blogger - blogspot<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSXsJeNj_9EDonQ6wy-mAP9wRFIDswd7J4kvWABNEmNE0_NqTbCbVBln6LSpJZ1PFSIioyjyNedo_C_fByXSv68GvLluDOh5c8cbpWESDHL8Y8FNropMecj4WSrjyycmh5SqtazF-si-4/s200/up3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSXsJeNj_9EDonQ6wy-mAP9wRFIDswd7J4kvWABNEmNE0_NqTbCbVBln6LSpJZ1PFSIioyjyNedo_C_fByXSv68GvLluDOh5c8cbpWESDHL8Y8FNropMecj4WSrjyycmh5SqtazF-si-4/s200/up3.png" /></a></div><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="font-family: "Georgia", "Times New Roman", serif;">I blog about new movies that I wrote some very long articles and look for something or rather a script to help blog visitors that when they reach end of the article just click on an icon and reach only a start page clik.</span><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="font-family: "Georgia", "Times New Roman", serif;">I saw many sites but it was something like a button and fix that.</span><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="font-family: "Georgia", "Times New Roman", serif;">Blogs from Blogger - blogspot and I had never seen anyway I had no idea what to do.</span><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="font-family: "Georgia", "Times New Roman", serif;">Then I found this</span><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span><a href="http://www.bloggerbuster.com/" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #245dd7; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span style="font-family: "Georgia", "Times New Roman", serif;">blog</span></span></a><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span><span style="font-family: "Georgia", "Times New Roman", serif;">exactly what I needed.</span><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="font-family: "Georgia", "Times New Roman", serif;">A button located in the right side of the blog that stays in place while you scroll, and his position was "</span><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 700; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span style="font-family: "Georgia", "Times New Roman", serif;">back to top</span></span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span><span style="font-family: "Georgia", "Times New Roman", serif;">"and it's a blog from Blogger - Blogspot.</span><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="font-family: "Georgia", "Times New Roman", serif;">I searched and found an article about it which gave and that script.</span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="font-family: "Georgia", "Times New Roman", serif;">View an example here on my blog.</span><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="font-family: "Georgia", "Times New Roman", serif;">Look in the bottom right after a button (an arrow) and click on it.</span><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="font-family: "Georgia", "Times New Roman", serif;">(ie no longer valid - the code works fine)</span></span><br />
<a name='more'></a><span style="font-family: "Georgia", "Times New Roman", serif;"> </span><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 700; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span style="font-family: "Georgia", "Times New Roman", serif;">How to install the "Back to top" Your Blog</span></span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span><br />
<h2><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="font-family: "Georgia", "Times New Roman", serif;">To install this button to Blogger blogs must go to</span><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span style="font-family: "Georgia", "Times New Roman", serif;">Layout</span></span></b><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span><span style="font-family: "Georgia", "Times New Roman", serif;">-></span><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span style="font-family: "Georgia", "Times New Roman", serif;">Page Elements</span></span></b><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span><span style="font-family: "Georgia", "Times New Roman", serif;">-></span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span style="font-family: "Georgia", "Times New Roman", serif;">Add a Gadget</span></span></b><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span><span style="font-family: "Georgia", "Times New Roman", serif;">and select the object</span><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span style="font-family: "Georgia", "Times New Roman", serif;">HTML / JavaScript</span></span></b><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span><span style="font-family: "Georgia", "Times New Roman", serif;">.</span><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="font-family: "Georgia", "Times New Roman", serif;">Leave blank for the title field and in the content field add the following code:</span></span><span style="font-family: "Georgia", "Times New Roman", serif;"> </span><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></span></h2><blockquote class="tr_bq"><span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="font-family: "Georgia", "Times New Roman", serif;"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://blog.danielnicolae.googlepages.com/top3.gif"/></a></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span></span></blockquote><span style="font-family: "Georgia", "Times New Roman", serif;"> </span><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span style="font-family: "Georgia", "Times New Roman", serif;">To change the image of the example image url you just replace the code with your url.</span><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span></span><span style="font-family: "Georgia", "Times New Roman", serif;"><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-family: Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /></span><span style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class=""><span style="font-family: "Georgia", "Times New Roman", serif;">If you want to change the image position can walk to the next part of the code:</span><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span><span class=""><span style="font-family: "Georgia", "Times New Roman", serif;">bottom: 5px; - you can change to another desired number 5 I , less than or greater</span><span class="Apple-converted-space"><span style="font-family: "Georgia", "Times New Roman", serif;"> </span></span></span><span class=""><span style="font-family: "Georgia", "Times New Roman", serif;">right: 5px; - here would be better just to subtract the number that do not look bad if you zoom</span></span></span><span style="font-family: "Georgia", "Times New Roman", serif;"> </span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><br />
</span><br />
<span style="font-family: "Georgia", "Times New Roman", serif;">Enjoy ! </span><br />
<span class="" style="color: black; font-family: "Georgia", serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><br />
</span>Anonymoushttp://www.blogger.com/profile/09375409692767770217noreply@blogger.com0