Cara membuat widget rekomendasi khusus jejaring sosial di blog

Pada postingan kali ini saya akan menjelaskan bagaimana Cara membuat widget rekomendasi khusus jejaring sosial. Sebenarnya ini hanyalah widget. Anda dapat menambahkannya ke blog dengan mudah. Silahkan ikuti langkah-langkahnya di bawah ini. Widget ini mencakup Google plus, facebok counter dan twitter counter.

View Demo

CARANYA :

• Masuk ke akun blogger anda kemudian -> Klik Drop Down Menu
• Kemudian pilih -> Tata Letak -> Tambahkan gadget HTML/Javascript

• Kopi dan pastekan kode berikut dibawah ini didalamnya.

KODE HTML

<style>
#socialslide{background: rgb(41, 40, 40) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiihyNVxtRfdDzb82uMP-Mq27VSuuSkUQxPc23G8Ui_xOB-enJb5Duk3UBUHlX-bWgZ5ukQ6gq7hR9e300i0J-QVPr0B55EkffoFICwSOzRtD04ZuI2gZwkKynqqwkyTgc6a9NM5NHUMxM/s1600/recbg-btrix.png) left top repeat-x;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: inset 0 0 3px #333;
-webkit-box-shadow: inset 0 0 3px #333;
box-shadow: inner 0 0 3px #333;
padding: 12px 14px 12px 14px;
width: 300px;
position: fixed;
bottom: 13px;
right: 2px;
display: none;
z-index: 3;
height: 65px;
}
</style>


<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)$("#socialslide").show("slow");else $("#socialslide").hide("slow");});function closesocialslide(){$('#msocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script>
<div style="display: none;" id="socialslide">
<a style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closesocialslide();">(X)</a>
<span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #FFFFFF;">Jangan lupa untuk bergabung!</span><br />
<div style="float:left; margin:15px;"><g:plusone annotation="none"></g:plusone></div>

<div style="float:left; margin:15px;"><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com/pages/Eyang-anom/427305383989192&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;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/sijalupangna" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false">Follow @sijalupangna</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> 

• Silahkan ganti kalimat yang di sorot warna biru dengan kata-kata/kalimat yang anda suka
• Ganti URL Facebook Fans Page yang disorot warna kuning dengan URL/Link FB Fans Page anda
• Ganti ID twitter dengan ID twitter anda
• Simpan Gadget...Selesai.