Bitcoin | Earn Bitcoin | Earn Bitcoin Free

Add Facebook popup like box to blog

Admin 2 Blogger Plugins, Blogger Widgets 18:03

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyuhDOW7J-MAe7AFB1YCH3hSVLq6cFskKQ83ZkNfbl7o750Tvjg9Xvg3-Z5-gt_mLjrgPfGnNHku7DMighDgE_0lsB8K0k-c8tg_vmysXK5j79OG5OxCduyZJHlfwvO3vb9r5CxYvyJ0SM/s1600/facebook+likebox1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Add Facebook popup like box to blogger" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyuhDOW7J-MAe7AFB1YCH3hSVLq6cFskKQ83ZkNfbl7o750Tvjg9Xvg3-Z5-gt_mLjrgPfGnNHku7DMighDgE_0lsB8K0k-c8tg_vmysXK5j79OG5OxCduyZJHlfwvO3vb9r5CxYvyJ0SM/s200/facebook+likebox1.png" title="Add Facebook popup like box to blog" width="171" /></a></div>
<h2 style="text-align: left;">
Add Facebook popup like box to blog</h2>
<div>
Add Facebook popup like box to blog and hijack your blog with huge traffic, one way to make stay tuned of your visitors is by social media and one popular way you can make your visitors visit your blog multiple times by this simple Facebook popup like box. </div>
<div>
<br /></div>
<div>
How this Facebook popup like box to blog works: This is a simple plugin pops up when your blog/website loads, that makes your viewer to like your page on Facebook this is a simple one so there is no timer it will be popped up till the user reacts to close or like your page, This displays your Facebook page profile picture, and like button, and your Facebook page fans who are interested in your blog/website.</div>
<div>
<br /></div>
<h3 style="text-align: left;">
Live Demo: Add Facebook popup like box to blog</h3>
<div>
<br /></div>
<div style="border: 3px dotted rgb(0, 153, 204); padding: 40px; text-align: center;">
<a class="button blue big" href="http://earnanytimeonline.blogspot.in/2015/01/earn-bitcoins-daily-hacked-in.html" target="_blank">Live Demo</a></div>
<h3 style="text-align: left;">
How to Add Facebook popup like box to blog</h3>
<div>
Step 1: First Go to blogger dashboard and select Template</div>
<div>
<br /></div>
<div>
Step 2: Backup your template and click EDIT HTML</div>
<div>
<br /></div>
<div>
Step 3: Click Ctrl + F and find </body> </div>
<div>
<br /></div>
<div>
Step 4: Final step is to paste the given code just above </body></div>
<div>
<br /></div>
<div>
<blockquote>
<br />
<style type="text/css"><br />
* html #tpfanbox{position:absolute}<br />
#tpfanbox{display:block;top:0px;left:0px;width:100%;height:100%;margin:0;overflow-y:auto; z-index:9999}<br />
#tpfanboxx{background-color:#fff;overflow:none}<br />
.tpfanboxx{width:320px;height:380px;position:fixed;top:45%;left:50%;margin-top:-200px; margin-left:-200px;border:7px solid #6D85B5;padding:20px;z-index:9999}<br />
.tptitle{background:#3B5999;color:#fff;font-size:16px !important;font-weight:bold;margin:5px 0;border-left:20px solid #6D85B5;padding:10px;line-height:25px;font-family:Arial !important; float:left;z-index:9999}<br />
</style><br />
<br />
<div id="tpfanbox"><br />
<div id="tpfanboxx" class="tpfanboxx"><br />
<h3 class="tptitle">GET ALL UPDATES VIA FACEBOOK JUST PRESS <img alt="Like" style="vertical-align:middle" src="http://goo.gl/bX6c0" /> BUTTON</h3><br />
<center><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="background-color: #ffd966;">FACEBOOK_PAGE_NAME</span>&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe></center><br />
<br/><br />
<center style="float:left; margin-left:10px;cursor:pointer;"><a style=" font-size:xx-small; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('tpfanbox').style.display='none'">[X] CLOSE</a></center><br />
<center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;">+Get this at</span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href="http://btctrickz.blogspot.in/2015/06/add-facebook-popup-like-box-to-blog.html">BTCtrickz</a></center><br />
</div></div><br />
</blockquote>
<br />
Now replace the <span style="background-color: #f1c232;">FACEBOOK PAGE NAME</span> in yellow color of your Facebook page of your website/blog.<br />
<br />
Now check your blog/website with a new simple plugin of Facebook like popup box,<br />
<br />
Like us on <a href="https://www.facebook.com/btctrickz" target="_blank">FACEBOOK</a> and <a href="https://www.twitter.com/btctrickz" target="_blank">TWITTER</a> .<br />
<br />
Leave us a reply and comments.</div>
</div>

Add Facebook popup like box to blog

Add Facebook popup like box to blog Add Facebook popup like box to blog and hijack your blog with huge traffic, one way to make stay t...

Add Stylish Navigation Next/Previous Post on hover

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3QtAELm58G3I4ywmaZqaw9H9abDWZ7kpSmZXknDSxi-JWAVL8yRa-NlhoTtzQrMKc_JGr9XRmynSLUd1ZLy2M0NAi3187P2nVn3Isy5CeDsgVccuLwH-Ss9bGhrZayZs3-raRxs5V_f56/s1600/RI.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3QtAELm58G3I4ywmaZqaw9H9abDWZ7kpSmZXknDSxi-JWAVL8yRa-NlhoTtzQrMKc_JGr9XRmynSLUd1ZLy2M0NAi3187P2nVn3Isy5CeDsgVccuLwH-Ss9bGhrZayZs3-raRxs5V_f56/s320/RI.png" width="320" /></a></div>
<h2 style="text-align: left;">
Add Stylish Navigation Post on hover to blog/blogger.</h2>
<div>
Add Stylish Navigation Post on hover to blog/blogger and make your subscribers to stay and read your other articles by recommending them by your previous and next articles on your blog or website, with stylish navigation as shown for Live demo see below.</div>
<div>
<br /></div>
<div>
This Adds your blog/website to drive traffic by showing them your previous and next articles, this brings a style to your blog/website with hover and transition effects you can see live demo here</div>
<div>
<br /></div>
<h3 style="text-align: left;">
Live Demo for  Add Stylish Navigation Post on hover to blog/blogger</h3>
<div>
<br /></div>
<div style="border: 3px dotted rgb(0, 153, 204); padding: 40px; text-align: center;">
<a class="button blue big" href="http://btctrickzdemo.blogspot.in/2015/06/add-recommendation-index-navigation-to.html" target="_blank">Live Demo</a></div>
<div>
<br />
<h4 style="text-align: left;">
To Add Stylish Navigation Post on hover to blog/blogger follow below steps:</h4>
</div>
<div>
We have three parts to install this to your blog/website</div>
<div>
<br /></div>
<div>
Part 1: Make sure that your html template has <span style="background-color: #ffd966;"><div class='post-footer-line post-footer-line-3'></span> code</div>
<div>
<br /></div>
<div>
If you don't find the above code do the following steps:</div>
<div>
<br /></div>
<div>
Step 1: Find <span style="background-color: white; font-family: 'Courier 10 Pitch', Courier, monospace; font-size: 16px; line-height: 26px;"><b:includable id='post' var='post'></span></div>
and paste the following code below or between closing tag of </b:includable><br />
<div>
<br /></div>
<div>
<blockquote class="tr_bq">
<br />
<div class='post-footer'><br />
<div class='post-footer-line post-footer-line-1'><br />
</div><br />
<div class='post-footer-line post-footer-line-2'></div><br />
<div class='post-footer-line post-footer-line-3'></div><br />
</div><br />
</blockquote>
</div>
<div>
Part 2 : If your blog contains Post-footer-line then skip the part 1 now we are going to add CSS code to your blog do the following</div>
<div>
<br /></div>
<div>
Step 1: Find the code <span style="background-color: white; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; line-height: 26px;">]]></b:skin> paste the following code just above it </span></div>
<div>
<br /></div>
<div>
Step 2: Add the following CSS code</div>
<div>
<br /></div>
<div>
<blockquote>
/*---------- Growpopup index next/prev part2 start --------------*/<br />
.svg-wrap{position:absolute;width:0;height:0;overflow:hidden;overflow-x:hidden;overflow-y:hidden}.nav-growpop a{position:fixed;top:50%;display:block;outline:0;text-align:left;z-index:1000;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.nav-growpop a.prev{left:0}.nav-growpop a.next{right:0}.nav-growpop a svg{display:block;margin:0 auto;padding:0}.nav-growpop .icon-wrap{position:relative;z-index:100;display:block;padding:13px 5px;border:0 solid rgb(240, 113, 113);background:rgb(240, 113, 113);-webkit-transition:border-width .3s .15s;transition:border-width .3s .15s}.nav-growpop svg.icon{fill:#fff}.nav-growpop div{position:absolute;top:50%;padding:20px;width:440px;height:144px;background:#f8f8f8;opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}.nav-growpop a.prev div{left:0;padding:20px 25px 0px 45px;-webkit-transform:translateY(-50%) translateX(-100%) scale(0.75);transform:translateY(-50%) translateX(-100%) scale(0.75)}.nav-growpop a.next div{right:0;padding:20px 45px 0px 25px;-webkit-transform:translateY(-50%) translateX(100%) scale(0.75);transform:translateY(-50%) translateX(100%) scale(0.75)}.nav-growpop span{display:block;padding-bottom:5px;border-bottom:1px solid #ddd;color:rgb(240, 113, 113);text-transform:uppercase;letter-spacing:1px;font-weight:400;font-size:.7em;line-height:1.2}.nav-growpop>h3{margin:0;padding:8px 0 10px;color:#4d4d4d;font-weight:300;font-size:1.14em;line-height:1.2;font-style: italic;}.nav-growpop a:hover .icon-wrap{border-top-width:40px;border-bottom-width:40px;-webkit-transition-delay:0s;transition-delay:0s}.nav-growpop a:hover div{opacity:1;-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translateY(-50%) translateX(0) scale(1);transform:translateY(-50%) translateX(0) scale(1)}@media screen and (max-width:520px){.nav-growpop a.prev{-webkit-transform-origin:0 50%;transform-origin:0 50%}.nav-growpop a.next{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.nav-growpop a{-webkit-transform:translateY(-50%) scale(0.6);transform:translateY(-50%) scale(0.6)}}<br />
/*---------- Growpopup index next/prev part2 end --------------*/</blockquote>
<br />
Part 3: Now add the following HTML Code to your blog<br />
<br />
Step 1: Find the code post-footer-line-3 and do the second step<br />
<br />
Step 2: Add the following code just below the post-footer-line-3<br />
<br />
<blockquote>
<br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<nav class="nav-growpop"><b:if cond='data:olderPageUrl'><a class='prev' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'><span class="icon-wrap"><svg class="icon" width="24" height="24" viewBox="0 0 64 64"><use xlink:href="#arrow-left-2"/></svg></span><div><h3 class='older-link' expr:href='data:olderPageUrl'/></div></a></b:if><b:if cond='data:newerPageUrl'><a class='next' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;'><span class="icon-wrap"><svg class="icon" width="24" height="24" viewBox="0 0 64 64"><use xlink:href="#arrow-right-2"/></svg></span><div><h3 class='newer-link' expr:href='data:newerPageUrl'/></div></a></b:if></nav><div class='svg-wrap'><svg height='64' viewBox='0 0 64 64' width='64'><path d='M26.667 10.667q1.104 0 1.885 0.781t0.781 1.885q0 1.125-0.792 1.896l-14.104 14.104h41.563q1.104 0 1.885 0.781t0.781 1.885-0.781 1.885-1.885 0.781h-41.563l14.104 14.104q0.792 0.771 0.792 1.896 0 1.104-0.781 1.885t-1.885 0.781q-1.125 0-1.896-0.771l-18.667-18.667q-0.771-0.813-0.771-1.896t0.771-1.896l18.667-18.667q0.792-0.771 1.896-0.771z' id='arrow-left-2'/></svg><svg height='64' viewBox='0 0 64 64' width='64'><path d='M37.333 10.667q1.125 0 1.896 0.771l18.667 18.667q0.771 0.771 0.771 1.896t-0.771 1.896l-18.667 18.667q-0.771 0.771-1.896 0.771-1.146 0-1.906-0.76t-0.76-1.906q0-1.125 0.771-1.896l14.125-14.104h-41.563q-1.104 0-1.885-0.781t-0.781-1.885 0.781-1.885 1.885-0.781h41.563l-14.125-14.104q-0.771-0.771-0.771-1.896 0-1.146 0.76-1.906t1.906-0.76z' id='arrow-right-2'/></svg></div><br />
<script type='text/javascript'>//<![CDATA[<br />
(function(a){var c=a("h3.newer-link"),d=a("h3.older-link");a.get(c.attr("href"),function(b){c.html("<span>Next Stories</span><h3>"+a(b).find(".post h1.post-title").text()+"</h3>")},"html");a.get(d.attr("href"),function(b){d.html("<span>Previous Stories</span><h3>"+a(b).find(".post h1.post-title").text()+"</h3>")},"html")})(jQuery);<br />
//]]></script><br />
</b:if><br />
</blockquote>
<br />
Step 3: Save your template and check your blog/website with a nice Navigation menu for next and previous posts<br />
<br />
Note: Please follow the parts 1,2 and 3 to make it work perfectly with your blog if you have any error or comments please post it in comment box.<br />
<br />
Leave us a reply on social media <a href="https://www.twitter.com/btctrickz" target="_blank">Twitter</a> and <a href="https://www.facebook.com/btctrickz" target="_blank">Facebook</a> </div>
</div>

Add Stylish Navigation Next/Previous Post on hover

Add Stylish Navigation Post on hover to blog/blogger. Add Stylish Navigation Post on hover to blog/blogger and make your subscribers t...

9 Top Best bitcoin websites to Earn bitcoins

Admin 6 Best Bitcoin Sites, Bitcoins 12:06

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOCABlFV88HrdzS7VNcNytzML5wACL3i2XVQ5ktB7cxw3iVZwAuQTW_Vg1FctwzB-FK0LROWzYj4yCfzmHQ9e8jcOBtPOSi6yONnnPNxUVBWygOM8qyOlOtnwnoyzMVkattujEDfEKTZj8/s1600/bitcoin-2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Best Bitcoin sites" border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOCABlFV88HrdzS7VNcNytzML5wACL3i2XVQ5ktB7cxw3iVZwAuQTW_Vg1FctwzB-FK0LROWzYj4yCfzmHQ9e8jcOBtPOSi6yONnnPNxUVBWygOM8qyOlOtnwnoyzMVkattujEDfEKTZj8/s200/bitcoin-2.png" title="Best Bitcoin sites" width="200" /></a></div>
<h2 style="text-align: left;">
9 Top Best bitcoin websites to Earn bitcoins</h2>
<div>
What is a bitcoin? - <a href="http://btctrickz.blogspot.in/2015/05/what-is-bitcoin.html" target="_blank">See it here</a> and how do you get bitcoins?<a href="http://btctrickz.blogspot.in/2015/05/create-bitcoin-wallet.html" target="_blank"> you should have a bitcoin wallet</a> How can you convert Bitcoins to USD,</div>
<div>
all this questions arise before you start earning bitcoins so to earn bitcoins you must visit some websites that gives you bitcoins for visiting hourly,daily and for some minutes also so what you have to do is just choose your free time and visit bitcoins or refer your friends to get 50% of the income what they get. </div>
<div>
<br /></div>
<div>
Get Started with best bitcoin websites given below</div>
<div>
<br /></div>
<div>
Register for Some Hourly bitcoins,Daily and Paid for viewing advertisements etc: </div>
<div>
<br /></div>
<div>
Best and secure wallet to keep your bitcoins safe Register now : <a href="http://xapo.com/">XAPO.COM</a></div>
<div>
<br /></div>
<div>
<a href="http://cur.lv/hr38t" target="_blank">Freebitco.in</a> -- Get Bitcoins every hour you roll a capatcha and get 50% of referral bonus for every roll or total income.</div>
<div>
<br /></div>
<div>
<a href="https://coinurl.com/index.php?ref=846ab057a2f67f3b25b97b5806c1d1f4" target="_blank">Coinurl.com</a> -- Get Bitcoins by shortening your important links/URL's that you would like to share or you would put it on a website or on social media and you can also get bitcoins by referring your friends.</div>
<div>
<br /></div>
<div>
<a href="http://cur.lv/mncwl" target="_blank">BTCclicks.com</a> -- Get paid for viewing ads daily for 20 minutes of work and get 50% of referral income of your friends.</div>
<div>
<br /></div>
<div>
<a href="http://cur.lv/mq6ss" target="_blank">Dailybitcoins</a> -- Get bitcoins every hour by entering your bitcoin or email address to get instant payout and get 50% of Referral income.</div>
<div>
<br /></div>
<div>
<a href="http://cur.lv/n0uiz" target="_blank">bitcoin2048.com</a> -- Get Bitcoin for playing game, refresh your mind by playing game it automatically gives you money for playing game and earn bitcoins for referring your friends.</div>
<div>
<br /></div>
<div>
<a href="http://cur.lv/mq8id" target="_blank">Bitcoins4.me</a> -- Get bitcoins to your blockchain.info wallet for every time you visit this site and refer your friends to get 50% referral bonus.</div>
<div>
<br /></div>
<div>
<a href="http://cur.lv/mrbkx" target="_blank">landofbitcoin.com </a>-- <span style="background-color: white; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; text-align: center;">Share a single link and earn 100% of the referral commission.</span></div>
<div>
<span style="background-color: white; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; text-align: center;"><br /></span></div>
<div>
<span style="background-color: white; font-size: 14px; line-height: 20px; text-align: center;"><span style="color: #333333; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;"><a href="http://cur.lv/n0tnt" target="_blank">moonbit.co.in</a> -- Get your bitcoins instantly to your Xapo wallet by entering your email and also by referring your friends.</span></span></div>
<div>
<br /></div>
<div>
<span style="background-color: white; font-size: 14px; line-height: 20px; text-align: center;"><span style="color: #333333; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;"><a href="http://cur.lv/n0ttk" target="_blank">faucet.bitcoinzebra.com</a> -- Get free bitcoins when your enter your email address and get instant payouts and also get 50% of referral bonus by referring your friends.</span></span></div>
<div>
<br /></div>
<div>
Register for 9 Top Best bitcoin websites to Earn bitcoins.</div>
<div>
<br /></div>
<div>
IF you like this post follow us on <a href="http://www.facebook.com/btctrickz" target="_blank">Facebook</a> and <a href="http://www.twitter.com/btctrickz" target="_blank">Twitter</a></div>
<div>
<br /></div>
<div>
Incoming search terms:</div>
<div>
<br /></div>
<h4 style="text-align: left;">
Earn Bitcoins<br />Best Bitcoin Sites<br />Top Bitcoin Sites<br />Best Bitcoin sites to earn bitcoins<br />Top Bitcoin sites to earn bitcoins<br />Free bitcoins<br />Top Bitcoins hack<br />Best bicoins hack</h4>
<div>
<br /></div>
<div>
<br /></div>
</div>

9 Top Best bitcoin websites to Earn bitcoins

9 Top Best bitcoin websites to Earn bitcoins What is a bitcoin? - See it here and how do you get bitcoins? you should have a bitcoin...

Add Stylish Custom Scroll bar to Blogger

Admin 4 Blogger Widgets, Widgets 17:41

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4_vfRG8Wo-QJQ9PILp6BEhQ3r484B_dY-UWBC97sKiEYD7mzRkB3NDcVnDw6i1qBiVshyphenhyphendcJcB8QppJbTMzoQHlxifMYi4_g3CgW6GLa0l3Kb5hjMmNnsrx9y0jvSdgteexjPCcldK9ne/s1600/scrollbar.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4_vfRG8Wo-QJQ9PILp6BEhQ3r484B_dY-UWBC97sKiEYD7mzRkB3NDcVnDw6i1qBiVshyphenhyphendcJcB8QppJbTMzoQHlxifMYi4_g3CgW6GLa0l3Kb5hjMmNnsrx9y0jvSdgteexjPCcldK9ne/s200/scrollbar.png" width="200" /></a></div>
<h2 style="text-align: left;">
Add Stylish Custom Scroll bar to Blogger</h2>
<div>
Make your blog/website a stylish look by adding a custom Scroll bar to Blogger, Check our blogger scroll bar style or check with live demo and how this works. add your custom background for scroll bar and custom color for thumb and give a elegant look to your blog/website.</div>
<div>
<br />
This is a CSS code, before adding this please make sure you have basic knowledge :P just kidding, Just know how can you edit html and copy/paste the code change width and color codes to so that you can change scroll bar color and width that matches to your blog style.<br />
Test this custom scroll bar to blogger in chrome browser where you cannot find difference in Mozilla Firefox, how to install this to your blogger is shown step by step tutorial please follow the instructions to add this.<br />
<h4 style="text-align: left;">
Recommended : Add a subscribe newsletter below blogger posts with social follow buttons</h4>
</div>
<h4 style="text-align: left;">
Watch LIVE DEMO of Add Stylish Custom Scroll bar to Blogger</h4>
<div style="border: 3px dotted rgb(0, 153, 204); padding: 40px; text-align: center;">
<a class="button blue big" href="http://btctrickzdemo.blogspot.in/2015/06/new-stylish-custom-scrollbar-for-blogger.html" target='_blank'>Live Demo</a></div>
<br />
<br />
Step 1: Go to Blogger Dashboard >> Template<br />
<br />
Step 2: <span style="background-color: #ffd966; color: #e06666;">Backup your Template</span><br />
<span style="background-color: #ffd966; color: #e06666;"><br /></span>
<span style="background-color: white;">Step 3: Click EDIT HTML</span><br />
<span style="background-color: white;"><br /></span>
<span style="background-color: white;">Step 4: Click CTRL+F to Find for the code </span><span style="background-color: #f1c232; color: red;">]]></b:skin></span><span style="background-color: white;"> and add the below code above it.</span><br />
<span style="background-color: white;"><br /></span>
<span style="background-color: white;">Code for Add Stylish Custom Scroll bar to Blogger</span><br />
<span style="background-color: white;"><br /></span>
<br />
<blockquote class="tr_bq">
/*--------- Scrollbar Customization start --------- */<br />
::-webkit-scrollbar {<br />
width:10px;<br />
height:8px;<br />
}<br />
::-webkit-scrollbar-track {<br />
background:#FFF;  <span style="background-color: #f1c232;">/*------This is background color of scrollbar track ------*/</span><br />
-webkit-box-shadow:inset 1px 1px 2px #E0E0E0;<br />
border:1px solid #D8D8D8;<br />
}<br />
::-webkit-scrollbar-thumb {<br />
background:#c0392b;  <span style="background-color: #f1c232;">/*------Thumb color ------*/</span><br />
-webkit-box-shadow:inset 1px 1px 2px rgba(155,155,155,0.4);<br />
}<br />
::-webkit-scrollbar-thumb:hover {<br />
-webkit-box-shadow:inset 1px 1px 10px rgba(0,0,0,0.4); <span style="background-color: #f1c232;">/*------Shadow on hover------*/</span><br />
}<br />
::-webkit-scrollbar-thumb:active {<br />
background:#333;   <span style="background-color: #f1c232;">/*------Thumb color when it is active------*/</span><br />
-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4);<br />
}<br />
/*--------------- Scrollbar customization end --------------*/</blockquote>
<br />
<br />
Step 6: This is very hard to do :P Just don't forget to save your template after pasting the above code.<br />
<br />
Step 7: You can change the background color of the scroll bar and also the thumb of your requirement.<br />
<br />
Step 8: After doing the changes in step 7 don't forget to save.<br />
<br />
Step 9 : If You like this please share this let others know that this is helpful to you.<br />
<br />
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 20.7900009155273px;">
Incoming Search terms:</div>
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 20.7900009155273px;">
<br /></div>
<h4 style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative; text-align: left;">
Scroll bar for blog<br />Scroll bar for blogger<br />Scroll bar for blogspot<br />Scroll bar for blog<br />Custom scroll bar for blog<br />Custom scroll bar for blogger<br />Custom scroll bar for blogspot<br />New stylish scroll bar for blog<br />New stylish scroll bar for blogger<br />New stylish scroll bar for blogspot<br />New Custom scroll bar for blog<br />New Custom scroll bar for blogger<br />New Custom scroll bar for blogspot<br />Customizable scroll bar for blog<br />Customizable scroll bar for blogger<br />Customizable scroll bar for blogspot<br />Stylish Scroll bar for blog<br />Stylish Scroll bar for blogger<br />Stylish Scroll bar for blogspot<br />Custom blog Scroll bar<br />Custom blogger scroll bar<br />Custom blogspot scroll bar</h4>
</div>

