Attractive Page Down Bottom Popup With Facebook And Twitter Buttons For Blogger

Page Down Bottom Popup

Popup box at the bottom of your page seems to increase popularity percentage of your blog fanpage on social networking sites such as facebook and twitter. When your blog visitors scroll down on blog pages the popup box will appear at the left bottom of your page. It has two social buttons that are like button of facebook of your fanpage and follow button of your twitter fanpage. It shows the number of existing visitors who are  already liked on facebook and following you on twitter. It helps you to get more unique blog visitors from facebook and twitter. Here I added this for all the bloggers.. 

Preview of Attractive Page Down Bottom Popup

See the preview and demo of this popup on our demo site before adding it into your blog. Add the below coding at the highly indexed section of your blog to show it fully to your blog visitors..

How To Add This Page Down Bottom Popup With Facebook And Twitter Buttons Into Blogger?

• Login to your Blogger account

• Go to dashboard and move on Layout section

• Click on Add a gadget link and select HTML/JavaScript option

• Copy the below code into HTML box

• Click on the Save button.

Also Read: How to add this Attractive Page Down Bottom Popup With Facebook And Twitter Buttons Into Your Wordpress Blog?

<!------trickstoo bottom popup starts-------> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> </script> <script type="text/javascript"> $(window).scroll(function(){ if($(document).scrollTop()>=$(document).height()/4)$("#Trickstoo").show("slow"); else $("#Trickstoo").hide("slow");}); function closeTrickstoo(){ $('#Trickstoo').remove(); $.ajax({type:"POST",url:"/facebookpage.php"});} </script> <style type='text/css'> #Trickstoo{ background:black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSiHXoF7MhHNMNBqw_tWNYkfqreaGwPIUeZRynuDY9KamBX14i761GyPgxnMK249LBdbr6GMRvAw1xVskuBe9ELtUgV7JjmdJGj1CjUgbuf1BebIatFsLzuYbmg5mUhgJxalS4NZX19VI/h120/navbg.png) left top repeat-x; border-radius:9px; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:inset 0 0 4px #333; -webkit-box-shadow:inset 0 0 4px #333; box-shadow:inner 0 0 3px #333; padding:12px 14px 12px 14px; width:320px; position:fixed; bottom:13px; left:2px; display:none; z-index:3; height:75px;} </style> <div style="display: none; " id="Trickstoo"> <a style="position:absolute; top:14px; right:10px; color:#D8C9C9; font-size:10px; font-weight:bold;" href="javascript:void(0);" onclick="return closeTrickstoo();"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtLFBy7hstxcXuCHDNxHFgU_gIiKIvXVLs8SmA0M6vznx3pNCcpHhO64C_t5cbiQTrujdgPGNEPf0W16JEEKalwTQXGa5ClCZ6DPtdCYcGdwpvs2Jn_3HKTMzFXrPfSgHznDtOmkT4V4iG/h120/close.png"/> </a> <span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #868686; color:white;"> Don't forget to join our community! </span><br /> <div style="float:left; margin:15px;"> <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Ftrickstoo& send=false& layout=button_count& width=80&show_faces=false& action=like&colorscheme=light& font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"> </iframe> </div> <div style="float:left; margin:15px;"> <a href="https://twitter.com/shanmugam39" class="twitter-follow-button" data-show-count="true" data-size="small" data-show-screen-name="false"> Follow</a> <script> !function(d,s,id){ var js,fjs=d.getElementsByTagName(s)[0]; if(!d.getElementById(id)){ js=d.createElement(s); js.id=id; js.src="//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js,fjs);}} (document,"script","twitter-wjs"); </script> </div> </div> <div class='clear'> </div> <!----trickstoo bottom popup ends----->

• Replace trickstoo (blue color) with facebook fanpage of your blog.

• Replace shanmugam39 (red color) with your twitter username.