Cara memasang share this post

Share this post adalah terdiri dari dari lapan ikon yang biasa terdapat pada bahagian bawah posting,antaranya ialah Stumble Upon,  Digg, Delicious, Facebook, Yahoo, Technorati Twitter dan rss. ikon tersebut digunakan bagi berkongsi artikel kita dengan mudah,dengan klik sahaja artikel kita akan tersubmit ke social bookmark.Kegunaannya adalah juga adalah bagi meningkatkan pengunjung.
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 kod ini:
<data:post.body/>
 gunakan ctrl + F untuk find untuk memudahkan pencarian




Dan letak kod ini selepasnya:
<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/AVvXsEgB1iMvyRjmi7-icQ6XD20DI3Pd2PcVHcc71Qhv6dkXDrFFWkmPlGpPEuVPz7zHqGPAMm_Zz6KRrNw4tNim4x3bNpmAtVjKtyyR1IH-hCDFDYS7MhKUtpGYvs03eAJKJn8EkHteczRywhw/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/AVvXsEjm2NcLhN4D2JhTq0CBK7wQsouQyWkXJ5WHaMCazfzoCsnWj3xmty84BiF4XCLSnDHzfcyBA6EaeHCwXuDu3CEeElV8ZRT_qDIHO3OsBcNOqHjic1zSn4mKYmXvGaN8_SkRv9xXxQNtQvQ/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/AVvXsEgkNz8N7fwODGR1miZ1PZro3dN6agdexBS1J796UJFlEKGgMiXxU7PdRmQxyzd_Otz5TNjdo9ZfZP6lYYaM5eYf0HM1WlFTq7W9vRh-IIq-M2p9abe8HxBMjKVND_Evt-jvznidfrZahI4/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/AVvXsEiTx57KlEBr7heJbTfmaj5J8aV8QaBngVSYKMmF17oH4pL6_gMKSazmJkpnK7mceyHIijEo0HRaHoNoLH3egUyZB-iG_L-oJm4-5NxYbFzcy0pTPXGvVuFxDqRL6eqLIogd5n60OWlnFyM/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/AVvXsEg-yQUx21SAY1-nTzyRqXVP5UvlqSOD7UVy6C6XHe-Ep0yRNJb0-0Gn36pb4-uvcyJdXNn1E1nY5zMjn4dKD0CCbKCOqITtLuHk7tkxxUzViApxDGs4929130OQUEVmM8PY2CcUaaZrq6w/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/AVvXsEgzoAMVoSM9PTzpozk85voOQ5PS7ujRezoYRTFpBMdiwzMrK89lvFiahvHlMXwIEjJFJYPOv70qGwevRR9qbylf5TLPrlqU0pqa6-w2UP-nOjqmx_acPwD-jl-CBYD20TX4gb2yN9H4YGA/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/AVvXsEhEwdl9wgPM6zD6oxEgsSSRvvFfoICZRUFTEV5r9HrwdtashT8qHfFcNqvrqFUBKHf27wJD5EahaVZlOyB7eaxGdg88SmiRedZvbw3M9ecst2fTGKEpiCasGsv7XfNOU-z6zZlzps_KC4Y/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/AVvXsEg4xZEIJ3e4sOa-v59-rDhS_sb4fNR0aq7X5exlVYM_U3PpfuZqFOaon1fuyynpBDNLQDhBE-r2-WcRfvnRjZYZVC0msl1h9S9npXKngZvkqYsTCWTr3azV1sf6lLqUj6mHJPpG7l66HlU/s1600/rss.png' style='padding:0;margin:0;border:none;'/></a>
</div></div>

kod yg diletakkan pada template:

kod pada template






*Ubah saiz width yang berwarna oren jika hendak menjarakkan ruangan diantara button.
Jika ada read more  letak selepas kod <data:post.body/> yang kedua.

Post a Comment

40 Comments:

suffer8zine said...
Teknik Buat Blog

wow nice!

Terkini : Pengsan 100 kali sehari

The Traveler said...
Teknik Buat Blog

saya guna read more (break page)..tak jumpa pun..

kod yang kedua.

Putera said...
Teknik Buat Blog

x leh wat la..ea tlis we unable to save ur template.. nape ek ??

sibersensasi said...
Teknik Buat Blog

@The Traveler letak pada kod yang ada pada template.kod tu setengah template ada sampai empat kalau letak read more pada template.Page break tak tambah apa2 kod pada template,

sibersensasi said...
Teknik Buat Blog

@Muhamad Nor aka Mamat aka putra ini masaalah kod yg diencode untuk masukkan pada tutorial satu tanda < hilang.tu yg ada error.saya dah betulkan.terima kasih atas komen

Putera said...
Teknik Buat Blog

x leh gak la , nie yg kuar:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "b:includable" must be terminated by the matching end-tag "".
knape ek ??

