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.
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/AVvXsEj-hhmBeE9M06mUQKnBNe_6g_B-EzAyGMkU469Xlo_JyWRxOg9H64c3UbrPz7MF7Rzf86S1bKBdbSAPVM1DHu1SDF3cmMGCkN-K60IbMz8JNY7DCEU1qw7Fb_dK6U313nnXVQR95eN9GVw/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&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/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.
Sumber : http://jalu-pangna.blogspot.com