Add Stylish Custom Scroll bar to Blogger

Add Stylish Custom Scroll bar to Blogger Make your blog/website a stylish look by adding a custom Scroll bar to Blogger, Check our blo...

Email Subscription Below posts with social sharing for blogger

Admin 1 Blogger Widgets, Widgets 13:00

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi5GJYfnAPDxI2da_hMe6kI2uIp3QNuZ-y0aWLsu6-GmQksqHUl5fXDfdm1DrbNZjk05o3NZBzd2I0VScHddoqUVeoZjmGjBDy5MyWZZYpnAjJ5wzZJWiJnn99j5RSvqcugrXdNWxIZBfZ/s1600/eMAIL+SUBSCRIBE+BELOW+POST.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Email Subscription widget for blog with social sharing" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi5GJYfnAPDxI2da_hMe6kI2uIp3QNuZ-y0aWLsu6-GmQksqHUl5fXDfdm1DrbNZjk05o3NZBzd2I0VScHddoqUVeoZjmGjBDy5MyWZZYpnAjJ5wzZJWiJnn99j5RSvqcugrXdNWxIZBfZ/s200/eMAIL+SUBSCRIBE+BELOW+POST.png" title="Email Subscription widget below posts for blogspot" width="200"></a></div>
<h2 style="text-align: left;">
Email Subscription Below posts with social sharing for blogger</h2>
<div>
Add a new Email subscription and Bring a nice look to your blog/website by placing new email subscription below posts with social sharing for blogger, In this widget you can place it below all your published posts/articles which gives an elegant look.</div>
<div>
</div></div>

