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='http://1.bp.blogspot.com/_yqzcBmyK-mo/TNVVMpMz2yI/AAAAAAAABGI/1aCGrGQWkbg/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='http://2.bp.blogspot.com/_yqzcBmyK-mo/TNVVGPq8EOI/AAAAAAAABGA/w4rBzTfFodw/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='http://1.bp.blogspot.com/_yqzcBmyK-mo/TNVP-DmnoTI/AAAAAAAABF0/Pg_cepDK4PE/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='http://2.bp.blogspot.com/_yqzcBmyK-mo/TNVQARdq1sI/AAAAAAAABF4/l2g_sqk1ioU/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='http://4.bp.blogspot.com/_yqzcBmyK-mo/TNVVI7S-0KI/AAAAAAAABGE/dAvH6bdF58M/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='http://2.bp.blogspot.com/_yqzcBmyK-mo/TNVPzdIvLvI/AAAAAAAABFo/Yf025-DliJ0/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='http://2.bp.blogspot.com/_yqzcBmyK-mo/TNVQEDucneI/AAAAAAAABF8/koSbgpPY65Q/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='http://4.bp.blogspot.com/_yqzcBmyK-mo/TNVP3N8oNPI/AAAAAAAABFs/D5IxA4gol5E/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.

Catat Ulasan

Letakkan komen anda disini.Segala komen adalah dihargai.Sila buat backup bila membuat perubahan pada template.Terima Kasih.

42 Comments:

suffer8zine berkata...
terima kasih atas kunjungan

wow nice!

Terkini : Pengsan 100 kali sehari

asrulasmah berkata...
terima kasih atas kunjungan

terima kasih

The Traveler berkata...
terima kasih atas kunjungan

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

kod yang kedua.

Muhamad Nor aka Mamat aka putra berkata...
terima kasih atas kunjungan

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

yahaya berkata...
terima kasih atas kunjungan

@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,

yahaya berkata...
terima kasih atas kunjungan

@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

Muhamad Nor aka Mamat aka putra berkata...
terima kasih atas kunjungan

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 ??

yahaya berkata...
terima kasih atas kunjungan

@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. berkata...
terima kasih atas kunjungan

susah juga ya T.T

yahaya berkata...
terima kasih atas kunjungan

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

Bebby Nickis berkata...
terima kasih atas kunjungan

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

yahaya berkata...
terima kasih atas kunjungan

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

♥..permysuri_hati..♥ berkata...
terima kasih atas kunjungan

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

Aleeya Fishess Maison berkata...
terima kasih atas kunjungan

thanks. berjaye. :)

iris berkata...
terima kasih atas kunjungan

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

iris berkata...
terima kasih atas kunjungan

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

Ғмɛσω berkata...
terima kasih atas kunjungan

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?

yahaya berkata...
terima kasih atas kunjungan

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

cikShomel berkata...
terima kasih atas kunjungan

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

yahaya berkata...
terima kasih atas kunjungan

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

norhirdayu jafri berkata...
terima kasih atas kunjungan

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

Eza berkata...
terima kasih atas kunjungan

thx :) byk belajar arini..huhu

Wan Gerrard berkata...
terima kasih atas kunjungan

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

yahaya berkata...
terima kasih atas kunjungan

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

Wan Gerrard berkata...
terima kasih atas kunjungan

orait, nak test~

yusman udin berkata...
terima kasih atas kunjungan

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

Wanie berkata...
terima kasih atas kunjungan

Thankz utk tutorial ni... :)

ab5ya berkata...
terima kasih atas kunjungan

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

iza berkata...
terima kasih atas kunjungan

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

faizul berkata...
terima kasih atas kunjungan

assalam tuan tanah...ape kbr?sy ada cuba wt tp bila preview xberubh pn...mcm mn ek?
sy ade pkai read more.dh cuba letakkan selepas kod yang kedua

yahaya berkata...
terima kasih atas kunjungan

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

yahaya berkata...
terima kasih atas kunjungan

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

AMRAN BIN MUHAMAD berkata...
terima kasih atas kunjungan

tq

Felt Ville berkata...
terima kasih atas kunjungan

yeeayyy!!! bestnyer!!!

Nicky Nik berkata...
terima kasih atas kunjungan

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

kucob@berbagi berkata...
terima kasih atas kunjungan

Nice Info, Thanks!

Nabilah Jamaludin berkata...
terima kasih atas kunjungan

Boleh tak tunjuk untuk format blog yang baru?

yahaya berkata...
terima kasih atas kunjungan

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

rilek semedang berkata...
terima kasih atas kunjungan

nak kena copy semua ke 1 je kod tu??

Amal Bachtyar berkata...
terima kasih atas kunjungan

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

D' Rauna Gallery berkata...
terima kasih atas kunjungan

kalau saiz tu nak kecik sikit macamana yer?

Fokus Impian berkata...
terima kasih atas kunjungan

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

Related Posts Plugin for WordPress, Blogger...