3 Mei 2013

Cara membuat widget rekomendasi khusus jejaring sosial di blog

Posted at  02.16  |  in  widget



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/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.

Written by: jalupangna
Wawasan spiritual dan blogging, Updated at: 02.16
Anda menyukai postingan di atas? Silahkan di share..!
Blogging dan wawasan spiritual Post Author

Pengajar sekaligus pendidik di salah satu SMPN yang ada di daerah banten. seorang newbie blogger yang lagi belajar blogging. Strong will and effort adalah filosofi hidup saya agar supaya sukses dikemudian hari.

7 komentar:



  1. Kunjungan malam sobat...
    Jangan lupa kunjungan Baliknya ya...

    BalasHapus
  2. Kunjungan Perdana sobat..
    jangan lupa kunjungi blog saya juga ya


    BalasHapus
    Balasan
    1. Met malam saudara tolongbaca.co.in, saya ucapkan terima kasih banyak atas kunjungan malamnya. Insya Allah segera meluncur, saya sekarang lagi ngobrak ngabrik HTML dulu. Karena kemarin-kemarin baru saja ganti template. Salam.. :)

      Hapus
  3. :)) makasih eyang, bagus tampilannya bgt tampilannya ada di bawah, cool.

    BalasHapus
    Balasan
    1. Sama-sama, terima kasih banyak atas kunjungannya..

      Hapus
  4. skalian numpang ya gan kalo berminat join ya www.7liveasia.com

    BalasHapus

About Us-Privacy Policy-Contact us
Copyright © 2013 Wawasan spiritual dan blogging. Blogger Template by BloggerTheme9
Proudly Powered by Blogger.
back to top