Selamat datang ke BelajarBlogs...
Home » » Memasang Share Post di Setiap Bawah Post

Memasang Share Post di Setiap Bawah Post




Langkah 1

1. Login ke Blogger --> Design --> Edit HTML,
2. Untuk mengelakkan apa-apa yang akan berlaku , Klik Download Template.
3. Tick Expand Template Widget,
4. Selepas itu cari ]]></b:skin>
5. Selepas itu copy kode dibawah ini dibawah kode yang anda cari tadi,

.share, img.share{ border: 5px outset; border-color:#FFFFFF #000000 #000000 #FFFFFF;} .share:hover, a:hover .share{ border: 5px inset; border-color: #585858 #A4A4A4 #A4A4A4 #585858; }

Langkah 2


1. Anda perlu cari kode ini <p><data:post.body/></p>
2. Selepas itu copy kode dibawah ini dibawah kode yang anda cari tadi

<b:if cond='data:blog.pageType == &quot;item&quot;'> <b>Share This Post to Others:</b><br/><br/> <div align='center'> <a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to Facebook'><img class='share' src='http://4.bp.blogspot.com/_uhg4L8e7Ry8/S4jAoAatxfI/AAAAAAAAAD0/8uSUjyxfD_w/s320/facebook.png'/></a> <a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to Twitter'><img class='share' src='http://1.bp.blogspot.com/_uhg4L8e7Ry8/S4jA6AEWjxI/AAAAAAAAAEU/rdCh0kJsyfg/s320/twitter.png'/></a> <a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to Digg'><img class='share' src='http://1.bp.blogspot.com/_uhg4L8e7Ry8/S4jAlempuGI/AAAAAAAAADs/1NY2EB8PMIA/s320/digg.png'/></a> <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to Del.icio.us'><img class='share' src='http://4.bp.blogspot.com/_uhg4L8e7Ry8/S4jAgiMHLXI/AAAAAAAAADk/h2kozc-MzZw/s320/delicious.png'/></a> <a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to StumbleUpon'><img class='share' src='http://4.bp.blogspot.com/_uhg4L8e7Ry8/S4jA1aboR2I/AAAAAAAAAEE/dlmixBh27lU/s320/stumbleupon.png'/></a> <a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to Technorati'><img class='share' src='http://1.bp.blogspot.com/_uhg4L8e7Ry8/S4jA3hUM2lI/AAAAAAAAAEM/g9Jf21iYLks/s320/technorati.png'/></a> </div> </b:if>

3. Selepas itu simpan.Semoga Berjaya.

Info : Icon-icon yang saya pakai sebagai contoh dan saya gunakan ini saya ambil dari di sini. Jika anda semua mempunyai koleksi icon menarik lainnya, silakan ganti alamat yang berwarna hijau untuk ikon Facebook, biru muda untuk ikon Twitter, merah untuk ikon Digg, biru tua untuk ikon Delicious, kuning untuk ikon Stumbleupon, dan jingga untuk ikon Technorati dengan alamat ikon masing-masing.


4 ulasan: