\ \

Hearts Social Bookmark Button Pada Blog

\ \ 3 comments
Pasti sobat blogger sudah mengenal dengan yang namanya social bookmark button. Tapi tahukah sobat dengan social bookmark button yang berbentuk hati. Untuk itu jika sobat ingin mencoba memakai social bookmark button ini silahkan ikuti petunjuk di bawah ini.


1. Login ke Blogger dengan akun sobat masing-masing.
2. Pilih tab Rancangan.
3. Lalu pilih tab Edit HTML.
4. Lalu centang expand template widget
5. Cari kode <data:post.body/> lalu letakkan kode berikut setelah atau di bawah kode tersebut
<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCQ9jy-4vZPMnApbOR7Wa9qUHrejmyq7es6flmHFcnO6A-CTIzNOeW9Sre_Y4k1BlGa_93nVCytsEKOyOreC1CvwVi7SL1oanWOd8SQKYdfVOYDGQ8-UfiJTq52w8wM8wKCIhnv65s5qFt/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBp2maqsEmaFZCRX8oIvjbLs5_BO59gFNPHp8V5-VmktCjRYf27noxak4tVluQKQm3V3WaaxNo9p7CN1cG3LUxmj77Fmoimafcbl3gh_hg0-XBdgDRkl3xHuZoXG3dMqbkbzarJ00PMJy7/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbUKm114o-sTcJlipqaMkAVIRVhtcwrfFCznhYoBcxOmSpak815RGyh2wM8_NGzK4FjyjUOrW3hoK9mHle3ag2RJftOcHRHN5LlJj10SQahndItFf_Pv0fm8N0iNc1gCFKpI9Wdt3FjLUX/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2FirNlKR2TWJwk6meTa8YMzhEv-ku0EO6tvaer6YLCTd_j_PaRATjHlt3Ru5ejMA-0PgYxMTqJBMYWMvtTiqQgFPoM-QuX6tU0Mo-V1ef0jyyRrt6wmwwh35G76l_41xkAszslG1kdKL3/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK8uoJvGBxnPL-xJ7dIYW4VHAh4v9KziI_YAb3HS4CRbjFo1HjhiexKwxStZ-A3IYnvP_4I_K1vFE9_svpR0bb6qviCa4NrPOxOHtLgk8a3wMfej66YRy_bW1iaUotjkXOH18aez-ncBLc/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMheFUx8g2_MxgDFsP3LZqCX2_VbzigWqJU-3yRuUFzHXj-uLMNfoeCmfvSERYheIccBA_KpdvMcrRAreTzBhAc3iy8cRgj4c83Wx72xp_US_DjBiFoI_LzczeDHyAZ3eftkbIyxEqs9QI/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhas2EGgn1Zb0vne8-mVbU8DIfR_3GOjJE0tpG1LlAFHZciogWdO7tIVWxJpFLh91umx7yi65ot6QMpN2VX7wsmtj8CGafh6_QiYVyjZnYic530ufmRZpMfekg5u11iXln6RB05qsh5Hm8r/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij0H4VA9ndnwddM0DcVmNUqUkFVeGCITcn_gFyFTCJ3iqOID9OZPVCMQLKz_YOiwD9v1C_dZpO35XoOLt2CBFwLkyk35Dkb8XKZuY3wc_9lljBov_2AplowwsEfexCX1vGrRjx9C6gQh0x/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>
 6. Simpan template dan lihat hasilnya.

Catatan:jika anda sudah memakai fasilitas ReadMore maka letakan code tersebut di bagian <data:post.body/> yang kedua.

Semoga tutorial ini berguna bagi sobat semua and happy blogging.

Klikgaul.com Portal Berita artis ,K-Pop , Zodiak, Love Paling Keren dan Update
Labels: ,

Artikel Sejenis

loading..

3 comments:

  1. Vita Ayu Kusuma Dewi27 Jun 2011, 05.56.00

    makasih tapi kok belum bisa ya...

    BalasHapus
  2. Unknown1 Jul 2011, 16.34.00

    Bisa kok sob,,,coba copas kode di atas trus taruh setelah tapi jika sobat sudah memakai fitur Readmore silahkan sobat taruh kode di atas setelah kode yang kedua tepatnya sebelum kode

    BalasHapus
  3. Unknown26 Jul 2011, 16.30.00

    Silahkan sob..

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">Kode Anda</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">Kode Panjang Anda</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL Gambar</i>
Untuk menyisipkan judul, gunakan tag <b rel="quote">Kata-kata Anda</b>