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

42 Comments:

suffer8zine berkata...
Teknik Buat Blog

wow nice!

Terkini : Pengsan 100 kali sehari

asrulasmah berkata...
Teknik Buat Blog

terima kasih

The Traveler berkata...
Teknik Buat Blog

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

kod yang kedua.

Muhamad Nor aka Mamat aka putra berkata...
Teknik Buat Blog

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

yahaya berkata...
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,

yahaya berkata...
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

Muhamad Nor aka Mamat aka putra berkata...
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 ??

yahaya berkata...
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. berkata...
Teknik Buat Blog

susah juga ya T.T

yahaya berkata...
Teknik Buat Blog

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

Bebby Nickis berkata...
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 =)

yahaya berkata...
Teknik Buat Blog

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

♥..permysuri_hati..♥ berkata...
Teknik Buat Blog

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

Aleeya Fishess Maison berkata...
Teknik Buat Blog

thanks. berjaye. :)

iris berkata...
Teknik Buat Blog

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

iris berkata...
Teknik Buat Blog

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

Ғмɛσω berkata...
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?

yahaya berkata...
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.

cikShomel berkata...
Teknik Buat Blog

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

yahaya berkata...
Teknik Buat Blog

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

norhirdayu jafri berkata...
Teknik Buat Blog

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

Eza berkata...
Teknik Buat Blog

thx :) byk belajar arini..huhu

Wan Gerrard berkata...
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

yahaya berkata...
Teknik Buat Blog

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

Wan Gerrard berkata...
Teknik Buat Blog

orait, nak test~

yusman udin berkata...
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 berkata...
Teknik Buat Blog

Thankz utk tutorial ni... :)

ab5ya berkata...
Teknik Buat Blog

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

iza berkata...
Teknik Buat Blog

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

faizul berkata...
Teknik Buat Blog

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...
Teknik Buat Blog

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

yahaya berkata...
Teknik Buat Blog

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

AMRAN BIN MUHAMAD berkata...
Teknik Buat Blog

tq

Felt Ville berkata...
Teknik Buat Blog

yeeayyy!!! bestnyer!!!

Nicky Nik berkata...
Teknik Buat Blog

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

kucob@berbagi berkata...
Teknik Buat Blog

Nice Info, Thanks!

Nabilah Jamaludin berkata...
Teknik Buat Blog

Boleh tak tunjuk untuk format blog yang baru?

yahaya berkata...
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...:)

rilek semedang berkata...
Teknik Buat Blog

nak kena copy semua ke 1 je kod tu??

Amal Bachtyar berkata...
Teknik Buat Blog

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

D' Rauna Gallery berkata...
Teknik Buat Blog

kalau saiz tu nak kecik sikit macamana yer?

Fokus Impian berkata...
Teknik Buat Blog

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