Email Subscription Below posts with social sharing for blogger

Email Subscription Below posts with social sharing for blogger Add a new Email subscription and Bring a nice look to your blog/website...

New Stylish Recent Posts widget for Blog

Admin 0 Blogger Widgets, Widgets 21:59

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<h2 style="text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGIdzyYCJtUFjbu6ueE0xAzDkCpHSrcBWXc-ZO3yAjzqRi6PBw_ny5aj_TpQwNCIBNH-N87slYl4pG_aAXioiXq9XqdeA4vNoF0awahIAdlm10tzs37kgNOxWYstr3vC2tTX3dVznc8dmg/s1600/Recent+post.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Recent posts widget for blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGIdzyYCJtUFjbu6ueE0xAzDkCpHSrcBWXc-ZO3yAjzqRi6PBw_ny5aj_TpQwNCIBNH-N87slYl4pG_aAXioiXq9XqdeA4vNoF0awahIAdlm10tzs37kgNOxWYstr3vC2tTX3dVznc8dmg/s200/Recent+post.png" title="New Stylish Recent posts widget for blogger" width="200" /></a></div>
New Stylish Recent Posts widget for Blog Sidebar Widgets </h2>
<div>
Add a New Recent posts widget that adds a nice appearance to your blog/website.</div>
<div>
This Plugin/Widget is a automatic numbered and displays date of your posts published and the author name, and post title with post excerpt i.e little description shown in the above image.</div>
<div>
<br /></div>
<div>
<h4 style="text-align: left;">
For Live Demo see below image of New stylish recent posts widget for blog.</h4>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_f5Dr4zeRVi103E0UcPg6-fivxVE_S39HOpfiyYnFC-yv4FE7XmwPBRmKDotSC_6XfuOqb9BQzjfNu8V00Pszjt_Ahvlq0yfJ0MsqvHbcr6rw49EYPwPzX2QZ36aPxqrtMJYZf0Kh3pt3/s1600/recent-posts-widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Recent posts widget for blogspot" border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_f5Dr4zeRVi103E0UcPg6-fivxVE_S39HOpfiyYnFC-yv4FE7XmwPBRmKDotSC_6XfuOqb9BQzjfNu8V00Pszjt_Ahvlq0yfJ0MsqvHbcr6rw49EYPwPzX2QZ36aPxqrtMJYZf0Kh3pt3/s640/recent-posts-widget.png" title="Recent Posts widget for blogger" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
To add this to your blog just follow the below steps</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Go to Blogger Dashboard >> Select Layout >> Select Add a Gadget</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi90sL064HpEi496wxodLzcbmSn5r-Mz7Gs8zKi9R83wxDpuLVGnS2Gpm2qBFszhSSV_jXetVu8Xe6Cc-QTbECSziKktc4iXfJaKwaubLSD-klOjZMCbXkajW08_FFwdIvdCddcytY-xG_/s1600/recentposts1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Recent posts widget" border="0" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi90sL064HpEi496wxodLzcbmSn5r-Mz7Gs8zKi9R83wxDpuLVGnS2Gpm2qBFszhSSV_jXetVu8Xe6Cc-QTbECSziKktc4iXfJaKwaubLSD-klOjZMCbXkajW08_FFwdIvdCddcytY-xG_/s400/recentposts1.png" title="Recent posts widget add a gadget" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Now select HTML/JAVASCRIPT as shown below</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAI1a8bzfwuXkGMk47QqXM2ogNKUH8NJRkf_x1hIW3wF5k6gzI1rKykulEfEETMBE2ldj7ZakrqRisiVeepMHWbLmS4BUEDPY8JFKmaXJUgqWrFVjKPRKbQrtRAMfyxhCBzAN2BjqHKYqa/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAI1a8bzfwuXkGMk47QqXM2ogNKUH8NJRkf_x1hIW3wF5k6gzI1rKykulEfEETMBE2ldj7ZakrqRisiVeepMHWbLmS4BUEDPY8JFKmaXJUgqWrFVjKPRKbQrtRAMfyxhCBzAN2BjqHKYqa/s400/2.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Now Copy the below code and paste the following code in below shown box and Click Save.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<blockquote class="tr_bq" style="clear: both;">
<br />
<div class="recentpoststyle"><br />
<script src="http://goo.gl/JI3Hml"></script><br />
<script><br />
var posts_no = 3;var posts_date = true;var post_summary = true;var summary_chars = 90;</script><br />
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts"><br />
</script><br />
<style type="text/css"><br />
.recentpoststyle {<br />
    counter-reset: countposts;<br />
    list-style-type: none;<br />
}<br />
.recentpoststyle a {<br />
    text-decoration: none;<br />
    color: #0080ff;<br />
}<br />
.recentpoststyle a:hover {<br />
    color: #db4437;<br />
}<br />
.recentpoststyle li:before {<br />
    content: counter(countposts,decimal);<br />
    counter-increment: countposts;<br />
    float: left;<br />
    z-index: 2;<br />
    position: relative;<br />
    font-size: 20px;<br />
    font-weight: bold;<br />
    color: #ffffff;<br />
    background: #666;<br />
    margin: 10px 5px 0px -4px;<br />
    padding: 0px 10px;<br />
    border-radius: 100%;<br />
}<br />
li.recent-post-title {<br />
    padding: 7px 0px;<br />
}<br />
.recent-post-title {<br />
    font-family: "book antiqua";<br />
}<br />
.recent-post-title a {<br />
    color: #666;<br />
    font-size: 14px;<br />
    text-decoration: none;<br />
    padding: 2px;<br />
    font-weight: bold;<br />
}<br />
.post-date {<br />
    padding: 5px 2px 5px 30px;<br />
    font-size: 11px;<br />
    color: #6d6e72;<br />
    margin-bottom: 5px;<br />
}<br />
.recent-post-summ {<br />
    border-left: 1px solid #69B7E2;<br />
    color: #777;<br />
    padding: 0px 5px 0px 20px;<br />
    margin-left: 11px;<br />
    font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;<br />
    font-size: 15px;<br />
}<br />
</style></div><br />
<div align = 'left'><a href="http://btctrickz.blogspot.in/2015/06/new-stylish-recent-posts-widget-for-blog.html"><img alt="Get this widget to your blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Nb7SIZG2tw1st0dNv1xVLVYYOLbGkWYdqU06cjDsuMCdUiyBwzDWKDdeCShoeXrlJGaQIZa3XvdHnI33yAgPrrF3M8mCFEW-UTv10ct93Up4vG3tca4iFJ9M_wOuvzwJZzjOaEzwV7wr/h54/gethiswidgetnew1.png" width="100px" height="20px" style="border:0;" /></a></div>                       <br />
<br />
<div>
<br /></div>
</blockquote>
<div>
End of this Tutorial, and now see your blog/website with new stylish recent posts widget for blog</div>
<div>
<br /></div>
<div>
Incoming Search Terms:</div>
<div>
<br /></div>
<h4 style="text-align: left;">
Recent posts widget<br />Blogger widgets<br />New Recent posts widget for blog<br />Recent posts widget for blog<br />Recent posts widget for blogger<br />Recent posts widget for blogspot<br />New stylish recent posts widget for blog<br />New stylish recent posts widget for blogspot<br />New stylish recent posts widget of blogger<br />Recent posts widget for sidebar<br />Recent posts widget for blog sidebar<br />Recent posts widget for blogger </h4>
<div>
Please Share this or Like us if you like this post</div>
</div>