tag:blogger.com,1999:blog-89015954946001783012024-03-05T16:00:45.411-08:00MODIFY MY BLOGSThe Complete Blogging Guide For New BloggersAnonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.comBlogger103125tag:blogger.com,1999:blog-8901595494600178301.post-67635433399110481512013-06-06T00:25:00.002-07:002015-12-22T07:21:58.892-08:00Earn Money Online Without Investment<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="color: #121212; font-size: medium;">E</span>very student wants to earn money online for satisfying their financial needs.Most of the people failure in earning money online due to less knowledge on genuine sites.Some students also loosing money in investing money on some scam sites.Today, i came with some genuine sites which are paying on time.Here,we can earn money without investment and also with investment to earn high daily.</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="color: #004080; font-size: small;">Earn Money From Neobux:-</span></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
"<a href="http://www.neobux.com/?r=santoshs924">Neobux</a>" is the PTC site which is paying since 2008 online.where it pays daily for viewing advertisements online.A lot of people(including India) earning money through this site around the world.Daily around 6,000 people join this site.<br />
<span style="color: red;"><span style="color: #004080; font-size: small;">"Click below image to join this site"</span></span><br />
<a href="http://www.neobux.com/?r=santoshs924"><img src="http://images.neobux.com/imagens/banner8.gif" height="60" width="468" /></a><br />
<span style="color: #004080; font-size: small;">Earn More Money by Investing Money (optional):-</span></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
We can also earn extra money by investing money online.We get more advertisements if you become premium member and also less minimum payout.Refer friends and also earn more money.</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="color: #004080; font-size: small;">How do we receive payments?:-</span> </div>
<div dir="ltr" style="text-align: left;" trbidi="on">
Neobux pays money through Paypal and Payza online money transaction sites. You also see "how to open the Paypal and Payza accounts online".Neobux pays money in 72 hours from the time of request.<br />
<span style="color: #004080; font-size: small;">Payment Proof Of Neobux:-</span></div>
<div class="separator" dir="ltr" style="clear: both; text-align: center;" trbidi="on">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3lH8bg0CU-QzyPUj4rU3m-H1_UvafpXgEJn9f9_wdtruERYQNO6hpw-5o9zqSLfsoWYV11-5AvNqQRyd-bbZl_ms6oLsHBNqWeDzgkWLch1jHrOKHK6he3l8BcuOnrj2S5zY5ox3FhGg/s1600/payment+proof.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3lH8bg0CU-QzyPUj4rU3m-H1_UvafpXgEJn9f9_wdtruERYQNO6hpw-5o9zqSLfsoWYV11-5AvNqQRyd-bbZl_ms6oLsHBNqWeDzgkWLch1jHrOKHK6he3l8BcuOnrj2S5zY5ox3FhGg/s320/payment+proof.png" width="250" /></a></div>
</div>
Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com9tag:blogger.com,1999:blog-8901595494600178301.post-43209917208409037512013-01-17T00:51:00.002-08:002014-01-30T00:07:56.803-08:00Add Horizontal fixed/floating social buttons below post title<div class="separator" style="text-align: center; clear: both" dir="ltr" trbidi="on"></div> <div style="text-align: left" dir="ltr" trbidi="on"><a href="http://lh4.ggpht.com/-NQpyj7ihI_s/UuWyt_-fSzI/AAAAAAAACWE/8PqkOZB78Hw/s1600-h/Add%252520Horizontal%252520fixed%252520floating%252520social%252520buttons%252520below%252520post%252520title%25255B38%25255D.jpg"><img title="Add Horizontal fixed floating social buttons below post title" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: left; padding-top: 0px; padding-left: 0px; margin: 0px 15px 0px 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="Add Horizontal fixed floating social buttons below post title" src="http://lh6.ggpht.com/-5bEWYDXZAWY/UuWyu3KZYMI/AAAAAAAACWM/ac5Awxt9fFU/Add%252520Horizontal%252520fixed%252520floating%252520social%252520buttons%252520below%252520post%252520title_thumb%25255B36%25255D.jpg?imgmax=800" width="211" align="left" height="176"></a>Earlier we tried a different styles of social bookmarking buttons and icons below post title, to make the visitors to share the post to friends on their social networking sites.But today here is the new widget the horizontal fixed/floating social bookmarking icons bar which locate below post title and scroll along the page top.<br><font size="3"><span style="color: #cc0000"><font color="#004080"><font style="background-color: #ffff00"><font color="#cccccc"><br></font></font><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP2d1flNnAlug3r2Cf5KT-s3-Qbntgq6Li4wCDzi4T6cLWGOCt9t2UZBXbI68lodqH1bLJ-MZ2C2Vybt_o-EjLlbBdV0_FGOrPKMtlsw7km1Ndccy0y1U2DlP66E5M-Sr0fAksbCPuQuEk/s1600-h/Add%252520Horizontal%252520fixed-floating%252520social%252520buttons%252520below%252520post%252520title%25255B24%25255D.gif"><img title="Add Horizontal fixed-floating social buttons below post title" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" border="0" alt="Add Horizontal fixed-floating social buttons below post title" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOMrU-f4SpdCA-0gI7eUtHYk7x8-90bEcsbAZWYh69K1QIEa2R6AdrkINPDjrO70JDh24ZWGJkZSKt2jBo5Eq_8Rltk97_VNizsRHInq4_quBE1kt1aGggRGAh4NBmGaEyLc0ApvlBKS8L/?imgmax=800" width="443" height="110"></a><br></font></span></font><font color="#004080" size="3">STEPS:-</font></div> <div class="heady" style="text-align: left" dir="ltr" trbidi="on">► Log in to blogger <br>►Back up the template. <br>►Dashboard->> Template->> Edit Html->> Proceed <br>► Tick at <input checked type="checkbox">Expand Widget Template Box. <br>►Search for Code <font color="#809ec2"></head></font> using Ctrl+f<br><font color="#004080" size="3">1.Jquery plug-in:-</font> <br>If you already have jquery plug-in no need to add again <br>For,jquery plug-in add below code before <font color="#809ec2"></head></font></div> <div style="text-align: left" dir="ltr" trbidi="on"> <blockquote><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script></blockquote></div> <p><font color="#004080" size="3">2.Social Script:-</font> <br>►Add below code before <font color="#809ec2"></head></font><br></p> <blockquote><pre><code><b:if cond='data:blog.pageType == &quot;item&quot;'><br><style type='text/css'><br>/*<![CDATA[*/<br> #w2bSocialFloat {clear:both;padding: 6px 0;display:block;background:#FFFFFF;}<br> #w2bSocialFloat td{padding:4px;margin:0;border:none;}<br> #w2bSocialFloat td iframe{max-width:82px;width:82px !important;}<br> #w2bSocialFloat.w2bFloatSocial{position: fixed;top:0;z-index:9999999;border-bottom:1px solid #ccc;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.15);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.15);box-shadow:0 1px 1px rgba(0,0,0,0.15);}<br>/*]]>*/<br></style><br><script type="text/javascript"><br>/*<![CDATA[*/<br>// Set the Top Offset<br>$theOffset = 0;<br><br>jQuery(document).ready(function(b){var a=b("#w2bSocialFloat");a.wrap('<div id="w2bSocialPlaceholder"></div>').closest("#w2bSocialPlaceholder").height(a.outerHeight());a.width(a.outerWidth());e=a.offset().top-$theOffset;b("#w2bSocialFloat iframe[src*=plusone]").closest("div").css("max-width","82px");b(window).scroll(function(){d=b(this).scrollTop();d>=e?a.addClass("w2bFloatSocial"):a.removeClass("w2bFloatSocial");f=b(".post");if(f.length!=0){c=f.outerHeight()+f.offset().top;d>=c?a.stop().animate({top:"-150px"}):a.stop().animate({top:$theOffset+"px"})}else d>=e?a.css("top",$theOffset+"px"):a.css("top","0")})});<br>/*]]>*/<br></script><br><script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-blogger-pinit.js"></script><br><script type="text/javascript"><br>/*<![CDATA[*/<br> // Twitter<br> (function(a,b,c){var d=a.getElementsByTagName(b)[0];if(!a.getElementById(c)){a=a.createElement(b);a.id=c;a.src="//platform.twitter.com/widgets.js";d.parentNode.insertBefore(a,d)}})(document,"script","twitter-wjs");<br> // Google + (plus)<br> (function(){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src="https://apis.google.com/js/plusone.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();<br> // Stumbleupon<br> (function(){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src="https://platform.stumbleupon.com/1/widgets.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();<br> // Digg<br> (function(){var a=document.createElement("SCRIPT"),b=document.getElementsByTagName("SCRIPT")[0];a.type="text/javascript";a.async=true;a.src="http://widgets.digg.com/buttons.js";b.parentNode.insertBefore(a,b)})();<br>/*]]>*/<br></script><br></b:if></code></pre></blockquote><br /><p><font color="#004080">3.Add Social Buttons Widget:-</font> <br>►Search For <font color="#004080"><font color="#809ec2"><data:post.body/></font> <br></font>►Add below code before <font color="#809ec2"><data:post.body/></font></p><br /><blockquote><pre><code><b:if cond='data:blog.pageType == &quot;item&quot;'><br><div id="w2bSocialFloat" class="w2bSocialFloat"><br><table width="100%" class="w2bSocialFloat"><br> <tr><br> <td><br> <a href="https://twitter.com/share" class="twitter-share-button" expr:data-url="data:post.url" expr:data-text="data:post.title">Tweet</a><br> </td><br> <td><br> <iframe expr:src="&quot;//www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&quot;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe><br> </td><br> <td><br> <div expr:id="&quot;w2bPinit-&quot; + data:post.id" style="display: none;visibility: hidden;height: 0;width:0;overflow: hidden;" class="w2bPinitButton"> <br> <data:post.body/><br> <script type="text/javascript"><br> w2bPinItButton({ <br> url:"<data:post.url/>", <br> thumb: "<data:post.thumbnailUrl/>", <br> id: "<data:post.id/>", <br> defaultThumb: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKV9tvVPFs-nA_whXU9Yh6LgddJ6XeoLzzP8aj5AI5vR1ZMKl1Md8WbGKXk391_OVXgXQF5bLzXdL5MSrReaFJJTggh1MjKW2JD62IwqntVcEEIdXmR9fSMwrtjaNHs1ZRcfUxFUJ2Hz25/s1600/w2b-no-thumbnail.jpg", <br> pincount: "horizontal" <br> }); <br> </script> <br> </div><br> </td><br> <td><br> <div class="g-plusone" data-size="medium" expr:data-href="data:post.url"></div><br> </td><br> <td><br> <su:badge layout="1" expr:location="data:post.url"></su:badge><br> </td><br> <td><br> <a class="DiggThisButton DiggCompact"></a><br> </td><br> </tr><br></table><br></div><br></b:if></code></pre></blockquote>►Save Template and done. <br /> Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com4tag:blogger.com,1999:blog-8901595494600178301.post-36911370698020096472012-09-16T07:42:00.001-07:002014-01-31T00:13:28.273-08:00How To Show and Hide Widgets In Blogger Pages?<div style="text-align: left" dir="ltr" trbidi="on"> <a href="http://lh3.ggpht.com/-tfkoUkKI6Wk/UutazUD6EvI/AAAAAAAACW0/dfqRitXMKaw/s1600-h/show%25252Chide%25252Conly%25252Cstatic%252520pages%25252Chomepage%252520and%252520archive%252520pages%252520to%252520widgets%25255B70%25255D.jpg"><img title="show,hide,only,static pages,homepage and archive pages to widgets" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: left; padding-top: 0px; padding-left: 0px; margin: 0px 7px 0px 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="show,hide,only,static pages,homepage and archive pages to widgets" src="http://lh4.ggpht.com/--Jl_vN59aQ0/Uuta0BQgBmI/AAAAAAAACW8/NyT5LD74t10/show%25252Chide%25252Conly%25252Cstatic%252520pages%25252Chomepage%252520and%252520archive%252520pages%252520to%252520widgets_thumb%25255B68%25255D.jpg?imgmax=800" width="285" height="233"></a>Many of the bloggers want to customize their widgets in some specific pages.Some of them want to hide widgets in homepage,Static pages and other want to hide their widgets on homepage,static pages.Static pages are the pages mean contact-us,About-us,write for us and sitemap where no one want to show widgets on this particular pages.By finding widgets codes and making the code between html/scripts to show and hide blogger widgets.You can follow some below tricks to show widgets as you like on your blogger pages.<br><font color="#004080"><span style="color: red"><font color="#004080" size="4">Home Pages:-</font></span><br></font>► How to Show Widgets Only On Home Page?<br><b:if cond='data:blog.url == data:blog.homepageUrl'> <br>WIDGET CODE GOES HERE <br></b:if><br>where widget code is the code of your widget that you want to show only on homepage.<br>► How to Hide Widgets On Home page? <br><b:if cond='data:blog.pageType == "item"'> <br>WIDGET CODE GOES HERE <br></b:if><br><font color="#004080"><span style="color: red"><font color="#004080" size="4">Static Pages:-</font></span><br></font>► How to Show widgets Only On Static Pages?<br>Static pages:- About us,Contact us,Sitemap and more…<br><b:if cond='data:blog.pageType == "static_page"'> <br>WIDGET CODE GOES HERE <br></b:if><br>► How to Hide Widgets On Static Pages?<br><b:if cond='data:blog.pageType != "static_page"'> <br>WIDGET CODE GOES HERE <br></b:if><br><font color="#004080"><span style="color: red"><font color="#004080" size="4">Post Pages:-</font></span><br></font>► How to show a widget Only on Selected Posts?<br><b:if cond='data:blog.url == "URL OF Selected Post"'> <br>WIDGET CODE GOES HERE <br></b:if><br>► How To Hide a widget on Selected posts ?<br><b:if cond='data:blog.url != "URL OF Selected Post"'> <br>WIDGET CODE GOES HERE <br></b:if><br><font color="#004080"><font size="4"><span style="color: red"><font color="#004080">Set up the Widgets using Below Procedure:-</font></span><br></font></font>1.Go to blogger.<br>2.Template –> Edit Html <br>3.Tick at <input checked type="checkbox">Expand Widget Box<br>4.You widget code look similar as below<br><b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'> <br><b:includable id='main'> <br>LARGE CHUNK OF WIDGET CODE <br></b:includable> </b:widget><br><span style="color: red"><font color="#004080" size="4">Example:-</font> </span>(Show widget only on Home page- Popular posts Widget)<br><b:widget id='HTML' locked='false' title='Popular Posts' type='Profile'> <br><b:includable id='main'> <br><b:if cond='data:blog.url == data:blog.homepageUrl'> <br>LARGE CHUNK OF WIDGET CODE <br></b:if> <br></b:includable> </b:widget><br>Similar for all and done.</div> Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com0tag:blogger.com,1999:blog-8901595494600178301.post-2712805184831478112012-08-28T09:27:00.001-07:002014-01-26T17:37:47.646-08:00How To Create Facebook Pages Tab Using Google Sites?<p>Facebook is the best social networking site where we can develop our page ranking and traffic easily.Many of the small authors simply post and share their to facebook fans through facebook page.Making stylish customization of facebook page with tabs like subscribe box,about us,Join Groups etc can make the facebook page fans to stick on your site for more time and increase of page views.<br><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7kvuCuLY__cTk1L73PCFVXF7h8VLoU9L-MNHh2J35WykZKmQArWeZ-A3T5LqHv0-uz_lJMV18un6afSVRrfgXT_r0IDG4e-SfwYf4eWBZKOzNg40Pe_LCKEEShXjXn2IiSBXn9G-jxlRY/s1600-h/How%252520To%252520Create%252520Facebook%252520Pages%252520Tab%252520Using%252520Google%252520Sites%25255B9%25255D.jpg"><img title="How To Create Facebook Pages Tab Using Google Sites" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; border-left: 0px; display: block; padding-right: 0px; margin-right: auto" border="0" alt="How To Create Facebook Pages Tab Using Google Sites" src="http://lh5.ggpht.com/-ppqPlfY6meo/UuW4JD9byxI/AAAAAAAACWk/WQiVbS4CEAI/How%252520To%252520Create%252520Facebook%252520Pages%252520Tab%252520Using%252520Google%252520Sites_thumb%25255B7%25255D.jpg?imgmax=800" width="385" height="258"></a></p> <p><strong><u>PART1</u></strong></p> <p>1.Log in to <a href="https://sites.google.com/" target="_blank">google sites.</a></p> <p>2.Click on ‘create’ button</p> <p><a href="http://lh3.ggpht.com/-Csf3Dc38pHY/UDzxHi14dwI/AAAAAAAABHE/sZeXWo2gtnQ/s1600-h/create%25255B4%25255D.png"><img title="create" style="border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; float: none; margin-left: auto; display: block; border-top-width: 0px; margin-right: auto" border="0" alt="create" src="http://lh5.ggpht.com/-usadAchpuMA/UDzxI_CdONI/AAAAAAAABHM/36_DQcuGltY/create_thumb%25255B2%25255D.png?imgmax=800" width="78" height="29"></a> 3.Do as below</p> <p>► Template –Blank Template</p> <p><a href="http://lh4.ggpht.com/-DnEDvQEq3hI/UDzxKHYPAkI/AAAAAAAABHU/Qyq5ZyiQRp0/s1600-h/c2%25255B4%25255D.png"><img title="c2" style="border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; float: none; margin-left: auto; display: block; border-top-width: 0px; margin-right: auto" border="0" alt="c2" src="http://lh3.ggpht.com/-k3SnHuSAkGs/UDzxLtUcLNI/AAAAAAAABHc/s-GqxcGTNXg/c2_thumb%25255B2%25255D.png?imgmax=800" width="132" height="104"></a>► Name Of the Site-Any name</p> <p>► Set Url of Page</p> <p>► Select a Theme –Blank state</p> <p><img title="c3" style="border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; float: none; margin-left: auto; display: block; border-top-width: 0px; margin-right: auto" border="0" alt="c3" src="http://lh6.ggpht.com/-lwGugrrESBE/UDzxM3dCtTI/AAAAAAAABHk/Sq0DHKnHVdY/c3_thumb%25255B2%25255D.png?imgmax=800" width="112" height="137"></p> <p>► Enter captcha and click on create at top.</p> <p>► At the ‘right top’ click on more.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg94khjicOZxfUdco86rUSxjyxwfdhyOLhwyBK2RI2LasCPqs9gLZYa12IrwJlTqDywEz5XzhOa69BnuaRlHHiVGzefvqQw8Hv-3a9Qi2bkKn_yNo4xFAo-JP0WlNPg0fkv2A9Yuqtp9JNz/s1600-h/c4%25255B4%25255D.png"><img title="c4" style="border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; float: none; margin-left: auto; display: block; border-top-width: 0px; margin-right: auto" border="0" alt="c4" src="http://lh6.ggpht.com/-zPz4vnjNvlo/UDzxPdU0JPI/AAAAAAAABH0/emVxgSqxkug/c4_thumb%25255B2%25255D.png?imgmax=800" width="82" height="35"></a> ► Go to <strong>Manage Site</strong> In <strong>drop down menu</strong></p> <p><strong>►</strong> Go to<strong> site Layout</strong> in left menu</p> <p>► Click on change site layout and do as below</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxu7hh-dPnBGAyTLk_rNIhditoNGex2BZ91qitqn-MNFfit9BCwJKC72O87PF7Mh9HxHVY5WIuk85MKcmEJ2Nt1ZuU_ha9V2NaSZaetsPU5J87v-dXP0Hk0wm61rVEN-gE8Uf4nAl7KpLZ/s1600-h/c5%25255B6%25255D.png"><img title="c5" style="border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; display: inline; border-top-width: 0px" border="0" alt="c5" src="http://lh6.ggpht.com/-4fLxBq0CN2Y/UDzxSkjrxKI/AAAAAAAABIE/J0jMr9IAE6M/c5_thumb%25255B4%25255D.png?imgmax=800" width="490" height="521"></a> </p> <p>► click on ok.</p> <p>► Click on Edit Page</p> <p>► write the text and insert images and click on “Share”</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLZNLd5zTraoX285nm0RwRVS6zJPSg9bHWc0AkZGJy4NZvLKC8KHVzs_y4Mmjwyr1NCQXSxWSrydW9ctpA9brE5P6tbumqkytc9Hj22phRrOxadriSJ6336e1zNnuw34BPcTt0hj2JU9nL/s1600-h/c6%25255B4%25255D.png"><img title="c6" style="border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; float: none; margin-left: auto; display: block; border-top-width: 0px; margin-right: auto" border="0" alt="c6" src="http://lh3.ggpht.com/-frkYxAqn7ow/UDzxWv2gDnI/AAAAAAAABIU/paL3i_QXz8U/c6_thumb%25255B2%25255D.png?imgmax=800" width="82" height="32"></a><strong><u>PART2</u></strong> </p> <p>► Log in to Facebook</p> <p>► Developers >> <a href="https://developers.facebook.com/apps" target="_blank">Create App</a></p> <p>► Do as follows</p> <p><a href="http://lh6.ggpht.com/-auohvawJ_Ic/UDzxX8tSDtI/AAAAAAAABIc/iAy-q_lGC4c/s1600-h/c10%25255B4%25255D.png"><img title="c10" style="border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; display: inline; border-top-width: 0px" border="0" alt="c10" src="http://lh6.ggpht.com/-5en-4aVhOvw/UDzxbEyZw1I/AAAAAAAABIk/FFdZkGrKepI/c10_thumb%25255B2%25255D.png?imgmax=800" width="500" height="221"></a> </p> <p>► Save it.</p> <p>► Take App id to Notepad</p> <p><a href="http://lh3.ggpht.com/-c0d2a0-R-qc/UDzxcQex5VI/AAAAAAAABIo/r2cmALZvVko/s1600-h/c11%25255B7%25255D.png"><img title="c11" style="border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; display: inline; border-top-width: 0px" border="0" alt="c11" src="http://lh5.ggpht.com/-ZDdZzA1LwBA/UDzxeHcgHLI/AAAAAAAABI0/G0bnYp32-Pk/c11_thumb%25255B5%25255D.png?imgmax=800" width="420" height="99"></a> </p> <p>► Now add App Id to Below url and enter it new tab of browser.</p> <blockquote><pre>https://www.facebook.com/dialog/pagetab?next=http://facebook.com&app_id=<strong><font size="6">App</font></strong><strong><font size="6"> id</font></strong></pre></blockquote><br><br /><p>► Now add tab to your selected page and done.</p><br /><p>► Logout google sites page and refresh facebook page and check.</p> Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com0tag:blogger.com,1999:blog-8901595494600178301.post-57963800938713103532012-08-23T08:26:00.001-07:002012-12-28T08:26:54.548-08:00Customize Blogger Labels Cloud In Bricks Style<p>Making Sidebar with attraction to visitors can make stay on our blogger for long time.For every widget on sidebar there are different styles of customizations with css.Now this is time for labels widget on blogger with white brick style,where you can see on wordpress blogs.This widget can look most attractive to blogspot template.</p> <p><a href="http://lh3.ggpht.com/-I7p8yTY_f0c/UDZLaYlfF3I/AAAAAAAABGQ/V77y0m3Ko1E/s1600-h/Bick%252520style%252520Cloud%252520labels2%252520for%252520blogger%25255B5%25255D.png"><img style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="Bick style Cloud labels2 for blogger" border="0" alt="Bick style Cloud labels2 for blogger" src="http://lh5.ggpht.com/-osYDBgQfudI/UDZLduVkKII/AAAAAAAABGY/Vt3zCm4Mm8Q/Bick%252520style%252520Cloud%252520labels2%252520for%252520blogger_thumb%25255B3%25255D.png?imgmax=800" width="286" height="269"></a> </p> <p><strong>Also See:-</strong></p> <p><a href="http://www.bloggertricksandtips.in/2012/07/customize-blogger-labels-widget-into.html" target="_blank">Orange Wordpress Style Labels for Blogger</a></p> <p><strong><u>PART1</u></strong></p> <p>1.Go to blogger</p> <p>2.Layout >> Add a Gadget >> Labels</p> <p>3.Customize the labels widget as below image</p> <p><a href="http://lh5.ggpht.com/-_Ya8w7vjEfM/UDZLfCHG6MI/AAAAAAAABGg/S3ZYBqiF6O4/s1600-h/customize%252520blogger%252520labels2%252520in%252520brick%252520style%25255B4%25255D.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="customize blogger labels2 in brick style" border="0" alt="customize blogger labels2 in brick style" src="http://lh5.ggpht.com/-UjCXnDn4u9w/UDZLhaI9DfI/AAAAAAAABGo/iMkqWUKguks/customize%252520blogger%252520labels2%252520in%252520brick%252520style_thumb%25255B2%25255D.png?imgmax=800" width="410" height="384"></a> </p> <p>4.Save It.</p> <p><strong><u>PART2</u></strong></p> <p>5.Template >> Edit Html</p> <p>6.Search for the below code using shortcut key ctrl+F</p> <blockquote> <p> </p> <p>]]></b:skin></p> <p> </p></blockquote> <p>7.Add below code just <strong>before</strong> above code</p> <blockquote> <p>.label-size{ <br>margin:0 2px 6px 0; <br>padding: 3px; <br>text-transform: uppercase; <br>border: solid 1px #C6C6C6; <br>border-radius: 3px; <br>float:left; <br>text-decoration:none; <br>font-size:10px;<br>color:#666; <br>}<br>.label-size:hover { <br>border:1px solid #6BB5FF; <br>text-decoration: none;<br>-moz-transition: all 0.5s ease-out; <br>-o-transition: all 0.5s ease-out; <br>-webkit-transition: all 0.5s ease-out; <br>-ms-transition: all 0.5s ease-out; <br>transition: all 0.5s ease-out; <br>-moz-transform: rotate(7deg); <br>-o-transform: rotate(7deg); <br>-webkit-transform: rotate(7deg); <br>-ms-transform: rotate(7deg); <br>transform: rotate(7deg); <br>filter: progid:DXImageTransform.Microsoft.Matrix( <br> M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); <br>zoom: 1; <br>}<br>.label-size a { <br>text-transform: uppercase; <br>float:left; <br>text-decoration: none; <br>}<br>.label-size a:hover { <br>text-decoration: none; <br>}</p></blockquote> <p>8.Save template and done.</p> Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com0tag:blogger.com,1999:blog-8901595494600178301.post-54647954572221744342012-08-21T09:44:00.001-07:002012-12-28T08:24:39.745-08:00Bigrock Domain Issues and Errors<div dir="ltr" style="text-align: left;" trbidi="on">
Have you brought the domain from bigrock domain hosting service for blogger or website.If you are not blog not opening and domain continuously rotating or buffering and getting errors in blogger domain.If you are not suppose to integrate the domain on blogger.<br />
<a href="http://lh6.ggpht.com/-5gvjeUqBxLQ/UDO62J_qqjI/AAAAAAAABFU/FvZ6HkDuLZo/s1600-h/Bigrock%252520Domain%252520issues%25255B11%25255D.jpg"><img alt="Bigrock Domain issues" border="0" height="122" src="http://lh5.ggpht.com/-YKRw5IyS_QQ/UDO63ggnAhI/AAAAAAAABFc/bW55ZasVnBM/Bigrock%252520Domain%252520issues_thumb%25255B9%25255D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Bigrock Domain issues" width="240" /></a> <br />
<b>Also see:</b><br />
► <a href="http://www.bloggertricksandtips.in/2012/08/how-to-host-bigrock-domain-on-blogger.html" target="_blank">How to integrate bigrock domain on Blogger</a><br />
<b>Now If your Blogger not opening due to the following reasons:-</b><br />
► Buffering.<br />
► Rotating.<br />
► Missing Gadgets.<br />
► Title Revolving.<br />
<span style="font-size: small;"><b>Solution:-</b></span><br />
►First Download the template and customizations <br />
►Just Change The Template and You are Done.</div>
Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com0tag:blogger.com,1999:blog-8901595494600178301.post-65322841054324640622012-08-20T06:52:00.001-07:002012-12-28T08:24:52.994-08:00How To Host Bigrock Domain On Blogger?<p>Today there are many domain hosting services in that bigrock domain hosting service from India selling domains at cheap rates.Millions of Indians converting their blogger blogspot sub domain to custom domain through bigrock hosting service.If you have brought the domain from bigrock and want to know how to install bigrock domain on blogger.</p> <p><strong><font color="#ff0000" size="5">PART1</font></strong></p> <p>1.Buy a Domain Using Bigrock</p> <p>2.Log In to Bigrock account.</p> <p>3.click on list of orders.</p> <p>4.Select any of the domain as below</p> <p><a href="http://lh4.ggpht.com/-IwzpblxuuLk/UDJA78Sad5I/AAAAAAAABDw/9uwQmKD9BnE/s1600-h/bigrockblogger5.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="bigrock-blogger" border="0" alt="bigrock-blogger" src="http://lh6.ggpht.com/-i8JD3uEfkIo/UDJA9VvKqtI/AAAAAAAABD4/P9tB-v_PFfs/bigrockblogger_thumb3.png?imgmax=800" width="700" height="218" /></a> </p> <p>5.On the right side select Dns management</p> <p><a href="http://lh4.ggpht.com/-b4IefDfRh4c/UDJA-iP3IEI/AAAAAAAABEA/fP_iB91_jr8/s1600-h/bigrockblogger25.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="bigrock-blogger2" border="0" alt="bigrock-blogger2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdnVws968keZsVKNGXrh9JTqqKfLHVZ6mjS5n3tHtbogih-Fs3Mf5cZ3tcpTKGKy5prMhDlMndkfjmjEeHeAnm_zAd9HBuLdmrvTZMQ7hBrV3aJgs-r18b3HAQkL-ufu1d639EO01LtJp3/?imgmax=800" width="700" height="216" /></a> </p> <p>6.Click On <strong>Manage DNs</strong></p> <p>7.A pop-up window will open</p> <p>8.Go to CNAME Records</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilNBKdlZH31zUocHR99gojaXvFl0opSgzGqgE3F_a6OvxnVna8nsTqsWNZhnK3C7urRLHXt97PCZD0jtU-m3dX4qDCnX-QEetvWoU2sbvkX_vfWle50Xaj-8g95CCHsK27axNXthuyEF13/s1600-h/bigrockblogger34.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="bigrock-blogger3" border="0" alt="bigrock-blogger3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_mKp6YnWwWLSndknzay2pt0uOQConsijnAiufXplkee8Tx3GAD4IWBmavd8sOTRbpDbYoOp8WmSGrrNr31Nm8AFZpkiaEwQfNkOcgj_gdaXvOJf1s9wFSgW9ogfqAYSRjoCNul4mhY0Jl/?imgmax=800" width="639" height="255" /></a> </p> <p>9.Add CNAME Record</p> <p>►<font color="#ff0000"><strong>Host Name</strong></font>:www</p> <p>►<strong><font color="#004080">Value</font></strong>:ghs.google.com</p> <p>►Click on ‘Add record’</p> <p>10.Now add <strong>‘A Records’</strong></p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP4Ey_d9wBVe03ld5cbDjqsBBTJP7QF5qTBB5Elcx_e5Sl2_zps_cTh1ZaiNe9JvO7JdJ6Nu1fkVjKZgG39JAixlNQT-s-1qhomA_jhBCn4B2Z6NFuOoE9xnTlIugCc4UKoeiJhAmt_JYf/s1600-h/bigrockblogger44.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="bigrock-blogger4" border="0" alt="bigrock-blogger4" src="http://lh5.ggpht.com/-kEKIfjNmsH8/UDJBFFh6WrI/AAAAAAAABEo/0Dgt8cnQggE/bigrockblogger4_thumb2.png?imgmax=800" width="614" height="208" /></a> </p> <p>11.click on ‘Add A Record’.</p> <p>►Create <strong>4</strong> ‘A Records’ </p> <p>►Add each IP address below and click on ‘<strong>Add a record’ </strong>and leave <strong>Name </strong>Blank</p> <p>                              216.239.32.21 <br />                              216.239.34.21 <br />                              216.239.36.21 <br />                              216.239.38.21  as below image </p> <p><a href="http://lh6.ggpht.com/-zIGEOeuHCS0/UDJBGku96LI/AAAAAAAABEw/49xdfqB1YYo/s1600-h/bigrockblogger511.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="bigrock-blogger5" border="0" alt="bigrock-blogger5" src="http://lh4.ggpht.com/-2oC4Y76W1h0/UDJBH3ziSWI/AAAAAAAABE4/jKvJ4sXMmeU/bigrockblogger5_thumb7.png?imgmax=800" width="622" height="207" /></a> </p> <p>►Total ‘<strong>4’ </strong>A records are created.</p> <p><strong><font color="#ff0000" size="5">PART2</font></strong></p> <p>1.Log In Blogger.</p> <p>2.Go to Settings->Basic and click on “<strong>add a custom domain</strong>”</p> <p>3.Switch to <strong>advanced settings</strong> and enter your <strong>bigrock custom url</strong></p> <p>4.Tick <input checked="checked" type="checkbox" /> at redirect domain.</p> <p>5.Save the settings and you are done.</p> Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com0tag:blogger.com,1999:blog-8901595494600178301.post-5501526255896804232012-08-08T03:34:00.001-07:002012-12-28T08:26:16.210-08:002 Best photo Editing Softwares To Free download<p><a href="http://lh4.ggpht.com/-PT8s2cCWVSY/UCJAiXwEClI/AAAAAAAABCQ/TQAJFX2yMlM/s1600-h/photoeditingsoftawres4.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="Best photo editing softwares" border="0" alt="Best photo editing softwares" align="left" src="http://lh4.ggpht.com/-m65Rlv1JtEE/UCJAjEdlCUI/AAAAAAAABCY/1D3yLr6ZaMQ/photoeditingsoftawres_thumb2.jpg?imgmax=800" width="150" height="184" /></a>Photo is the best memory in our life.Sometimes we want to customize our photo in specific categories like contrast,brightness,effects,coloring,backgrounds,crop,inserting clip arts.We customize our photo as we needed either for share,profile pictures,logo,website headers and for desktops etc.To do specific customizations we need photo editing or image editing softwares which are some what costly in the market and if it free for 30 days trial version we cant get much features.They are some softwares where we can free download full version with good features as satisfies as costly software.Here is the best two photo editing softwares that i use on my desktop.</p> <p>Enjoy the softwares by downloading.</p> <p><strong>1.Gimp (</strong><a href="http://www.gimp.org/" target="_blank"><strong>Visit Site</strong></a><strong>)</strong></p> <p>Gimp is the free editing software which supports all the features as in adobe photoshop.</p> <p><a href="http://lh3.ggpht.com/-8TsHUMwiyLY/UCJAkPv8nJI/AAAAAAAABCg/wHWdvjK1M3E/s1600-h/gimp6.png"><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="gimp" border="0" alt="gimp" src="http://lh3.ggpht.com/-vSMN0PHJHQc/UCJAlaNXB3I/AAAAAAAABCo/OX3_iW_fxWs/gimp_thumb4.png?imgmax=800" width="500" height="304" /></a></p> <p><strong>2.Paint.Net (</strong><a href="http://www.getpaint.net/" target="_blank"><strong>Visit Site</strong></a><strong> )</strong></p> <p>Paint.net is the software is easy to understand also supports more features in colorizing and effects,</p> <p><a href="http://lh5.ggpht.com/-twKQqqcoO9A/UCJAm06HxTI/AAAAAAAABCw/janWF2DyFt0/s1600-h/paint.net7.png"><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="paint.net" border="0" alt="paint.net" src="http://lh3.ggpht.com/-InWEGBP_wQU/UCJAoRJvNSI/AAAAAAAABC4/lenGFa12Yj8/paint.net_thumb5.png?imgmax=800" width="500" height="332" /></a></p> Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com0tag:blogger.com,1999:blog-8901595494600178301.post-1516839987692830992012-07-31T08:00:00.001-07:002012-12-28T08:27:31.374-08:00‘Customize Blogger Labels widget’ into Wordpress Style<p><a href="http://lh3.ggpht.com/-WwZdNMU3ZHA/UBfy56gQnwI/AAAAAAAABAI/8NDfEQGd0zY/s1600-h/customize%252520blogger%252520labels%25255B33%25255D.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px" title="customize blogger labels" border="0" alt="customize blogger labels" align="left" src="http://lh5.ggpht.com/-sGfdJiqV71w/UBfy6q4rW8I/AAAAAAAABAQ/n_Nrrxh97Hw/customize%252520blogger%252520labels_thumb%25255B31%25255D.png?imgmax=800" width="210" height="150" /></a> </p> <p>Blogger labels widget does not look more attractive than wordpress labels.In the wordpress there are different  styles which satisfies maximum to the respective template.but the blogger labels widget looks same in all templates.so to customize it with css3 and make sidebar more good and attractive to visitors.I said before many times that our visitors return 25% back just for giving attractive looking.</p> <p><strong><u>PART1</u></strong></p> <p>1.Go to blogger.</p> <p>2.Layout >> Add a Gadget >> Labels</p> <p>3.Customize the labels widget as below image</p> <p><a href="http://lh5.ggpht.com/-B8bh0mCmZ3Q/UBfy7zi-0DI/AAAAAAAABAY/SYs94reCtUg/s1600-h/customize%252520blogger%252520labels2%25255B8%25255D.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="customize blogger labels2" border="0" alt="customize blogger labels2" src="http://lh4.ggpht.com/-yGLKiUTGIWQ/UBfy8qOeDfI/AAAAAAAABAg/HaS69O0YeHs/customize%252520blogger%252520labels2_thumb%25255B6%25255D.png?imgmax=800" width="410" height="384" /></a> </p> <p>4.Save it.</p> <p><strong><u>PART2</u></strong></p> <p>5.Template >> Edit html</p> <p>6.Search for the below code using ctrl+f shortcut key.</p> <blockquote> <p>]]></b:skin></p> </blockquote> <p>7.Add below code just <strong>before </strong>above code</p> <blockquote> <p><code>.label-size {</code></p> <p><code></code><code>float</code><code>: </code><code>left</code><code>;</code></p> <p><code></code><code>margin</code><code>: </code><code>0</code> <code>0</code> <code>7px</code> <code>20px</code><code>;</code></p> <p><code></code><code>position</code><code>: </code><code>relative</code><code>;</code></p> <p><code></code><code>font-family</code><code>: </code><code>'Helvetica Neue'</code><code>, </code><code>Helvetica</code><code>, </code><code>Arial</code><code>, </code><code>sans-serif</code><code>;</code></p> <p><code></code><code>font-size</code><code>: </code><code>0.75em</code><code>;</code></p> <p><code></code><code>font-weight</code><code>: </code><code>bold</code><code>;</code></p> <p><code></code><code>text-decoration</code><code>: </code><code>none</code><code>;</code></p> <p><code></code><code>color</code><code>: </code><code>#996633</code><code>;</code></p> <p><code></code><code>text-shadow</code><code>: </code><code>0px</code> <code>1px</code> <code>0px</code> <code>rgba(</code><code>255</code><code>,</code><code>255</code><code>,</code><code>255</code><code>,.</code><code>4</code><code>);</code></p> <p><code></code><code>padding</code><code>: </code><code>0.417em</code> <code>0.417em</code> <code>0.417em</code> <code>0.917em</code><code>;</code></p> <p><code></code><code>border-top</code><code>: </code><code>1px</code> <code>solid</code> <code>#d99d38</code><code>;</code></p> <p><code></code><code>border-right</code><code>: </code><code>1px</code> <code>solid</code> <code>#d99d38</code><code>;</code></p> <p><code></code><code>border-bottom</code><code>: </code><code>1px</code> <code>solid</code> <code>#d99d38</code><code>;</code></p> <p><code></code><code>-webkit-border-radius: </code><code>0</code> <code>0.25em</code> <code>0.25em</code> <code>0</code><code>;</code></p> <p><code></code><code>-moz-border-radius: </code><code>0</code> <code>0.25em</code> <code>0.25em</code> <code>0</code><code>;</code></p> <p><code></code><code>border-radius: </code><code>0</code> <code>0.25em</code> <code>0.25em</code> <code>0</code><code>;</code></p> <p><code></code><code>background-image</code><code>: -webkit-linear-gradient(</code><code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>218</code><code>, </code><code>113</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>186</code><code>, </code><code>71</code><code>));</code></p> <p><code></code><code>background-image</code><code>: -moz-linear-gradient(</code><code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>218</code><code>, </code><code>113</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>186</code><code>, </code><code>71</code><code>));</code></p> <p><code></code><code>background-image</code><code>: -o-linear-gradient(</code><code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>218</code><code>, </code><code>113</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>186</code><code>, </code><code>71</code><code>));</code></p> <p><code></code><code>background-image</code><code>: -ms-linear-gradient(</code><code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>218</code><code>, </code><code>113</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>186</code><code>, </code><code>71</code><code>));</code></p> <p><code></code><code>background-image</code><code>: linear-gradient(</code><code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>218</code><code>, </code><code>113</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>186</code><code>, </code><code>71</code><code>));</code></p> <p><code></code><code>filter: progid:DXImageTransform.Microsoft.gradient(GradientType=</code><code>0</code><code>,StartColorStr=</code><code>'#feda71'</code><code>, EndColorStr=</code><code>'#feba47'</code><code>);</code></p> <p><code></code><code>-webkit-box-shadow: </code><code>inset</code> <code>0</code> <code>1px</code> <code>0</code> <code>#faeaba</code><code>,</code></p> <p><code></code><code>0</code> <code>1px</code> <code>1px</code> <code>rgba(</code><code>0</code><code>,</code><code>0</code><code>,</code><code>0</code><code>,.</code><code>1</code><code>);</code></p> <p><code></code><code>-moz-box-shadow: </code><code>inset</code> <code>0</code> <code>1px</code> <code>0</code> <code>#faeaba</code><code>,</code></p> <p><code></code><code>0</code> <code>1px</code> <code>1px</code> <code>rgba(</code><code>0</code><code>,</code><code>0</code><code>,</code><code>0</code><code>,.</code><code>1</code><code>);</code></p> <p><code></code><code>box-shadow: </code><code>inset</code> <code>0</code> <code>1px</code> <code>0</code> <code>#faeaba</code><code>,</code></p> <p><code></code><code>0</code> <code>1px</code> <code>1px</code> <code>rgba(</code><code>0</code><code>,</code><code>0</code><code>,</code><code>0</code><code>,.</code><code>1</code><code>);</code></p> <p><code></code><code>z-index</code><code>: </code><code>1</code><code>;</code></p> <p><code>}</code></p> <p><code>.label-</code><code>size</code><code>:before {</code></p> <p><code></code><code>content</code><code>: </code><code>''</code><code>;</code></p> <p><code></code><code>width</code><code>: </code><code>1.30em</code><code>;</code></p> <p><code></code><code>height</code><code>: </code><code>1.39em</code><code>;</code></p> <p><code></code><code>background-image</code><code>: -webkit-linear-gradient(</code><code>left</code> <code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>218</code><code>, </code><code>113</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>186</code><code>, </code><code>71</code><code>));</code></p> <p><code></code><code>background-image</code><code>: -moz-linear-gradient(</code><code>left</code> <code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>218</code><code>, </code><code>113</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>186</code><code>, </code><code>71</code><code>));</code></p> <p><code></code><code>background-image</code><code>: -o-linear-gradient(</code><code>left</code> <code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>218</code><code>, </code><code>113</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>186</code><code>, </code><code>71</code><code>));</code></p> <p><code></code><code>background-image</code><code>: -ms-linear-gradient(</code><code>left</code> <code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>218</code><code>, </code><code>113</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>186</code><code>, </code><code>71</code><code>));</code></p> <p><code></code><code>background-image</code><code>: linear-gradient(</code><code>left</code> <code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>218</code><code>, </code><code>113</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>186</code><code>, </code><code>71</code><code>));</code></p> <p><code></code><code>filter: progid:DXImageTransform.Microsoft.gradient(GradientType=</code><code>1</code><code>,StartColorStr=</code><code>'#feda71'</code><code>, EndColorStr=</code><code>'#feba47'</code><code>);</code></p> <p><code></code><code>position</code><code>: </code><code>absolute</code><code>;</code></p> <p><code></code><code>left</code><code>: </code><code>-0.69em</code><code>;</code></p> <p><code></code><code>top</code><code>: .</code><code>2em</code><code>;</code></p> <p><code></code><code>-webkit-transform: rotate(</code><code>45</code><code>deg);</code></p> <p><code></code><code>-moz-transform: rotate(</code><code>45</code><code>deg);</code></p> <p><code></code><code>-o-transform: rotate(</code><code>45</code><code>deg);</code></p> <p><code></code><code>transform: rotate(</code><code>45</code><code>deg);</code></p> <p><code></code><code>border-left</code><code>: </code><code>1px</code> <code>solid</code> <code>#d99d38</code><code>;</code></p> <p><code></code><code>border-bottom</code><code>: </code><code>1px</code> <code>solid</code> <code>#d99d38</code><code>;</code></p> <p><code></code><code>-webkit-border-radius: </code><code>0</code> <code>0</code> <code>0</code> <code>0.25em</code><code>;</code></p> <p><code></code><code>-moz-border-radius: </code><code>0</code> <code>0</code> <code>0</code> <code>0.25em</code><code>;</code></p> <p><code></code><code>border-radius: </code><code>0</code> <code>0</code> <code>0</code> <code>0.25em</code><code>;</code></p> <p><code></code><code>z-index</code><code>: </code><code>1</code><code>;</code></p> <p><code>}</code></p> <p><code>.label-</code><code>size</code><code>:after {</code></p> <p><code></code><code>content</code><code>: </code><code>''</code><code>;</code></p> <p><code></code><code>width</code><code>: </code><code>0.5em</code><code>;</code></p> <p><code></code><code>height</code><code>: </code><code>0.5em</code><code>;</code></p> <p><code></code><code>background</code><code>: </code><code>#fff</code><code>;</code></p> <p><code></code><code>-webkit-border-radius: </code><code>4.167em</code><code>;</code></p> <p><code></code><code>-moz-border-radius: </code><code>4.167em</code><code>;</code></p> <p><code></code><code>border-radius: </code><code>4.167em</code><code>;</code></p> <p><code></code><code>border</code><code>: </code><code>1px</code> <code>solid</code> <code>#d99d38</code><code>;</code></p> <p><code></code><code>-webkit-box-shadow: </code><code>0</code> <code>1px</code> <code>0</code> <code>#faeaba</code><code>;</code></p> <p><code></code><code>-moz-box-shadow: </code><code>0</code> <code>1px</code> <code>0</code> <code>#faeaba</code><code>;</code></p> <p><code></code><code>box-shadow: </code><code>0</code> <code>1px</code> <code>0</code> <code>#faeaba</code><code>;</code></p> <p><code></code><code>position</code><code>: </code><code>absolute</code><code>;</code></p> <p><code></code><code>top</code><code>: </code><code>0.667em</code><code>;</code></p> <p><code></code><code>left</code><code>: </code><code>-0.083em</code><code>;</code></p> <p><code></code><code>z-index</code><code>: </code><code>9999</code><code>;</code></p> <p><code>}</code></p> <p><code>#Label</code><code>1</code> <code>{</code></p> <p><code></code><code>height</code><code>: </code><code>210px</code><code>;</code></p> <p><code>}</code></p> <p><code>.label-</code><code>size</code><code>:hover {</code></p> <p><code></code><code>background-image</code><code>: -webkit-linear-gradient(</code><code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>225</code><code>, </code><code>141</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>200</code><code>, </code><code>108</code><code>));</code></p> <p><code></code><code>background-image</code><code>: -moz-linear-gradient(</code><code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>225</code><code>, </code><code>141</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>200</code><code>, </code><code>108</code><code>));</code></p> <p><code></code><code>background-image</code><code>: -o-linear-gradient(</code><code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>225</code><code>, </code><code>141</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>200</code><code>, </code><code>108</code><code>));</code></p> <p><code></code><code>background-image</code><code>: -ms-linear-gradient(</code><code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>225</code><code>, </code><code>141</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>200</code><code>, </code><code>108</code><code>));</code></p> <p><code></code><code>background-image</code><code>: linear-gradient(</code><code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>225</code><code>, </code><code>141</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>200</code><code>, </code><code>108</code><code>));</code></p> <p><code></code><code>filter: progid:DXImageTransform.Microsoft.gradient(GradientType=</code><code>0</code><code>,StartColorStr=</code><code>'#fee18d'</code><code>, EndColorStr=</code><code>'#fec86c'</code><code>);</code></p> <p><code></code><code>border-color</code><code>: </code><code>#e1b160</code><code>;</code></p> <p><code>}</code></p> <p><code>.label-</code><code>size</code><code>:hover:before {</code></p> <p><code></code><code>background-image</code><code>: -webkit-linear-gradient(</code><code>left</code> <code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>225</code><code>, </code><code>141</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>200</code><code>, </code><code>108</code><code>));</code></p> <p><code></code><code>background-image</code><code>: -moz-linear-gradient(</code><code>left</code> <code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>225</code><code>, </code><code>141</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>200</code><code>, </code><code>108</code><code>));</code></p> <p><code></code><code>background-image</code><code>: -o-linear-gradient(</code><code>left</code> <code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>225</code><code>, </code><code>141</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>200</code><code>, </code><code>108</code><code>));</code></p> <p><code></code><code>background-image</code><code>: -ms-linear-gradient(</code><code>left</code> <code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>225</code><code>, </code><code>141</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>200</code><code>, </code><code>108</code><code>));</code></p> <p><code></code><code>background-image</code><code>: linear-gradient(</code><code>left</code> <code>top</code><code>, </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>225</code><code>, </code><code>141</code><code>), </code><code>rgb</code><code>(</code><code>254</code><code>, </code><code>200</code><code>, </code><code>108</code><code>));</code></p> <p><code></code><code>filter: progid:DXImageTransform.Microsoft.gradient(GradientType=</code><code>1</code><code>,StartColorStr=</code><code>'#fee18d'</code><code>, EndColorStr=</code><code>'#fec86c'</code><code>);</code></p> <p><code></code><code>border-color</code><code>: </code><code>#e1b160</code><code>;</code></p> <p><code>}</code></p> </blockquote> <p>8.Save template and Bingo!</p> Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com0tag:blogger.com,1999:blog-8901595494600178301.post-38426055049922490082012-07-22T21:38:00.001-07:002012-12-28T08:28:21.044-08:00Show only thumbnails in blogger recent posts widget<p><a href="http://lh5.ggpht.com/-fgpUdHDnif8/UAzVJ5Mx6lI/AAAAAAAAA9s/mAhYoCxR6WI/s1600-h/grid%25255B9%25255D.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="grid" border="0" alt="grid" align="left" src="http://lh6.ggpht.com/-ppuE7Xja0io/UAzVLX6YtLI/AAAAAAAAA90/LMoSV940aR8/grid_thumb%25255B7%25255D.png?imgmax=800" width="339" height="159"></a> If you want to hide post titles and snippets in blogger recent post widget.Then here is the trick for you,no need to add any code or edit any template.Just go the blogger widgets and select recent posts widget with thumbnails,then start customize it options.This thumbnail recent posts widget looks good especially for music or movie websites,then you can show posters in the homepage with attractive to visitors.</p> <p> </p> <p><strong><font color="#8000ff"><u>Part1</u></font></strong></p> <p><font color="#000000">1.Go to blogger->>Layout</font></p> <p><font color="#000000">2.Add a gadget</font></p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgECiQ-N7PBPuyLNzXCA3w0GG5t2gr0_WvyuYr0Lnw0qbnf9XAM-lhg58MZyAV51HrX8FuDEAcpktBW-oqGpH5R7gB_vGnCAnev2OZgnDEuIWbfApE5FpuAVT8kunyWN8YWuAMMNGkEB4z9/s1600-h/Add%252520a%252520Gadget%25255B13%25255D.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="Add a Gadget" border="0" alt="Add a Gadget" src="http://lh5.ggpht.com/-Ak53lrw_aCU/UAzVNBcQrEI/AAAAAAAAA-E/fyyC9YV1Pss/Add%252520a%252520Gadget_thumb%25255B11%25255D.png?imgmax=800" width="366" height="43"></a> </p> <p><font color="#000000">3.Select recent posts widget as below image.</font></p> <p><a href="http://lh6.ggpht.com/-Hl3b_-ZdVsc/UAzVOmYrqWI/AAAAAAAAA-M/PViZ2Vqp9Rk/s1600-h/recent%252520posts%252520widget%25255B6%25255D.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="recent posts widget" border="0" alt="recent posts widget" src="http://lh5.ggpht.com/-0okED_XJCII/UAzVP1vtOQI/AAAAAAAAA-U/DmR34UYyydM/recent%252520posts%252520widget_thumb%25255B4%25255D.png?imgmax=800" width="302" height="302"></a> </p> <p><font color="#000000">4.Select options as below image.</font></p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigm4upxgUi6ya9IxqfIMwrn3DSdejY4odfHgGlBbD15qZ-2vkE6eNYrl9J-XLGFRJUS56VnQ46K5RES7iJOncMuM3s4ODi5n4sD48zRgsbhqkwvps-E88EqvDrNKj7ulOgHncP_KtNHDX6/s1600-h/recent%252520posts%252520configure%25255B4%25255D.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="recent posts configure" border="0" alt="recent posts configure" src="http://lh3.ggpht.com/-k21rqDqax4g/UAzVSfgFGkI/AAAAAAAAA-k/bLEwzCuGr28/recent%252520posts%252520configure_thumb%25255B2%25255D.png?imgmax=800" width="478" height="958"></a> </p> <p>5.Save Gadget and that’s all.</p> Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com0tag:blogger.com,1999:blog-8901595494600178301.post-18390571850337266172012-07-22T07:38:00.001-07:002014-01-31T01:28:58.539-08:00Show only thumbnails in blogger popular posts widget<p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc4_l5U45oKxOAMZCjmzkHAl4l5C6QflkVnTro-6iBABsY_PkaEXi77iVbK4o988SC9KEXso-tz5oYcunGW0w5ao0ee_mV7jObhbz_SOAt8IfwuQ2YN-LUGV76RQJY1OgumPpTNyBCe4Oc/s1600-h/popular%252520posts%252520grid%25255B9%25255D.jpg"><img title="popular posts grid" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: right; padding-top: 0px; padding-left: 0px; margin: 0px 5px 0px 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="popular posts grid" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsvf7nhSzRv7SjZQmvUzS10KA94kMeIwKNQWxsawozAy5QbWszPLC0YZE08c2AdXAU9PFaWZkbx2reh4NrRQZmuRoafjoHRNboDrSlq7KigKKad1r3-VjX7ZXfOJuCuKKrrk_GGF0eKA-k/?imgmax=800" width="302" align="right" height="185"></a><font size="5">I</font>f you are publishing any music website or your post has perfect satisfied image with good colorizing then make use of the popular posts with only thumbnails.In the blogger default popular posts widget there is no option to show only thumbnails without post title.So to add this code to blogger follow below post.This is another look as recent posts widget with only thumbnails.<br><font color="#004080" size="4">Part1<br></font>1.Go to blogger.<br>2.Layout->>Add a Gadget->>Popular Posts widget</p> <p><a href="http://lh6.ggpht.com/-NyGX-amQJuM/UAwQRudva4I/AAAAAAAAA9E/KpT4dR752-Q/s1600-h/popular%252520posts%252520grid%25255B12%25255D.png"><img title="popular posts grid" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="popular posts grid" src="http://lh6.ggpht.com/-dkUrE8iQNRE/UAwQSvTXEDI/AAAAAAAAA9M/mV5aWzhD_pk/popular%252520posts%252520grid_thumb%25255B10%25255D.png?imgmax=800" width="242" height="236"></a> <br>3.Select as below in image:-</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTFL7PooVftMDx6kE6P79piiqlf6YHKQx2e6SoxiREuP7weT8sUNgqrgqw_GMaNdBMCxvuJRfw32LU6yMzsisJHpOxLSFvfurqlpXlT78l1eV2z1_Z_8flaiLciJlgFQIpS0Jn5a7uaop5/s1600-h/popular%252520posts%25255B5%25255D.png"><img title="popular posts" style="border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; display: inline; border-top-width: 0px" border="0" alt="popular posts" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEocUASWWb13xw_FwW3h3z9DIiK2XCim70annqwfnVy_XM3MM1HOewN4_zh3HMNgUDMUxT0IWufPckAUuy8FLGi9vfjsjf1hRzn3KmqlWKJES6X8Tc0BiJ95m36sLxVfXNW3UlNO9FxLAo/?imgmax=800" width="201" height="87"></a> <br>4.Save it.<br><font color="#800000"><font color="#004080" size="4">Part2</font><br></font>1.Go to blogger.<br>2.Back up Template<br>3.Template->> Edit Html<br>4.look for the below code using ctrl+f shortcut key</p> <blockquote><pre><b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/></pre></blockquote><br /><p>5.Now replace above code with below code<br><br /><blockquote><pre><b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'><br><b:includable id='main'><br> <b:if cond='data:title'><h2><data:title/></h2></b:if><br> <div class='widget-content popular-posts'><br> <ul><br> <b:loop values='data:posts' var='post'><br> <li><br> <b:if cond='data:showThumbnails == "false"'><br> <b:if cond='data:showSnippets == "false"'><br> <!-- (1) No snippet/thumbnail --><br> <a expr:href='data:post.href'><data:post.title/></a><br> <b:else/><br> <!-- (2) Show only snippets --><br> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><br> <div class='item-snippet'><data:post.snippet/></div><br> </b:if><br> <b:else/><br> <b:if cond='data:showSnippets == "false"'><br> <!-- (3) Show only thumbnails --><br> <div class='item-thumbnail-only'><br> <br> <div class='item-thumbnail'><br> <a expr:href='data:post.href' expr:title='data:post.title'><br> <b:if cond='data:post.thumbnail'><br> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/><br> <b:else/><br> <img alt='' border='0' expr:height='data:thumbnailSize' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh12faVFXuBSI-Kyd95DH6SArMBQGnMu_DmONBhZEez6JHGM2IwWkx2_KFiUAMalFt0EneA2BxfQHXfzbaOaR23p0TeV7Gidjbhyphenhyphen8kGpaA26OyKERSkC3Vf9eddgNFHsKHGRQV0Z4-fvRk/s72-c/default.png' expr:width='data:thumbnailSize'/><br> </b:if><br> </a><br> </div> <br> </div><br> <b:else/><br> <!-- (4) Show snippets and thumbnails --><br> <div class='item-content'><br> <b:if cond='data:post.thumbnail'><br> <div class='item-thumbnail'><br> <a expr:href='data:post.href' target='_blank'><br> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/><br> </a><br> </div><br> </b:if><br> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><br> <div class='item-snippet'><data:post.snippet/></div><br> </div><br> <div style='clear: both;'/><br> </b:if><br> </b:if><br> </li><br> </b:loop><br> </ul><br> <b:include name='quickedit'/><br> </div><br></b:includable><br></b:widget></pre></blockquote><font color="#004000"><font color="#004080" size="4">Style It Using below code (optional)</font><br></font>1.Template->>Template Designer->>Add css->>Add below code<br><br /><blockquote><pre>.popular-posts .item-thumbnail{float:left;}<br>.popular-posts ul{padding-left:0px;}<br>.popular-posts ul li {list-style-image: none;list-style-type: none;display:inline;}</pre></blockquote></p> Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com3tag:blogger.com,1999:blog-8901595494600178301.post-91499425950232117042012-07-11T09:21:00.001-07:002012-12-28T08:29:17.966-08:00Skip Ad fly,Link Bucks,Survey and more ads on Firefox and browser.<p><a href="http://lh3.ggpht.com/-eUnmc19V3iw/T_2oEM99r2I/AAAAAAAAA8Y/TyucjBj-hk0/s1600-h/skip%252520ads%252520like%252520adfly%25252Clinkbucks%25252Csurveys%25255B7%25255D.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px" title="skip ads like adfly,linkbucks,surveys" border="0" alt="skip ads like adfly,linkbucks,surveys" align="left" src="http://lh4.ggpht.com/-BOSE4LYoRLY/T_2oFdO9UeI/AAAAAAAAA8c/umxhUKxXjwY/skip%252520ads%252520like%252520adfly%25252Clinkbucks%25252Csurveys_thumb%25255B5%25255D.png?imgmax=800" width="250" height="248"></a> Today many ad-services and they are producing many different type ads like banners,pop-ups,Surveys and skip-ads,these type of annoying ads called Url Shortners.In this type of ads make redirecting the useful link with the ads page and also produce with skip button with timer.At the last week i am searching for a file about 2 hrs and at last i got the link to download it,Their i got irritating on that site with some deals pop-up surveys to complete without landing original page.I felt bad and went to add-on to disable this kind of ads in my browser(Mozilla) and at last i got it and installed add-on.Feel free on your computer.</p> <p>We can’t say respected website owners,because they are working and earning money by monetize ads.</p> <p><strong><font color="#800000">Add-on For Firefox Users :- </font></strong><a href="https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/" target="_blank">GreaseMonkey</a></p> <p><strong><font color="#004080">For Google Chrome :-</font></strong><a href="http://userscripts.org/scripts/show/69797" target="_blank">Installation Redirection Helper From Here</a> (Follow the Instructions).</p> Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com1tag:blogger.com,1999:blog-8901595494600178301.post-78744561737897290682012-07-08T22:10:00.001-07:002012-12-28T08:30:03.222-08:00Create Custom Search engine with Adsense Monetize<p><a href="http://lh5.ggpht.com/-25qFfsjRcHY/T_pnpXkBlZI/AAAAAAAAA7s/T-jLKCI77fw/s1600-h/custom%252520search%252520box%25255B11%25255D.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px" title="custom search box" border="0" alt="custom search box" align="left" src="http://lh3.ggpht.com/-IO4DISloZE4/T_pnqXoTrGI/AAAAAAAAA70/WZWlNSASde8/custom%252520search%252520box_thumb%25255B7%25255D.png?imgmax=800" width="240" height="154"></a> If your are using blogger default search box just delete it and create your own money earning custom search engine by google.The main advantage of this search box is you can earn money by inserting your adsense publisher id.If you are have regular followers and visitors they search for old posts through search box.The adsense also pays much for search engines ads and impressions.So to day custom search engine follow the below tutorial.</p> <p><strong><u>Part1</u></strong></p> <p>1.Go to Google <a href="http://www.google.co.in/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CE4QFjAA&url=http%3A%2F%2Fwww.google.com%2Fcse%2F&ei=_1_6T4jHNY3wrQesocjEBg&usg=AFQjCNFbATYvqu95afS0ZFTq1LG7veAexA&sig2=Z0XlF-sddNleK4Ax-UAguw" target="_blank">Cse</a>( custom search engine).</p> <p>2.Left side panel- New Search Engine</p> <p>.<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNR2AeGXO26HIEfO4heSdj5q43h7d9dPCVNRUmfumVATKY4EAoCIxnp9W62WInOXX4BfeCB-rYkJtlYa3BLoDm1R4Y7OHeIiSWXJCjVUcyCflrmLo-pdQ-YRIDbP4zWNLtMv9EvPwKrkpu/s1600-h/custom%252520search%252520box%25255B6%25255D.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="custom search box" border="0" alt="custom search box" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIpGt3fjohCjNdM1Hlq3hrqRJDnGRKlYWejStNcR-Z91FtKZYiTQQ_r6J8twsVMftf51FNj-ATQVBrkkQCIp84OUywEfE0wxtVmI7NIKHRVhJGMrqjXKczy3LrkUJ-hCvSPfTf3Kc6OOsI/?imgmax=800" width="402" height="340"></a> </p> <p>3.Choose any style and get code.</p> <p>4.Left side panel –Make Money(click on it) and ad adsense id</p> <p><u><strong>Part2</strong></u></p> <p>1.Blogger->>Layout –>>Add a Gadget</p> <p>2.Html/Java Script</p> <p>3.Then add <strong>Cse</strong> Code</p> <p>4.Save it.Bingo!</p> Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com0tag:blogger.com,1999:blog-8901595494600178301.post-50468544122143284012012-07-08T09:10:00.001-07:002012-12-28T08:30:25.144-08:00Expand and Collapase Blogger Comment Box Using Jquery<p>Here is the new blogger comment box where you can hide,show,expand and collapse blogger comment using jquery.This widget can increase your blogger comments,because this make to see your blog visitor to “click here to add comment” and he may attempt that.When I saw this i directly went to code and added it my blog and thought to give this amazing script to my blog readers.You can see <strong>demo </strong>on my blog or see below image.</p> <p align="center"><strong><font color="#ff8000">LIVE DEMO ▼</font></strong></p> <p class="borders"><strong><u><a href="http://lh4.ggpht.com/-qhlex3gFqrM/T_mxAiRkyOI/AAAAAAAAA7Y/wHsmJwhz9UU/s1600-h/expand-collapase-jquery-comment-box%25255B5%25255D.gif"><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="expand-collapase-jquery-comment-box" alt="expand-collapase-jquery-comment-box" src="http://lh3.ggpht.com/-nEPcBTYoIAA/T_mxDqKPmdI/AAAAAAAAA7g/t67RTEQ6oNY/expand-collapase-jquery-comment-box_thumb%25255B3%25255D.gif?imgmax=800" width="420" height="241"></a> </u></strong></p> <p><strong><u>Part1</u></strong></p> <p>1.Blogger>Template</p> <p>2.Back up your template</p> <p>3.Edit Html->>Proceed->><input checked type="checkbox">Expand widgets Box <p>4.Search the <strong><u></head></u></strong> code using ctrl+f <p>5.Now before <strong></head></strong> paste the below code </p> <blockquote> <p><style type="text/css"><br>h2.trigger2 {<br>padding-left:50px;<br>margin:10px 0px 10px 10px;<br>background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF9wtO2OfA7cgD2c9gcpCkx1Dj4AAbCEXijrp5x-81bl3Y6ijdIb3VKBz5GY6OAuQwL5RbPNwa-zh_FwOLAk7KJCzVHQgElU_AYYMFJXGfsGhvGQBlJ21XYKGQbYMcc6ENuQ21OZDCrWE/s1600/h2trigger.png) no-repeat;<br>height: 46px;<br>line-height: 46px;<br>width: 580px;<br>font-family:"Francois One";<br>font-size: 1.4em;<br>font-weight: bold;<br>text-align:left;<br>color:#fff;<br>float: left;<br>cursor:pointer;<br>}<br>h2.active {<br>background-position: bottom left;<br>}<br>.toggle_container2 {<br>padding-left:10px;<br>overflow: hidden;<br>clear: both;<br>}<br></style><br><script type='text/javascript'> <br>$(document).ready(function(){<br> $(&quot;.toggle_container2&quot;).hide();<br> $(&quot;h2.trigger2&quot;).click(function(){<br> $(this).toggleClass(&quot;active&quot;).next().slideToggle(&quot;slow&quot;);<br> });<br>});<br></script></p></blockquote> <p>6.Now find the below code</p> <blockquote> <p><b:includable id='comment-form' var='post'></p></blockquote> <p>7.Now paste the below code <strong>after </strong>above code</p> <blockquote> <p><h2 class='trigger2'>Click to Add a New Comment</h2><br><div class='toggle_container2'><br><div class='block'></p></blockquote> <p>8.Now search for the <strong></b:includable> </strong>and<strong> above it</strong> add below code</p> <blockquote> <p><p style=' line-height:0px; font-family:Arial; font-size:8px; font-weight:bold; text-align:right;'><a href='<a title="http://www.bloggertricksandtips.in/2012/07/expand-and-collapase-blogger-comment.html" href="http://www.bloggertricksandtips.in/2012/07/expand-and-collapase-blogger-comment.html">http://www.bloggertricksandtips.in/2012/07/expand-and-collapase-blogger-comment.html</a>' style='color:#CAC8C8;'><i>Blogger Widgets</i></a></p> </div> <br></div></p></blockquote> Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com1tag:blogger.com,1999:blog-8901595494600178301.post-79475913387293643092012-07-08T01:36:00.001-07:002012-12-28T08:31:01.190-08:00Add Profile Image at Post title in blogger<p><a href="http://lh6.ggpht.com/-_Tg0j8QfAcE/T_mKmC70j7I/AAAAAAAAA7E/YKo2xGpL3rE/s1600-h/profile%252520image%252520or%252520logo%252520after%252520post%252520title%25255B6%25255D.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px" title="profile image or logo after post title" border="0" alt="profile image or logo after post title" align="left" src="http://lh3.ggpht.com/-ry-U7MGPpCo/T_mKnQzoO5I/AAAAAAAAA7M/7oBbR5HrPNs/profile%252520image%252520or%252520logo%252520after%252520post%252520title_thumb%25255B4%25255D.png?imgmax=800" width="220" height="129"></a> If you want to add profile image or any image at the post titles in blogger.you can add a logo or your image and make the visitors to know landmark of your image.see this can make attractive for some blogger templates.Select a small size logo and add it to your blog.If you thought how to add profile picture after post title or before post title,then below tutorial is very useful for your ideas.</p> <p><strong><u>Part1</u></strong></p> <p>Edit Html</p> <p>2.Search for below code using ctrl+f</p> <blockquote> <p>.post h3 {<br>color: #7CA2C4;<br>font-size: 20px;<br>font-family: Arial, sans-serif;;<br>font-weight: normal; <br>margin: 0px;<br>padding: 0px 10px 0 47px;<br>}</p></blockquote> <p><strong><u>Part2</u></strong></p> <p>3.Replace above with below code</p> <blockquote><pre>.post h3 {<br />background:url(<strong><font color="#800000" size="4">IMAGE LINK OF YOUR PROFILE PIC</font></strong>) no-repeat top left;<br />color: <strong>#289728</strong>;<br />font-size: 20px;<br />font-family: Arial, sans-serif;;<br />font-weight: normal; height:45px;<br />margin: 0px;<br />padding: 0px 10px 0 47px;<br />line-height:1.1em;<br />}</pre></blockquote><pre>4.Save Template.</pre> Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com1tag:blogger.com,1999:blog-8901595494600178301.post-58565196738692575112012-07-07T00:49:00.001-07:002012-12-28T08:31:26.487-08:00Add Custom Search Box Inside Blogger Navigation Menu<div dir="ltr" style="text-align: left;" trbidi="on">
You may thought to add search box in sidebar,header,above post and just confused !and make a new idea to make how to add custom search box inside navigation menu.This look style and attractive to your template and lot of place instead of blogger sidebar and header.The below tutorial explains how to show the search box inside menu. <br />
<b>Live Demo</b> ▼ <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgifqgqAtAYp4DhY1XLdpAY08pqGMsJMWN4kmwQ45IQPFYghJzKOV4i4NE-6wjb6Qy-535ag7Uu1tNFAREdTnxfY74kqcezClgAeVfRBDXAEp0GT8Z0Ga4zC7kUFECvCwZNsMuTDvAp1SM3/s1600-h/customsearchbox7.png"><img alt="custom search box" border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEwwjp4lOETxMPeAPSoQfGG8-KKuTpm2MdBQuQyQbAJjx-5yT1MascyozXu7MKU9UfyTZFXR8InlWwWQcfTdSaGV_zNMwHIdtaUWSjz2GKeXFI9ni719YaKtlNg613fjcUfSMvT7-9X3xo/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="custom search box" width="402" /></a><br />
<b><u>Part1</u></b><br />
1.Go to google <a href="http://www.google.com/cse" target="_blank">custom search engine</a><br />
2.Read this <a href="http://www.bloggertricksandtips.in/2012/07/create-custom-search-engine-with.html" target="_blank">How to create google custom search engine</a><br />
3.Get id inside your created search engine code.It looks as below<br />
<blockquote>
<code>006442829222345501157:setkk2xdqoi </code><br />
<code>If you adsense code with custom search box look like</code><br />
<code></code><code>partner-pub-44091594fdfd4980:sl5redh1f</code></blockquote>
4.Add your id in below code and copy it in notepad<br />
<blockquote>
<pre><span style="font-family: Arial;"><div class='cse' style='color:#000000;float:right;margin:6px 10px 0 0 ;'>
<form action='http://www.google.com/cse' id='cse-search-box'>
<input name='cx' type='hidden' value=<b><span style="color: maroon;">'add Custom search id'/</span></b>>
<input type='text' name='q' size='35' />
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input type="submit" name="sa" value="Search" />
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"></script>
</div></span></pre>
</blockquote>
<pre><b><u><span style="font-family: Arial;">Part2</span></u></b></pre>
<pre><span style="font-family: Arial;">1.Now go to Blogger>> Template</span></pre>
<pre><span style="font-family: Arial;">2.Back up template</span></pre>
<pre><span style="font-family: Arial;">3.Edit Html>><input checked="checked" type="checkbox" />Tick at Expand widgets</span></pre>
<pre><span style="font-family: Arial;">4.look for below code</span></pre>
<blockquote>
<br />
<span style="font-family: Arial;"><code><</code><code>b:widget</code> <code>id</code><code>=</code><code>'PageList1'</code> <code>locked</code><code>=</code><code>'false'</code> <code>title</code><code>=</code><code>'Pages'</code> <code>type</code><code>=</code><code>'PageList'</code><code>></code></span><br />
<span style="font-family: Arial;"><code><</code><code>b:includable</code> <code>id</code><code>=</code><code>'main'</code><code>></code></span><br />
<span style="font-family: Arial;"><code><</code><code>b:if</code> <code>cond</code><code>=</code><code>'data:title'</code><code>></code></span><br />
<span style="font-family: Arial;"><code><</code><code>h2</code><code>><</code><code>data:title</code><code>/></</code><code>h2</code><code>></code></span><br />
<span style="font-family: Arial;"><code></</code><code>b:if</code><code>></code></span><br />
<code></code><span style="font-family: Arial;"><code><</code><code>div</code> <code>class</code><code>=</code><code>'widget-content'</code><code>></code></span><br />
<span style="font-family: Arial;"><code><</code><code>ul</code><code>></code></span><br />
<code><b><span style="color: red; font-family: Arial;">PUT THE SEARCH BOX CODE HERE</span></b></code><br />
<span style="font-family: Arial;"><code><</code><code>b:loop</code> <code>values</code><code>=</code><code>'data:links'</code> <code>var</code><code>=</code><code>'link'</code><code>></code></span></blockquote>
<br />
5.Paste the saved notepad code in above code and after <ul>.<br />
<br />
6.Save template and done.</div>Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com1tag:blogger.com,1999:blog-8901595494600178301.post-91926393540506488842012-07-06T01:11:00.001-07:002012-12-28T08:32:08.835-08:00Add Stylish Customized Blogger Comment Section<p>Many bloggers want to make their blog look attractive and stylish for their visitors.Either it sidebar,comment-section,Header anything make blog attractive if they are stylish customized.In the wordpress the comment section look more attractive with perfect comments button and neat borders.To get comment section like wordpress style for blogger read below tutorials and add below codes in default blogger templates.</p> <p align="center"><strong>Live Demo ▼</strong></p> <p align="center"><a href="http://lh6.ggpht.com/-nseHXN7bUD8/T_adnpIhdOI/AAAAAAAAA6c/GOUWQHSdjBs/s1600-h/comment%252520section%25255B7%25255D.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="comment section" border="0" alt="comment section" src="http://lh4.ggpht.com/-kPY5yysT9NI/T_ado8wuYUI/AAAAAAAAA6k/EXDPl2vmb5U/comment%252520section_thumb%25255B5%25255D.png?imgmax=800" width="400" height="208"></a> </p> <p><strong><u>Part1</u></strong></p> <p>Before this you should enable threaded comments in blogger<strong>(</strong><a href="http://www.bloggertricksandtips.in/2012/01/how-to-enable-threaded-comments-in.html" target="_blank"><strong><font color="#800000">Click here for tutorial</font>)</strong></a></p> <p><strong><u>Part2 </u></strong></p> <p>1.Go to blogger->>Template->>Edit html</p> <p>2.Back up your template<blink><strong><font color="#800000">(important don’t forget)</font></strong></blink></p> <p>3.Find all below codes and remove them from blogger before <strong><font color="#800000">]]></b:skin> </font></strong></p> <blockquote> <p>.comments{-----------------------------------------}</p> <p><strong>whatever starts with comment remove them</strong></p> <p>#comments{------------------------------------------}</p> <p>and </p> <p>avatar.img{------------------------------------------}</p></blockquote> <p>4.Replace all above codes with below codes</p> <blockquote> <p>-------------------------Start comment section by modifymyblogs------------------------------------- <p>.comments {<br> clear: both;<br> margin-top: 10px;<br> margin-bottom: 0px;<br> line-height: 1em;<br>}<br>.comments .comments-content {<br>font-size: 12px;<br>margin-bottom: 16px;<br>font-weight: normal;<br>text-align:left;<br>line-height: 1.4em;<br>}<br>.comments .comment .comment-actions a {<br>display: inline-block;<br>margin: 0;<br>padding: 1px 6px;<br>border: 1px solid #C4C4C4;<br>border-top-color: #E4E4E4;<br>border-left-color: #E4E4E4;<br>color: #424242 !important;<br>text-align: center;<br>text-shadow: 0 -1px 0 white;<br>text-decoration: none;<br>-webkit-border-radius: 2px;<br>-moz-border-radius: 2px;<br>border-radius: 2px;<br>background: #EDEDED;<br>background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );<br>background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );<br>font: 11px/18px sans-serif;<br>padding:2px 8px; margin-right:10px;<br>}<br>.comments .comment .comment-actions a:hover {<br>text-decoration: none; background:#fff; border:1px solid #5AB1E2;<br>}<br>.comments .comments-content .comment-thread ol {<br> list-style-type: none;<br> padding: 0;<br> text-align: none;<br>}<br>.comments .comments-content .inline-thread {<br> padding: 0.5em 1em;<br>}<br>.comments .comments-content .comment-thread {<br> margin: 8px 0px;<br>}<br>.comments .comments-content .comment-thread:empty {<br> display: none;<br>}<br>.comments .comments-content .comment-replies {<br> margin-top: 1em;<br> margin-left: 40px; font-size:12px; background:#EBF5FE;<br>}<br>.comments .comments-content .comment {<br> margin-bottom:16px;<br> padding-bottom:8px;<br>}<br>.comments .comments-content .comment:first-child {<br> padding-top:16px;<br>}<br>.comments .comments-content .comment:last-child {<br> border-bottom:0;<br> padding-bottom:0;<br>}<br>.comments .comments-content .comment-body {<br> position:relative;<br>}<br>.comments .comments-content .user {<br> font-style:normal;<br> font-weight:bold;<br>}<br>.comments .comments-content .user a {<br>color:#2D5E7B; font-size:14px; font-weight: bold;text-decoration: none;<br>}<br>.comments .comments-content .icon.blog-author {<br> width: 18px;<br> height: 18px;<br> display: inline-block;<br> margin: 0 0 -4px 6px;<br>}<br>.comments .comments-content .datetime {<br>color: #999999;<br>float: right;<br>font-size: 11px;<br>text-decoration: none;<br>}<br>.comments .comments-content,<br>.comments .comments-content .comment-content {<br> margin:0 0 8px;<br>} <p>.comment-header {background-color: #F4F4F4;<br> border: thin solid #E6E6E6;<br> margin-bottom: 5px;<br> padding: 5px;<br>}<br>.comments .comments-content .comment-content {<br> text-align:none;<br>}<br>.comments .comments-content .owner-actions {<br> position:absolute;<br> right:0;<br> top:0;<br>}<br>.comments .comments-replybox {<br> border: none;<br> height: 250px;<br> width: 100%;<br>}<br>.comments .comment-replybox-single {<br> margin-top: 5px;<br> margin-left: 48px;<br>}<br>.comments .comment-replybox-thread {<br> margin-top: 5px;<br>}<br>.comments .comments-content .loadmore a {<br> display: block;<br> padding: 10px 16px;<br> text-align: center;<br>}<br>.comments .thread-toggle {<br> cursor: pointer;<br> display: inline-block;<br>}<br>.comments .continue {<br> cursor: pointer;<br>}<br>.comments .continue a {<br>display: inline-block;<br>margin: 0;<br>padding: 1px 6px;<br>border: 1px solid #C4C4C4;<br>border-top-color: #E4E4E4;<br>border-left-color: #E4E4E4;<br>color: #424242 !important;<br>text-align: center;<br>text-shadow: 0 -1px 0 white;<br>text-decoration: none;<br>-webkit-border-radius: 2px;<br>-moz-border-radius: 2px;<br>border-radius: 2px;<br>background: #EDEDED;<br>background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );<br>background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );<br>font: 11px/18px sans-serif;<br>padding:2px 8px; margin-right:10px;<br>}<br>.comments .comments-content .loadmore {<br> cursor: pointer;<br> max-height: 3em;<br> margin-top: 3em;<br>}<br>.comments .comments-content .loadmore.loaded {<br> max-height: 0px;<br> opacity: 0;<br> overflow: hidden;<br>}<br>.comments .thread-chrome.thread-collapsed {<br> display: none;<br>}<br>.comments .thread-toggle {<br> display: inline-block;<br>}<br>.comments .thread-toggle .thread-arrow {<br> display: inline-block;<br> height: 6px;<br> width: 7px;<br> overflow: visible;<br> margin: 0.3em;<br> padding-right: 4px;<br>}<br>.comments .thread-expanded .thread-arrow {<br> background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;<br>}<br>.comments .thread-collapsed .thread-arrow {<br> background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;<br>}<br>.comments .avatar-image-container {background-image: url("<a href="http://img846.imageshack.us/img846/7357/unled1oww.jpg");background-position:">http://img846.imageshack.us/img846/7357/unled1oww.jpg");background-position:</a> center center;background-repeat: no-repeat;float: left;width: 36px;max-height: 36px;margin: 0;outline: 1px solid #FFFFFF;padding: 3px;vertical-align: middle;overflow: hidden;<br>border: 1px solid #DDDDDD;}<br>.comments .avatar-image-container img {<br> width: 36px;<br>}<br>.comments .comment-block {<br> margin-left: 48px;<br> position: relative;<br>} <p>@media screen and (max-device-width: 480px) {<br> .comments .comments-content .comment-replies {<br> margin-left: 0;<br> }<br>} <p>------------ End of comment section by modifymyblogs -------------</p></blockquote> <p>5.Save template and check your comment section. bingo!</p> Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com1tag:blogger.com,1999:blog-8901595494600178301.post-62414996673444881262012-07-05T22:15:00.001-07:002012-12-28T20:51:58.413-08:00Add “Scrolling Recent Posts” Widget in Blogger<p>Earlier we have seen recent post widget with standard position with thumbnails and snippets.Now here is the scrolling recent posts widget for blogger with thumbnails and snippet,post titles.This is very attractive to hover dependable templates.In this scrolling recent posts widget you can set the time how fast the scroll runs.In two directions it works top to bottom and Bottom to top.You can use this sidebar of your blogger layout.</p> <p align="center"> <strong><font color="#ff8040" size="4">LIVE DEMO ▼</font></strong></p> <p><strong><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsZHbjL1zBmKEGxAqz2epzkhIsEGvnAU1bbas7NMyPytlEqfpWsRYeXxgF9QIcqIcLWPW9B-fYDmYZUin6apzoyXHm9mK0mZm-NeKTCyN8tOhs6EicgjGV2NukB9Bv33D1ZRiVMvAyg7lx/s1600-h/recent-posts%25255B4%25255D.gif"><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="recent-posts" alt="recent-posts" src="http://lh3.ggpht.com/-Fd1AvUGDapc/T_Z0VH-ccmI/AAAAAAAAA6Q/NhH3zRKb5Cg/recent-posts_thumb%25255B2%25255D.gif?imgmax=800" width="480" height="331"></a> </strong></p> <p><strong>Part1</strong></p> <p>1.Go to blogger>>Layout </p> <p>2.Add a gadget>> Choose Html/Java Script</p> <p>3.Add Below code In the Box</p> <blockquote><pre><code><style type="text/css" media="screen"><br />#helperblogger-widget {<br /> overflow: hidden;<br /> margin-top: 5px;<br /> padding: 0px 0px;<br /> height: 385px;<br />}<br />#helperblogger-widget ul {<br /> width: 295px;<br /> overflow: hidden;<br /> list-style-type: none;<br /> padding: 0px 0px;<br /> margin: 0px 0px;<br />}<br />#helperblogger-widget li {<br /> width: 282px;<br /> padding: 5px 5px;<br /> margin: 0px 0px 5px 0px;<br /> list-style-type: none;<br /> float: none;<br /> height: 80px;<br /> overflow: hidden;<br /> background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkr-IOi-jB4V0LORd8D_KngPCycvyeyBuNb8uuZwX5PP_QfZrwG6Vje6EEn4qbK7yfkt9A1-I1IwBidPqFfCqNpLdy_80h6zH8shiYvd5OK_ZzOMBSCBl3xStiUz8QXAg9jnWj6XaUhXo/s1600/helperblogger.com-post.jpg) repeat-x;<br /> border: 1px solid #ddd;<br />}<br />#helperblogger-widget li a {<br /> text-decoration: none;<br /> color: #4B545B;<br /> font-size: 15px;<br /> height: 18px;<br /> overflow: hidden;<br /> margin: 0px 0px;<br /> padding: 0px 0px 2px 0px;<br />}<br />#helperblogger-widget img {<br /> float: left;<br /> margin-top: 10px;<br /> margin-right: 15px;<br /> background: #EFEFEF;<br /> border: 0;<br />}<br />#helperblogger-widget img {<br /> -webkit-transition: all 0.5s ease;<br /> -moz-transition: all 0.5s ease;<br /> transition: all 0.5s ease;<br /> padding: 4px;<br /> background: #eee;<br /> background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));<br /> background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);<br /> -webkit-border-radius: 4px;<br /> -moz-border-radius: 4px;<br /> border-radius: 4px;<br /> -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);<br /> -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);<br /> box-shadow: 0 0 3px rgba(0,0,0,.7);<br />}<br />#helperblogger-widget img:hover {<br /> -moz-transform: scale(1.2) rotate(-350deg);<br /> -webkit-transform: scale(1.2) rotate(-350deg);<br /> -o-transform: scale(1.2) rotate(-350deg);<br /> -ms-transform: scale(1.2) rotate(-350deg);<br /> transform: scale(1.2) rotate(-350deg);<br /> -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);<br /> -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);<br /> box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);<br />}<br />.spydate {<br /> overflow: hidden;<br /> font-size: 10px;<br /> color: #0284C2;<br /> padding: 2px 0px;<br /> margin: 1px 0px 0px 0px;<br /> height: 15px;<br /> font-family: Tahoma,Arial,verdana, sans-serif;<br />}<br />.spycomment {<br /> overflow: hidden;<br /> font-family: Tahoma,Arial,verdana, sans-serif;<br /> font-size: 10px;<br /> color: #262B2F;<br /> padding: 0px 0px;<br /> margin: 0px 0px;<br />}<br /><br /><br /></style><br /><br /><script language='JavaScript'> <br />imgr = new Array();<br />imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwtQXoCjpuJpW1xAkUi386bfzjSiYpsC35FScyhR_UoHbpGYhvM8TIPOs7m3WPfeITmJMJBuBe6PxpW4eWlHxu9XjK4R3VY55yAIrmZuh8vp5qFQpDulpEQD8Ii0VfrWtSaU_rW-qegxQ/s1600/no-thumbnail.png";<br />imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwtQXoCjpuJpW1xAkUi386bfzjSiYpsC35FScyhR_UoHbpGYhvM8TIPOs7m3WPfeITmJMJBuBe6PxpW4eWlHxu9XjK4R3VY55yAIrmZuh8vp5qFQpDulpEQD8Ii0VfrWtSaU_rW-qegxQ/s1600/no-thumbnail.png";<br />imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwtQXoCjpuJpW1xAkUi386bfzjSiYpsC35FScyhR_UoHbpGYhvM8TIPOs7m3WPfeITmJMJBuBe6PxpW4eWlHxu9XjK4R3VY55yAIrmZuh8vp5qFQpDulpEQD8Ii0VfrWtSaU_rW-qegxQ/s1600/no-thumbnail.png";<br />imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwtQXoCjpuJpW1xAkUi386bfzjSiYpsC35FScyhR_UoHbpGYhvM8TIPOs7m3WPfeITmJMJBuBe6PxpW4eWlHxu9XjK4R3VY55yAIrmZuh8vp5qFQpDulpEQD8Ii0VfrWtSaU_rW-qegxQ/s1600/no-thumbnail.png";<br />imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwtQXoCjpuJpW1xAkUi386bfzjSiYpsC35FScyhR_UoHbpGYhvM8TIPOs7m3WPfeITmJMJBuBe6PxpW4eWlHxu9XjK4R3VY55yAIrmZuh8vp5qFQpDulpEQD8Ii0VfrWtSaU_rW-qegxQ/s1600/no-thumbnail.png";<br />showRandomImg = true;<br />boxwidth = 255;<br />cellspacing = 6;<br />borderColor = "#232c35";<br />bgTD = "#000000";<br />thumbwidth = 50;<br />thumbheight = 50;<br />fntsize = 15;<br />acolor = "#666";<br />aBold = true;<br />icon = " ";<br />text = "comments";<br />showPostDate = true;<br />summaryPost = 40;<br />summaryFontsize = 10;<br />summaryColor = "#666";<br />icon2 = " ";<br />numposts = <font color="#800000"><strong>10</strong></font>;<br />home_page = "<strong><font color="#800000">Blog Url</font></strong>";<br />limitspy=4;<br />intervalspy=4000;<br /></script><br /><br /><div id="helperblogger-widget"><br /><script src='http://code.helperblogger.com/recent-posts-spy.js' type='text/javascript'></script><br /></div></code></pre></blockquote><br /><p><strong>Part2</strong></p><br /><p>This script code should to insert inside template to scroll the recent posts</p><br /><p>1.Go to blogger>> Template>> Edit html</p><br /><p>2.Search for the code <strong></head></strong></p><br /><p>3.Add below code before </head></p><br /><blockquote><pre><code><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script></code></pre></blockquote> Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com0tag:blogger.com,1999:blog-8901595494600178301.post-7973121342527601982012-07-04T07:49:00.001-07:002012-12-28T20:53:12.370-08:00Align Blogger Header Image In Right Or Center<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://lh4.ggpht.com/-bov4RpidVqs/T_F1ud3p55I/AAAAAAAAAMk/bFjtWKwqR8s/s1600-h/align%252520center%252520or%252520right%252520blogger%252520header%252520image%252520and%252520title%25255B5%25255D.png"><img align="left" alt="align center or right blogger header image and title" border="0" height="136" src="http://lh4.ggpht.com/-zHpH99OMYrk/T_F1vR7defI/AAAAAAAAAMs/UeQKe2MAZ-4/align%252520center%252520or%252520right%252520blogger%252520header%252520image%252520and%252520title_thumb%25255B3%25255D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="align center or right blogger header image and title" width="200" /></a> uploading blogger header image via page elements layout option,you will see the blogger header image will align left and there is no option to place it in right and center.By using simple method you can easily align the placement of header image as your wish.Through CSS code(cascading stylish sheets) you can make these easily align right,left and center.<br />
<br />
<br />
<b><span style="color: #004080;">When you used “Behind title and description” option</span></b><br />
1.Go to blogger<br />
2.Template –>> Customize->> Add CSS<br />
3.Add below code in the CSS box.(check Preview at below)<br />
<span style="color: #004080;">To align Center:-</span><br />
<span style="color: #004080;"></span><br />
<blockquote>
#header-inner {background-position: center !important; width: 100% !important;}</blockquote>
<br />
<span style="color: #004080;">To align right:-</span><br />
<blockquote>
<pre>#header-inner {background-position: right !important; width: 100% !important;}</pre>
<br /></blockquote>
<br />
<br />
<b><span style="color: #004080;">If you used "Instead Of Title And Desciption" or "Have description placed after image" option. </span></b><br />
<br />
<br />
<span style="color: #004080;">To Align Center</span> <br />
<br />
<br />
<blockquote>
<br />
<pre>#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;} /*include this line if you are using Template Designer*/</pre>
<br /></blockquote>
<br />
<br />
<span style="color: #004080;">To Align Right</span><br />
<br />
<br />
<blockquote>
<br />
<pre>#header-inner img {margin: 0 auto 0 300px;}</pre>
</blockquote>
</div>
</div>Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com0tag:blogger.com,1999:blog-8901595494600178301.post-44210395123971586342012-07-04T07:17:00.001-07:002012-12-28T20:55:21.700-08:00New Official "Facebook Recommendation Bar" To Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
A new Facebook recommendations bar plug-in has introduced by facebook application developers.This plug-in can also be added to blogger easily.This facebook recommendation bar was located at the any side of the footer with showing facebook like symbol along with maximize button.whenever the visitor open page automatically this facebook bar opens as time fixed by you in the script.<br />
<b><span style="color: #004080;">Advantages of this facebook recommendations Bar</span></b><br />
Increase of blogger page views<br />
More Likes For Facebook Page.<br />
<b><span style="color: #004080;">Install Recommendation Bar On Blogger</span></b><br />
To install it on blogger you need to create a facebook app and add app id to script and add it to blogger template.<br />
<b>Get Facebook Id</b><br />
1. Go to <a href="http://developers.facebook.com/setup/">Facebook Developers Page</a> <br />
2.App Name as your wish <b>Ex:- Recommendation Bar</b><br />
<a href="http://lh5.ggpht.com/-g445IR8b_sg/T_Aj6AGMp2I/AAAAAAAAAKc/zhI5oK-xOBo/s1600-h/FacebookrecomendationbarScreenshots1%25255B2%25255D.png"><img alt="Facebook recomendation bar Screenshots" border="0" height="123" src="http://lh5.ggpht.com/-pS58P8tFumQ/T_Aj7Fz0QfI/AAAAAAAAAKk/RYKABrPJT5Q/FacebookrecomendationbarScreenshots_%25255B1%25255D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Facebook recomendation bar Screenshots" width="400" /></a> 3.Web Hosting and App Namespace are Optional (Leave Them) <br />
4.Click On ‘Continue’<br />
5.Enter Captcha and Click on Submit. 6.In the next page add only your website address at <b>Website with facebook login</b><br />
<a href="http://lh4.ggpht.com/--ZfGixrTANs/T_Ap12r4mWI/AAAAAAAAAKw/dbTOQj3fIBc/s1600-h/FacebookrecomendationbarScreenshots1.png"><img alt="Facebook recomendation bar Screenshots" border="0" height="203" src="http://lh6.ggpht.com/-NozAPTG_afQ/T_Ap2xTGQsI/AAAAAAAAAK4/R3nSHAKkvGs/FacebookrecomendationbarScreenshots_%25255B3%25255D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Facebook recomendation bar Screenshots" width="400" /></a> 7.Now Click On ‘<b>Save Changes’</b> Button at below.<br />
<a href="http://lh5.ggpht.com/-_G3CkptmP1E/T_Ap3oe2SJI/AAAAAAAAALA/dlusdarG-O0/s1600-h/FacebookrecomendationbarScreenshots4.png"><img alt="Facebook recomendation bar Screenshots" border="0" height="32" src="http://lh6.ggpht.com/-fTsJAp3CMDk/T_Ap4cMsuOI/AAAAAAAAALE/M9DvRSZnKwU/FacebookrecomendationbarScreenshots_%25255B2%25255D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Facebook recomendation bar Screenshots" width="100" /></a> 8.Now Copy app Id and Paste it in notepad for further Use.<br />
<a href="http://lh4.ggpht.com/-fUcl-kLJiPw/T_Ap4wxAiII/AAAAAAAAALM/YMWi1WBBx9M/s1600-h/FacebookrecomendationbarScreenshots2%25255B1%25255D.png"><img alt="Facebook recomendation bar Screenshots" border="0" height="169" src="http://lh6.ggpht.com/-sHbRPsJf6BA/T_Ap50AWh4I/AAAAAAAAALY/Zv6dvX_phqg/FacebookrecomendationbarScreenshots_.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Facebook recomendation bar Screenshots" width="450" /></a><b><span style="color: #004080;">Code For Blogger-</span></b><br />
1.Go to Blogger->>Design->>Edit Html->> <br />
2.Back up your template. 3.search for <b><html</b> and replace it with below code<br />
<blockquote>
<b><html</b> xmlns:fb='http://ogp.me/ns/fb#'</blockquote>
4.Next search for the below code<br />
<blockquote>
<body> <br />
or <br />
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'></blockquote>
5.Add below code after any of the above code<br />
<blockquote>
<div id='fb-root'/> <br />
<script> <br />
//Facebook Recommendation bar by www.mybloggertricks.com <br />
//<![CDATA[<br />
(function(d, s, id) { <br />
var js, fjs = d.getElementsByTagName(s)[0]; <br />
if (d.getElementById(id)) return; <br />
js = d.createElement(s); js.id = id; <br />
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=<b><span style="color: #004080;">Your App Id</span></b>"; <br />
fjs.parentNode.insertBefore(js, fjs); <br />
}(document, 'script', 'facebook-jssdk'));<br />
//]]> <br />
</script> <br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div style='z-index:999999; position:absolute;'> <br />
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='<b><span style="color: #004080;">10</span></b>' side='<b><span style="color: #004080;">right</span></b>' site=<b><span style="color: #004080;">'http://www.newehow.blogspot.com'</span></b> trigger='40%'/></div> <br />
</b:if></b:if></blockquote>
9.Make Changes In above code in highlighted color.<br />
<b><span style="color: #004080;">Better to add this code to get clarity in post thumbnails in facebook recommendation bar</span></b><br />
Add below code after head<br />
<blockquote>
<meta content='article' property='og:type'/> <br />
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> <br />
<meta expr:content='data:blog.title' property='og:site_name'/> <br />
<meta expr:content='data:blog.pageName' property='og:title'/> </blockquote>
10.That’s all.</div>Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com0tag:blogger.com,1999:blog-8901595494600178301.post-40844643942542497312012-06-16T05:51:00.001-07:002012-12-28T08:25:35.382-08:003 Ways To Increase Traffic from Outside Your Website.<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTOqtNgjSsACsxOLp00p7jVf66OtdKDMt3LyV2uIOTDh1Jxunykwhbbj_sVvVeaxIbypSxIaxIq0kGQncvPq_unkeNEHdRgbaQ2Y-KnME4v72tpgRoCrCLfnLoZ7lBWlYcIwdluGH5CekW/s1600-h/Seo%252520tricks%252520to%252520increase%252520outside%252520traffic%252520stats%252520of%252520website%25255B4%25255D.jpg"><img style="border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px" title="Seo tricks to increase outside traffic stats of website" border="0" alt="Seo tricks to increase outside traffic stats of website" align="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP4CMm40FMWQ46FAXQ6FXtHpvK4IrUl3SYrFbG1-CTT0SGe4me2fc9TdGlXfDkHWasMvfqSpq52MSZguLZYAjh6pgcBODjd727CUP_VHvFHYCOCDgJxOJmrsE12Po70e4e5YXr18JqyqCX/?imgmax=800" width="240" height="163"></a> Hi Friends,if your blog consists of less traffic and visitors even if you have good content.This effect cannot make more money by monetized ads on your website.At the starting stage of my blog i too faced same problem,sometimes it made me to feel that i consists of not good content.But after last month i went to learn some “seo” tips which made my traffic stats to increase and earn more money.All the visitors to “MMB” here is the “Seo Trick” to get more traffic to your site.</p> <h2>1.Social Networking Sites:-</h2> <p>Social networking sites like Facebook,Twitter,Technorati,Pin interest,Google plus and Linkedin is the finest way to get traffic to sites just by registering and submitting your website link.This Social Networking Sites import our website posts and they show on their sites,in this way you can get increase traffic stats.</p> <h2>2.Comment and Commenting:-</h2> <p>I am expert in finding and research in Facebook Plug-in and Some of blogging tricks.When i visit others blogs and forums which suitable to my categories and then i visit the comments section if any one face problem with specific post,then i post a comment along with my website link.Now if any user get benefit by by comment he can visit my Website.You can also simply comment if you don’t no any thing.This also can can increase your blog stats and visits.</p> <h2>3.Youtube:-</h2> <p>This is some what hard way but i give some tips to implement this trick,you make the videos and tutorials of your website posts and show the link of your website inside the videos and in description.If the viewer enjoy your video then 90% he will visit your blog for more posts.</p> Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com1tag:blogger.com,1999:blog-8901595494600178301.post-50029675225732390232012-06-14T09:39:00.001-07:002012-12-28T20:54:44.844-08:00How To Create ‘Sitemap Page’ To Blogger Posts ?<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://lh4.ggpht.com/-IJaOi2uoSXM/T88GmXwfPYI/AAAAAAAAAEA/n7X7zy4MPxU/s1600-h/sitemap%252520with%252520table%252520of%252520conents%252520of%252520blogger%25255B5%25255D.png"><img alt="sitemap with table of conents of blogger" border="0" height="225" src="http://lh4.ggpht.com/-rdbEafX4mlQ/T88GnQkLQwI/AAAAAAAAAEI/nTgO-WfI7y4/sitemap%252520with%252520table%252520of%252520conents%252520of%252520blogger_thumb%25255B3%25255D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="sitemap with table of conents of blogger" width="350" /></a> Creating sitemap may lead to the increase of page rank and also increase of best search engine results of blogger website.Sitemap is the place where the visitors can see each post published by you along with categories.The creation of sitemap page using script given by <a href="http://www.abu-farhan.com/" target="_blank">abufarahan</a>.<br />
<h2>
Part1</h2>
1.Go to blogger.<br />
2.Select New Page—>> Blank page<br />
3.Now Edit Html<br />
4.Add below code in it.<br />
<blockquote>
<pre><script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="<b><span style="color: #0080ff;">http://www.bloggertricksandtips.in</span></b>/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></pre>
</blockquote>
<br />
5.Change <b><a href="http://www.bloggertricksandtips.in/"><span style="color: #0080ff;">http://www.bloggertricksandtips.in</span></a></b> with your blog url</div>Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com0tag:blogger.com,1999:blog-8901595494600178301.post-73588849665665323892012-06-14T06:01:00.001-07:002012-12-28T08:25:35.396-08:00Add New Stylish On Hover Sassy Social share rotating buttons.<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://lh5.ggpht.com/-hd54_S_LIrc/T9nc5pOdGgI/AAAAAAAAA0g/mQEq9BcUjqU/shareaholicsaasybookmarksocialshareb%25255B1%25255D.gif?imgmax=800"><img align="left" alt="shareaholic-saasy-bookmark social share buttons for blogger" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLPRkBWcqoSFtm2aO-1eg8Hi1O1kfDJGwf4M_TjJyG5ucrM9BknbZdDlDmRmbDS0M8ERS7frcpDc4otMgGNWlo4PcFvmsPHUUFddRiVHbKVBWY847OSLZD2tS0Tc7pDeGkczPpREE7On1x/?imgmax=800" style="display: inline; margin-left: 0px; margin-right: 0px;" title="shareaholic-saasy-bookmark social share buttons for blogger" width="237" /></a> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Social Sharing and Social bookmarking made easy on blogs and websites through applying stylish social share buttons in different formats.Due to this increasing, the social sharing button developers want their widgets to be top and working hard on customization.Recently the Shareaholic has introduced the new awesome sassy social sharing and bookwidget,which on hover rotates and pop-up all social share buttons at the edge of the left side of Blogger or Website.<br />
You can see my blogger or above image for <b>Demo.</b><br />
<h2>
Add New Shareaholic SaSSy Social Share Buttons Widget For Blogger Or Website</h2>
1.Go to <a href="http://www.shareaholic.com/publishers/sharing/sassybookmarks" target="_blank">Shareaholic</a> .<br />
2.Click on Website on Left side<br />
<a href="http://lh4.ggpht.com/-lGs7wuFXWbc/T9neKnZE7TI/AAAAAAAAA0w/HIe2JVPYYyU/shareaholicbookmarks4.png?imgmax=800"><img alt="shareaholic bookmarks" border="0" height="240" src="http://lh6.ggpht.com/-bdRocj1qHwY/T9nfWtseZuI/AAAAAAAAA04/51DZBAWIVZ0/shareaholicbookmarks_thumb2.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="shareaholic bookmarks" width="228" /></a>3.Now copy the code at the Right side.<br />
<a href="http://lh3.ggpht.com/-CRsHJMWXQAQ/T9nfX7PC0uI/AAAAAAAAA1A/fjyzOb2bv9w/shareaholicSahringsassybuttons4.png?imgmax=800"><img alt="shareaholic Sahring sassy buttons" border="0" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhioKbXXYEkoxu4Y9gi968Oq7hR14Jwe5wi3SKRosjdsTqp3PV2FdvfxQDKHrsLwD2tbtdXXSCYB1kMjSjl_mnS80OG6Ry-dCc7ns7q-cHN91Tc5V1Fv21BwqBeP3L8f42fMEh21OTdZY20/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="shareaholic Sahring sassy buttons" width="550" /></a> <br />
4.Log in to Blogger.<br />
5.Back up Template<br />
6.Template >> Edit Html<br />
7.Search for the code <b></body></b> using ctrl+f shortcut key.<br />
8.Paste <span style="color: red;">Step3</span> Code <span style="color: red;">Above</span> <b></body></b><br />
9.Save Template and Bingo!</div>Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com0tag:blogger.com,1999:blog-8901595494600178301.post-79534024178912146242012-06-14T00:52:00.001-07:002012-12-28T20:56:33.841-08:00Add Related Posts With Thumbnails Below Blogger Posts?<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://lh4.ggpht.com/-7elCQuyh884/T9GMiOlG54I/AAAAAAAAAGo/ZrAq35d8o3s/related%252520posts%252520with%252520thumbnails%252520for%252520blogger%25255B5%25255D.png?imgmax=800"><img alt="related posts with thumbnails for blogger" border="0" height="147" src="http://lh5.ggpht.com/-iocXd1Gxe1A/T9GNuIbLcvI/AAAAAAAAAGw/4d-JaXq3mNM/related%252520posts%252520with%252520thumbnails%252520for%252520blogger_thumb%25255B3%25255D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="related posts with thumbnails for blogger" width="304" /></a> Related posts is useful to show the others posts related to the present open post page.Suppose, you are publishing a faceebook post when the visitor open this post he also can see the related posts of facebook at the end of post.Today related posts become the alternative to every bloggers post.You can add this related posts with thumbnails of your posts.Follow below tutorial to add this related posts widget to your blogger.<br />
<h2>
Part1</h2>
1.Log in To Blogger account.<br />
2.Back up Template.<br />
3.Template- >> Edit Html<br />
4.Search the </head> using ctrl+f shortcut key.<br />
5.Add below code above </head><br />
<blockquote>
<!--Related Posts with thumbnails Scripts and Styles Start--><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<style type='text/css'><br />
#related-posts {float:center;text-transform:none;height:100%;min-height:100%;margin-top:10px;padding-top:5px;padding-bottom:5px}<br />
#related-posts h2{font-size:12px;color:#000;font-weight:400;margin-bottom:0.4em;margin-top:0em;padding-top:0em}<br />
#related-posts a{color:#000;text-align:center}<br />
#related-posts a:hover{color:#FFF;text-shadow:0 0 1px #222;text-align:center}<br />
#related-posts a:hover{background-color:#222;border:none}<br />
</style><br />
<script type='text/javascript'><br />
//<![CDATA[ <br />
//Script by Aneesh of www.bloggerplugins.org<br />
//Released on August 19th August 2009<br />
var relatedTitles = new Array();<br />
var relatedTitlesNum = 0;<br />
var relatedUrls = new Array();<br />
var thumburl = new Array();<br />
function related_results_labels_thumbs(json) {<br />
for (var i = 0; i < json.feed.entry.length; i++) {<br />
var entry = json.feed.entry[i];<br />
relatedTitles[relatedTitlesNum] = entry.title.$t;<br />
try <br />
{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}<br />
catch (error){<br />
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){<br />
thumburl[relatedTitlesNum]=d;} else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU6aeNisB-EmQtLp-iV6u4p1Af34P1n46V0mkKi6ByvoqVMp5Z8EXHtyA3kWTKmBwf5vtDlI-E5qqGexUXUwKLMtvLQ74JFiGO0JSYXjHW3VB5baR6N6SUkd-XtzOQMqWYEFeU1O-Dyhg/s400/noimage.png';<br />
}<br />
if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35)+"...";<br />
for (var k = 0; k < entry.link.length; k++) {<br />
if (entry.link[k].rel == 'alternate') {<br />
relatedUrls[relatedTitlesNum] = entry.link[k].href;<br />
relatedTitlesNum++;<br />
}<br />
}<br />
}<br />
}<br />
function removeRelatedDuplicates_thumbs() {<br />
var tmp = new Array(0);<br />
var tmp2 = new Array(0);<br />
var tmp3 = new Array(0);<br />
for(var i = 0; i < relatedUrls.length; i++) {<br />
if(!contains_thumbs(tmp, relatedUrls[i])) <br />
{<br />
tmp.length += 1;<br />
tmp[tmp.length - 1] = relatedUrls[i];<br />
tmp2.length += 1;<br />
tmp3.length += 1;<br />
tmp2[tmp2.length - 1] = relatedTitles[i];<br />
tmp3[tmp3.length - 1] = thumburl[i];<br />
}<br />
}<br />
relatedTitles = tmp2;<br />
relatedUrls = tmp;<br />
thumburl=tmp3;<br />
}<br />
function contains_thumbs(a, e) {<br />
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;<br />
return false;<br />
}<br />
function printRelatedLabels_thumbs() {<br />
for(var i = 0; i < relatedUrls.length; i++)<br />
{<br />
if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i])))<br />
{<br />
relatedUrls.splice(i,1);<br />
relatedTitles.splice(i,1);<br />
thumburl.splice(i,1);<br />
i--;<br />
}<br />
}<br />
var r = Math.floor((relatedTitles.length - 1) * Math.random());<br />
var i = 0;<br />
if(relatedTitles.length>0) document.write('<h2>'+relatedpoststitle+'</h2>');<br />
document.write('<div style="clear: both;"/>');<br />
while (i < relatedTitles.length && i < 20 && i<maxresults) {<br />
document.write('<a style="text-decoration:none;padding:5px;float:left;');<br />
if(i!=0) document.write('border:none"');<br />
else document.write('"');<br />
document.write(' href="' + relatedUrls[r] + '"><img style="width:100px;height:85px;border:2px outset #EAEAEA" src="'+thumburl[r]+'"/><br/><div style="width:90px;padding-left:10px;height:25px;border:none;margin:3px 0px 0px;padding-top:5px;font-style:normal;font-variant:normal;font-weight:normal;font-size:11px;line-height:normal;font-size-adjust:none;font-stretch:normal;">'+relatedTitles[r]+'</div></a>');<br />
if (r < relatedTitles.length - 1) {<br />
r++;<br />
} else {<br />
r = 0;<br />
}<br />
i++;<br />
}<br />
document.write('</div>');<br />
relatedUrls.splice(0,relatedUrls.length);<br />
thumburl.splice(0,thumburl.length);<br />
relatedTitles.splice(0,relatedTitles.length);<br />
}<br />
//]]><br />
</script><br />
</b:if><br />
<!--Related Posts with thumbnails Scripts and Styles End--></blockquote>
6.Save Template.<br />
<h2>
Part2</h2>
1.Now Tick at <input checked="checked" type="checkbox" /> Expand Widgets.<br />
2.Search for the any one of following code<br />
<blockquote>
<div class='post-footer-line post-footer-line-1'><br />
(or)<br />
<p class='post-footer-line post-footer-line-1'></blockquote>
3.paste below code before at any one of the above codes<br />
<blockquote>
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<!-- Related Posts with Thumbnails Code Start--><br />
<div id='related-posts'><br />
<b:loop values='data:post.labels' var='label'><br />
<b:if cond='data:label.isLast != &quot;true&quot;'><br />
</b:if><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=10&quot;' type='text/javascript'/></b:if></b:loop><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b>var maxresults=</b><b>8</b>;<br />
var relatedpoststitle=&quot;<b>Related Posts :</b>&quot;;<br />
removeRelatedDuplicates_thumbs();<br />
printRelatedLabels_thumbs();<br />
</script><br />
</div><div style='clear:both'/><br />
</b:if><br />
<!-- Related Posts with Thumbnails Code End--></blockquote>
4.Save Template.</div>Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com0tag:blogger.com,1999:blog-8901595494600178301.post-10902749259776985192012-06-14T00:45:00.000-07:002012-12-28T20:57:08.228-08:00How To Add Facebook Comment Box Plugin To Blogger?<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://lh4.ggpht.com/-4xXffx0E4S8/T9IuxBllhBI/AAAAAAAAAG8/tJFXgjdm1SM/s1600-h/facebook%252520comments%252520box%252520in%252520blogger%25255B55%25255D.png"><img align="left" alt="facebook comments box in blogger" border="0" height="174" src="http://lh3.ggpht.com/-3GlCXm901TQ/T9Iux-EFOMI/AAAAAAAAAHE/BUexzqQhreg/facebook%252520comments%252520box%252520in%252520blogger_thumb%25255B41%25255D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="facebook comments box in blogger" width="474" /></a> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
In 2009 Facebook Developers introduced their best social plugin is “Facebook Comment Box”.This plugin can be embedded into any blog,websites and also in google blogger.In the starting of this plugin embedded in websites make some difficult work and sometimes it don’t work.Our senior blogger Max (founder of <a href="http://allblogtools.com/" target="_blank">Allblogtools</a>) made this easy to work perfect on any bloggers blogs.Using below option you can also save previous comments.<br />
<h2>
Part1</h2>
1.Login to your Facebook.<br />
2.Then go to <a href="https://developers.facebook.com/apps" target="_blank"><span style="color: #0080c0;">Developers Page</span></a><br />
3.Select “Create App”<br />
<a href="http://lh6.ggpht.com/-0KhsrxD8LhQ/T9IuyzYAoII/AAAAAAAAAHI/hdT_dZGsFy8/s1600-h/facebook%252520comments%252520box%252520in%252520blogger%25255B5%25255D.png"><img alt="facebook comments box in blogger" border="0" height="34" src="http://lh3.ggpht.com/-fQjqHis1_5k/T9Iuzw7BoTI/AAAAAAAAAHQ/wJ_mS7mjF88/facebook%252520comments%252520box%252520in%252520blogger_thumb%25255B3%25255D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="facebook comments box in blogger" width="207" /></a> <br />
4.Now you will see pop-up window as below<br />
<a href="http://lh3.ggpht.com/-inGZ2HdBxnQ/T9Iu0u3O-xI/AAAAAAAAAHc/CK384Gqf-ws/s1600-h/facebook%252520comments%252520box%252520in%252520blogger%25255B18%25255D.png"><img alt="facebook comments box in blogger" border="0" height="237" src="http://lh6.ggpht.com/-JCaO0uS6GVk/T9Iu2K_DQuI/AAAAAAAAAHk/xiOTkeCgx24/facebook%252520comments%252520box%252520in%252520blogger_thumb%25255B12%25255D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="facebook comments box in blogger" width="500" /></a> <br />
5.In App Name-write your blog title<br />
6.Leave App Namespace and Web Hosting<br />
7.and click on continue.<br />
<a href="http://lh6.ggpht.com/-bYCncQY4ZNY/T9Iu3IODVyI/AAAAAAAAAHo/9AnKABP-pCo/s1600-h/facebook%252520comments%252520box%252520in%252520blogger%25255B16%25255D.png"><img alt="facebook comments box in blogger" height="237" src="http://lh3.ggpht.com/-ra9h9LwSdmo/T9Iu4YQPWII/AAAAAAAAAHw/mnw99F94lzA/facebook%252520comments%252520box%252520in%252520blogger_thumb%25255B10%25255D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto;" title="facebook comments box in blogger" width="500" /></a> <br />
8.Enter Captcha and click on Submit.<br />
9.In the new window click on <b>Edit App</b><br />
<a href="http://lh5.ggpht.com/-0DQwshZ2CuQ/T9Iu5MOaFKI/AAAAAAAAAH8/7LtqD8jZy5Y/s1600-h/facebook%252520comments%252520box%252520in%252520blogger%25255B27%25255D.png"><img alt="facebook comments box in blogger" border="0" height="97" src="http://lh6.ggpht.com/-pCF9FpAuPao/T9Iu6ECDmYI/AAAAAAAAAIE/QzysDMR4Fgg/facebook%252520comments%252520box%252520in%252520blogger_thumb%25255B19%25255D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="facebook comments box in blogger" width="602" /></a> <br />
10.Fill required fields as below image<br />
<a href="http://lh3.ggpht.com/-0Zf9JkFIZVo/T9Iu7XdbbbI/AAAAAAAAAII/ZKwh0ffN7ys/s1600-h/facebook%252520comments%252520box%252520in%252520blogger%25255B34%25255D.png"><img alt="facebook comments box in blogger" border="0" height="523" src="http://lh6.ggpht.com/-pRKSpV_pPwQ/T9Iu8oy1U1I/AAAAAAAAAIU/1XRnlTD9EwY/facebook%252520comments%252520box%252520in%252520blogger_thumb%25255B24%25255D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="facebook comments box in blogger" width="602" /></a> <br />
11.Save changes.<br />
12.Now copy the <b>App Id code</b> to notepad<br />
<a href="http://lh4.ggpht.com/-wVrIOYoS0y8/T9Iu9_iuVxI/AAAAAAAAAIY/AHrH9gsh6O0/s1600-h/facebook%252520comments%252520box%252520in%252520blogger%25255B47%25255D.png"><img align="left" alt="facebook comments box in blogger" border="0" height="161" src="http://lh3.ggpht.com/-Q69_76-ig5w/T9Iu-yyBX6I/AAAAAAAAAIg/TjC04hCY1pY/facebook%252520comments%252520box%252520in%252520blogger_thumb%25255B35%25255D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="facebook comments box in blogger" width="602" /></a> <br />
<br />
<br />
<br />
<br />
<br />
<h2>
Part2</h2>
1.Log in to blogger.<br />
2.Template >> Edit Html<br />
3.Tick at <input checked="checked" type="checkbox" /> Expand Widgets.<br />
4.Search for <html and just after it give a space and add this code,<br />
<blockquote>
xmlns:fb='http://www.facebook.com/2008/fbml'</blockquote>
5.Next Search For any of the codes<br />
<blockquote>
<body></blockquote>
(or)<br />
<pre><blockquote>
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'></blockquote>
</pre>
<pre>6.Just after it paste below code</pre>
<br />
<blockquote>
</blockquote>
<br />
<blockquote>
<br />
<div id='fb-root'/> <br />
<script> <br />
window.fbAsyncInit = function() { <br />
FB.init({ <br />
appId : &#39;<b><span style="color: #0080c0;">YOUR_APP_ID</span></b>&#39;, <br />
status : true, // check login status <br />
cookie : true, // enable cookies to allow the server to access the session <br />
xfbml : true // parse XFBML <br />
}); <br />
};<br />
(function() { <br />
var e = document.createElement(&#39;script&#39;); <br />
e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;; <br />
e.async = true; <br />
document.getElementById(&#39;fb-root&#39;).appendChild(e); <br />
}()); <br />
</script></blockquote>
<br />
7.Replace <span style="color: #0080c0; font-size: small;"><b>App Id</b></span> with that you saved in Notepad.<br />
<br />
8.Next search for </head> and just above it add below code<br />
<br />
<blockquote>
<br />
<meta expr:content='data:blog.pageTitle' property='og:title'/> <br />
<meta expr:content='data:blog.url' property='og:url'/> <br />
<meta content='<b>Blogger Tricks</b>' property='og:site_name'/> <br />
<meta content='<b>BLOG-LOGO-IMAGE-LINK</b>' property='og:image'/> <br />
<meta content='<b>YOUR_APP_ID </b>' property='fb:app_id'/> <br />
<meta content='<b>http://www.facebook.com/bloggertricks</b>' property='fb:admins'/> <br />
<meta content='article' property='og:type'/></blockquote>
<br />
9.Make these changes(customizations):<br />
<br />
a.Replace <b>Blogger Tricks</b>with Title of your blog<br />
<br />
b.<b>BLOG-LOGO-IMAGE-LINK</b>' with Your blog logo.<br />
<br />
c.Replace '<b>YOUR_APP_ID </b>with that code saved in notepad.<br />
<br />
d.Change <b>http://www.facebook.com/bloggertricks </b>with facebook page id.<br />
<br />
10Now,search for the code<br />
<br />
<blockquote>
<br />
<b:includable id='comment-form' var='post'></blockquote>
<br />
11.Just after it paste the code given below,<br />
<br />
<blockquote>
<br />
<b:if cond='data:blog.pageType == &quot;item&quot;'> <br />
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <br />
<div> <fb:comments colorscheme='<b>light</b>' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' <b>width='520'</b>/></div> <br />
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; <b>width:510px</b>;'>Facebook Blogger Plugin: Bloggerized by <b><a alt='blogger templates' href='http://www.allblogtools.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>AllBlogTools.com</a></b> Enhanced by <b><a alt='blogger widgets' href='http://www.mybloggertricks.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>MyBloggerTricks.com</a></b></div></div> <br />
</b:if></blockquote>
<br />
12.Save template and you are done.</div>Anonymoushttp://www.blogger.com/profile/08964490639939860945noreply@blogger.com1