Rabu, 18 April 2012

Social Bookmarking Widget Untuk Homepage


Social Bookmarking Widget Untuk HomepageAnda semua tentu sudah paham bahwa saat ini situs-situs social bookmark atau jejaring sosial sangat berperan penting dalam hal meningkatkan trafik blog. Dengan mengirim, membagikan, atau menyimpan link di situs tersebut, kita akan mendapatkan pengunjung yang lebih banyak dan membuat mereka akan selalu mengunjungi blog kita.
Nha, kali ini saya akan menjelaskan cara membuat widget social bookmarking untuk membagikan url homepage blog. Dengan widget ini, kita bisa mengirim url homepage blog kita ke Facebook, Twitter, Digg, Stumbleupon, Linkedin, Yahoo Bookmarks, Google Bookmarks, Reddit, Mixx, Technorati, dan yang terkahir ke Google Buzz. Mau?

Berikut Cara Membuat Social Bookmarking Widget untuk Homepage


1. Login ke akun Blogger anda

2. Pilih Layout > Page Elements

3. Tambahkan Page Elements dengan HTML/Javascript, lalu paste kode di bawah ini ke dalam kotak content.

Kodenya Gan:
<a href="http://twitter.com/home?status=I%20am%20currently%20on:%20Blogger%20Driver%20-%20http://blogger-driver.blogspot.com.%20It's%20a%20great%20blogging%20tips" target="_blank" title="Tweet It!"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhofcyxHMEFLr1LdUVXUmutshptzkdZ8-O3OrcjxRHtTHHoBWTvkzhkWZvPulO9cRiFFIEJN1PaeYMPrj4WMQgChu3LHC1TfB4CyaERsgpW4gisAqRkcbpUbbEVC-Jq1lWNZzxxupjcrvA/s400/twitter_32.png" border="0" alt="Twitter" /></a> <a href="javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}" title="Buzz This!"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje0UP48zg1bV2vaWQ47CoPEKyqDQtfU-Vr1X8PAvaJBQ1xFe1pDqSmn-7yze5JAC_rJZJikeK1c3eVdKd1rkkow2nrzmdY5v5nea05b4p5xZy77O3rQiijy8CmiFnmqPreVpOHfSuyc6M/s400/googlebuzz.png" border="0" alt="Google Buzz" /></a> <a href="http://del.icio.us/post?url=http://blogger-driver.blogspot.com&title=Blogger%20Driver" target="_blank" title="Bookmark to Delicious"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLGFWmMSSahzbDZybb4r4uAJYexQYg7LmMV2TCdOVfdSQd3MCWP-9jMxmqnFC47Ymxv8yYBxkhuLusDCfS4aKAwbv_1ppEi9GCSCpYQDTPVmTGJuW7JZdku9DozfJwyx5-VRdxSCh099E/s400/delicious_32.png" border="0" alt="Delicious" /></a>

4. Terkahir, klik Save Template.

Untuk demonya bisa anda lihat disini.

Selamat mencoba...

Tidak ada komentar:

Posting Komentar

HOT NEWS

Welcome In Kode Blogger

Contoh Sliding Login Dengan JQuery

Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member

Tutorial Blog

Untuk membuatnya Silahkan : Klik Disini

Member Login

Lost your password?

Not a member yet? Sign Up!