sibersensasi said...
Teknik Buat Blog

@Muhamad Nor aka Mamat aka putra
saya cuba lagi sekali dengan template yg mcm En Muhamad guna..boleh..

ada satu saja kat template ni sama juga dengan The Traveker punya

Yosepha Debrina Ratih. P. said...
Teknik Buat Blog

susah juga ya T.T

sibersensasi said...
Teknik Buat Blog

@Yosepha Debrina Ratih. P.
tak susah sebenarnya..cuma letak saja kod...cuma bila copy kod kena pastikan tak ada yg tertinggal..

Hamba Allah said...
Teknik Buat Blog

salam..np nip cari kod yg nak digantikan lam html tu xjumpa?susah la nak cari kod tu sbb byk sgt..hee =)

sibersensasi said...
Teknik Buat Blog

@Bebby Nickissaya dah edit dgn meletak gambar.pada edit HTML tu kena tick expand template widget,baru nampak kod2 yang lain..

cik mas said...
Teknik Buat Blog

thnks...sgt2 comel ble icon 2 ade dkt blog sy...:)

Anonymous said...
Teknik Buat Blog

thanks. berjaye. :)

Unknown said...
Teknik Buat Blog

berjaya tp bile klik kt fb mcm x link la tolong!!!!!

Unknown said...
Teknik Buat Blog

ok2 dh berjaya td tgk kt preview pttla....hahaha anyway thnx..jgn lpe follow ye

αииɛ ƨαм said...
Teknik Buat Blog

terima kasih.
tapi macam mana nak buat macam yang atas tu?
ada butang like dan share guna twitter dan facebook.
dan macam mana nak letak dia dekat atas?

sibersensasi said...
Teknik Buat Blog

@Ғмɛσωada tutorial cara nak letak..cuba tgk tutorial cara pasang facebook button .tweeter pun sama cara letak cuma dapatkan kod untuk letakkan.

nur baizura said...
Teknik Buat Blog

thanks! dah leh wat..sila la jenguk blog saye!
http://byezue.blogspot.com

sibersensasi said...
Teknik Buat Blog

@cikShomelok dah jadi...kalau background hitam lebih cantik rasanya...

norhirdayu jafri said...
Teknik Buat Blog

tk blh pn.. cant sve sbb ad lbh 1 widget aie cm ne ni

Eza said...
Teknik Buat Blog

thx :) byk belajar arini..huhu

Wan Gerrard said...
Teknik Buat Blog

bagaimana nak buatkan button share ni kelihatan hanya di blog post dan bukan di muka sedap (front page). boleh tolong ajar? hehe

sibersensasi said...
Teknik Buat Blog

@Wan Gerrard cuba letak pada kod <data:post.body/> yg lain.pada setengah template ada sampai 4 kod tu..

Wan Gerrard said...
Teknik Buat Blog

orait, nak test~

ymanzz said...
Teknik Buat Blog

mekom yahya...nape bile saya klik button RSS FEED tu,dia preview text yg amat panjang...ape yg nak d tukar erk?

Wanie said...
Teknik Buat Blog

Thankz utk tutorial ni... :)

ab5ya said...
Teknik Buat Blog

kalau nak alihkan butang share ni jadi duduk di tengah boleh ke?

iza said...
Teknik Buat Blog

Assalam...
Baru mencuba dan berjaya.thanks..
ada tak butang G+1 bentuk bintang macam tu?

sibersensasi said...
Teknik Buat Blog

@faizulcuba pada kod yg seterusnya..ada empat kod yg serupa pada template...

sibersensasi said...
Teknik Buat Blog

@faizulcuba juga sebelum kod ini...<div class='post-footer-line post-footer-line-1'>

AMRAN BIN MUHAMAD said...
Teknik Buat Blog

tq

Emma Villa said...
Teknik Buat Blog

yeeayyy!!! bestnyer!!!

Nicky Nik said...
Teknik Buat Blog

trima kasih...yer...yahaya...

kucob@berbagi said...
Teknik Buat Blog

Nice Info, Thanks!

Nabilah Jamaludin said...
Teknik Buat Blog

Boleh tak tunjuk untuk format blog yang baru?

sibersensasi said...
Teknik Buat Blog

@Nabilah Jamaludinsaya memang bercadang nak update sebab sekarang dah ada dashboard baru..tapi tak ada kesempatan sibuk dgn kerja.inshallah akan saya buatkan...:)

Unknown said...
Teknik Buat Blog

nak kena copy semua ke 1 je kod tu??

Unknown said...
Teknik Buat Blog

thnk gan info'a,,,,
manteebbb,,,,

As Samsudin said...
Teknik Buat Blog

kalau saiz tu nak kecik sikit macamana yer?

sibersensasi said...
Teknik Buat Blog

@D' Rauna Gallerykena kecilkan imej dan upload semula untuk dapatkan url imej...