Welcome To My Blog

Selamat datang di website pribadi saya. Online Learning Tutorial merupakan Website Tutorial untuk membuat media pembelajaran online yang Kreatif dan Inovatif berbasis Blog yang dapat digunakan sebagai E-Learning.

Minggu, 11 September 2011

Cara Memasang Link Share This Post pada Blogspot

Share this post adalah tombol/button share artikel yang biasa terdapat pada bagian bawah posting artikel, dengan memasang tombol/button share artikel ini justru akan membuka peluang bagi kita untuk mendapatkan tambahan trafik dari berbagai social bookmark antara lain Stumble Upon,  Digg, Delicious, Facebook, Yahoo, Technorati Twitter dan RSS. Dengan klik tombol/button share maka artikel kita akan tersubmit ke social bookmark tersebut.
social bookmark





Untuk membuat share this post berbentuk bintang ini :
Masuk ke design—Edit HTML


edit template





Tandakan pada expand template widget

expand template





Cari kode ini:
<data:post.body/>
 gunakan ctrl + F untuk find untuk memudahkan pencarian




Dan copas kode dibawah ini setelah kode tersebut:

<div style='clear:both; '>
<div style='width:55px; 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/AVvXsEjupKH1PJLgSar7FPVgnF1RbBDVwCkBeFbG2AFpMGYMe0fb382-ES17hX6YM9habMDvxAkV-TdFAcz_zrbJxCJ0GadDJ7BrUXyy_a4RYVyFtYB1k11ZxjWUEl-uZfxs9WxYEH65wUY8GX0/s1600/stumbleupon.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; 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/AVvXsEgvemPq_Lw4FtvWPOjpqJRghKIX423VVOA4pGoLP7kw0gNO5qkLxkIGED2OtUNWD6sk-8OV6lwBnUtWTjWl7i3oz8-JG5gLysS5Qs48i_ACmyauEObi8tl3MUE5emFcGpulJBN0KDkpkMs/s1600/delicious.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; 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/AVvXsEh2l2rsyqdraCkiou9ceAhIkQMa_sP1H1DYEhpFokI1oXr5rfQPVwoQqIxQzqP_JwMAsXllwdetZd1ejZVDtu0vmw6JZCx5-t-bfnYlVO49cETjckRfV0p4PwmK1wXNJf117nvvKVvvhk8/s1600/technorati.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; 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/AVvXsEj74ink3N4Xsv-2V88grs2BsirMB2-HYVlkxfOkiDqyrHJc2mCCyJrJWeIkFYPPZAk1Zf_w6t7dgzXg2RNYVxXD6ydWoe7075a_L7jP7T7eLf4z7ksWEkcU9bfxhZNj30Nl8RaMMdoGeIg/s1600/twitter.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; float:left;'>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir_qrJKCHRShGM2YJaWYu_EpXNtCWmjmIS0qLjHGmr86EtB_z7y-_AL6Nm8oJCBdlzLQiXyBYg6ZnKjHFOFqB8u5JYImXg-aA-iLEpNhrWaL-OVXUOKjJgBX50sNJj7oWx_h5rVyiBFuw/s1600/digg.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; 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/AVvXsEiUPNRoadAPRE4KrAn0ljhY1uB9hCqIBqWxII5mxU5KaatY-j_-EUJQlB0hjPLI5MV8yO3wiQMKYxXhgvzn9xOiACJL9pIK6QtkQb4UbjZl8WnVSxKGoEXjI4dI-zy5EKTeASImdAEBYRk/s1600/facebook.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; 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/AVvXsEg9ZF473CHi9FtXAbC2Wt3MKGMm9JfMw15IZKHiUgUteBggcdULXBWfAGMfQiG9BIoAlepXhyHw_VZ3lKQdXF3TwE3fmZQ8VE7Zj-cZ5_aMjXEExfwKHQdy236psh2lMoa-lt5SdU4Ptgs/s1600/yahoo.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55x; 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/AVvXsEgxO8AYW_Zk5v7yF2uzR9QR6k7dmiZ80gT9g1bpgQjzqyMFRZAIBT43wfAkI-6yvW4sOIrPbi3LTgI6xlbFohQBRMC0Nz0sk2oYNdobHH5-i36aahQ2Lu60xgGTkRMLf127GO1e557HpA8/s1600/rss.png' style='padding:0;margin:0;border:none;'/></a>
</div></div>

Berikut screenshoot kode yg diletakkan pada template:

kod pada template









*Ubah size width yang berwarna oren jika hendak menjarakkan ruangan diantara button.
Jika ada read more  letakan kode diatas setelah kode <data:post.body/> yang kedua.

Selamat mencoba...

Sumber : Teknik Buat Blog
Stumble
Delicious
Technorati
Twitter
Digg
Facebook
Yahoo
Feed

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar