Aksesoris blog #3 : Tombol Share on Facebook blog

Facebook merupakan jejaringan sosial network yang sudah berkembang pesat, sama halnya dengan blogger. bagaimana jika dalam blog kita terdapat sebuah tombol share on facebook ? menarik tentunya... untuk menambah aksesoris blog tombol share on facebook pada blog kita, langsung aja kita menuju TKP ... hehe ....

ok !! Aksesoris blog #3 : Tombol Share on Facebook blog
Step-by-step :

  • Login ke Blogger
  • Layout
  • Page Element
  • Add gadget
  • Pilih Edit/Html
  • Kemudian kopi kan kode di bawah ini ke gadget tersebut

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,

status=0,width=626,height=436');return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; } </style> <a href="http://www.facebook.com/share.php?u=<url>" class="fb_share_button" onclick="return fbs_click()" target="_blank" style="text-decoration:none;">Share</a><p><a href="http://aksesorisblogs.blogspot.com/2009/05/Aksesoris blog #3 : Tombol Share on Facebook blog.html" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>


  • jgn lupa di save
  • Maka hasilnya akan seperti ini


Moga berhasil..!!

Jika anda kurang Puas dengan gambarnya, atau coba dengan yang satu ini :



<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,
status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank"><img src="http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981" alt="" /></a><p><a href="http://aksesorisblogs.blogspot.com/2009/05/cara-memasang-tombol-share-on-facebook.html" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>


Mungkin Postingan ini yang anda cari :


Read More
Bookmark and Share

Aksesoris blog #2: Twitter Update Automatis

Seharusnya postingan saya yang kali ini adalah yang #1 bukan yang #2. tapi gpp... better late than never, Aksesoris blog kali ini yaitu twitter update automatis. apaan tu ... ??? yaitu aksesoris yang menampilkan status twitter kita pada blog serta mengajak pembaca blog untuk bergabung ke twitter kita, atau lebih sering -Follow me- yang mana dalam pemasangan Aksesorisnya Cukup gampang. copipaste langsung jadi. seperti contoh dibawah ini :


Mugkin kebanyakan teori pasti bingun..? atau coba kita langsung praktek aja..
  1. Login ke blogger
  2. Masuk ke Layout pada Dashboard
  3. Tambah Gadget, pilih HTML/JavaScript
  4. Copi kode dibawah ini

<div id="twitter_div" style="background: url(http://i27.tinypic.com/25jfsx4.jpg) top left no-repeat; padding-left: 5px; padding-top: 40px;">
<ul id="twitter_update_list"></ul></div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/marklindon">follow me on Twitter</a>
<script src="http://twitter.com/statuses/user_timeline/marklindon.json?callback=twitterCallback2&count=2" type="text/javascript"></script>

  1. Kemudian ganti yg bertanda warna merah dengan ID_twitter / Username twitter anda sendiri
  2. Tanda warna biru bisa di ganti sesuai dengan keinginan jumlah update yg ditampilkan
  3. Jgn lupa di Save
  4. Good Luck
Related Post :

Share This On :





Read More
Bookmark and Share

Aksesoris blog #1: Aksesoris twitter button cantik

Twitter button, aksesoris blog twitter button ini menurut saya banyak manfaatnya. disamping sebagai "aksesoris blog" tambahan, keindahan blog, sekaligus mempermudah orang untuk men-twit postingan kita. sebab aksesoris ini muncul di ahir setiap postingan blog kita.

trus ... bagai mana cara menambah aksesoris blog twitter button ???

aksesoris twitter
Caranya mudah, ikuti langkah langkah berikut :
  • Login ke Blogger
  • Klik Layout pada Dashboard
  • Pilih Edit/HTML
  • Lalu centang Expand Widget Template
  • Temukan kode berikut <data:post.body/>
  • Kemudian letakkan kode yang dibawah ini, setelah kode <data:post.body/>

<a expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " @twitter_username " + data:post.url' title='Tweet it on Twitter'><img src='http://URL Twitter Image'/></a>


  • Ganti kalimat Twitter_username yg berwarna merah dengan username twitter anda, dan ganti URL Twitter Image dengan Image gambar twitter anda
  • Save


Biar ga bingun, anda bisa melihat contoh aksesoris blog "twitter button" seperti punya saya, diahir dari setiap postingan ada twitter button.
Saya juga memiliki gambar-gambar twitter yang lain seperti dibawah ini, yang dapat anda download DISINI
aksesoris twitterimoet kan ? :)



Share with :
Read More
Bookmark and Share