Friday, November 8, 2013

Browse Manual » Wiring » » » » » » Cara memasang share this post

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/AVvXsEhdASDwyiymuYESQZ-QM7xgtQqaFS8NF0HdF3YZGXnFNvAuHOCgmo2iY-csu3OKK1M_CvCoO3fqBGf_CTS9diJILQRT2JG73JzvHofhVz6fbuhzygL4f2oGtw3bCNCQztcv3qSqr5Sfw4E/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/AVvXsEhxE7BYqoYgNWklrf92A0Jzw3J0hiP1R-sSOIBpsSIpPO_8p_KXyofXK-XUUe4UzWOhZWKOM6PjOdR2VL7ddH_4m7d4CrPit76Atgb-hLa6CtvPZzJ8bR-0bFDQ0xXDJHM-7siRo70uhTY/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/AVvXsEiSjjL8O_5DfxfzUkaNvcktFion1TD4Y5aAygBEWUlkFwOU_aKtSnrUJBtOy4W-49qZBAO-FpnyA4jWs1bztPdhUrRJkh5OXQQW3XD-4mExfz3fl6PinWcljfBp9Doo02QuFgsOGacFsas/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/AVvXsEi6DqnjHOlyW9F8NmOrmqFPVIWVOmYCl099O631O6Zmy4QbDyDRp66hISiBZwL2WXhjkLx__7tjgWjqVu_2JDVdkjHjFf2B9lEM-xUg9Qa5lLuNnxTe-bS7JuWZU37yVXId8Ke_2mppc84/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/AVvXsEiMIFNmpMYxy-FwD-lIM4w52_yJ93AxhLGA67AI-WenfKKr2Ny1I-8udNb7yexFuT96NsFq0CO-MAeV19RV-3hmdLErE6byuZp32Fy25DMgwZUGBVNdkUicAdG03nZP_E4YmRyNcETb_GE/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/AVvXsEhCmUMkDC7Eq3RRDuM0BiddYt29uDInFNj5VvlsMOxDcUnrTZmungKUSNYuktB8K9qa88GMRPgAVkmvGKEbefO9liV5PJaeb5BRzLU5gUB_npyBsI2gWk4RWvQL6nTqKE2_s9Jafjf0yug/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/AVvXsEgq9GtvtrZjHZl7Wb_K5S-TOnFLTrjuhSadD1OvRt8HhScVg2OPtukKTB6Fv4f1nece5nPtVbDNEMkFEVnT221hlIx14d6Zd4Atwoja3ZjMTceuWEEaur5HgSZginjEdiTp2BE4eqFh09Q/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/AVvXsEjGqO6NyV9g9LOpYd4WebIsECaSzSxaf7nsV91iARuFa63rVRcHzx0nC3GF9ZWCTdF9oZIOazqy7B24qyf47NqdgPWmw7QX4c5Uy3AfZdYq8-otLrROwYqPd4MMWxfc8dGHSadXOXwz5AY/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.

No comments:

Post a Comment