Cara menambah widget di bawah postingan pada blog
Cara menambah widget di bawah postingan ? iya kali ini saya akan membahas mengenai artikel tersebut . yang di maksud dengan menambah widget di bawah postingan adalah jadi kita bebasa ingin memilih ingin di pasang apa di bawah postingan tersebut , bisa di pasang hanya sebuah pesan text , atau bisa juga widget seperti subscribe via email dan lain sebagai nya , cara nya cukup mudah kok , berikut adalah langkah nya :
1. login ke blogger , lalu pilih tata letak - edit html
2. kemudian di dalam edit html , backup dulu template anda , pilih download template lengkap .
3. lalu centang expand template widget , kemudian cari kode ]]></b:skin>
( gunakan Ctrl + F )
4. selanjutnya letakan kode di bawah ini , persis di atas kode ]]></b:skin>
.underpost{keterangan : background : warna belakang pada tulisan , border : ketebalan garis dan warna garis .
padding:10px;
margin:10px 0px;
background:#eee;
border:1px solid #ddd;
line-height:1.6em;}
5. kemudian cari kode <data:post.body/> ,
6. kemudian letakan kode di bawah ini , persis di bawah kode <data:post.body/>
catatan : apa bila anda sudah memasang readmore , biasanya kode <data:post.body/> ada dua , jadi letakan saja kode di atas di <data:post.body/> yang terakhir .<b:if cond='data:blog.pageType == "item"'><data:post.body/>
<div class='underpost'>
Letakkan tulisan atau script widget disni
</div>
</b:if>
ini adalah contoh dari blog saya sendiri :
<div expr:id='"summary" + data:post.id'>Semoga berfmanfaat !! ^_^
<data:post.body/></div>
<script type='text/javascript'>
createSummaryAndThumb ("summary<data:post.id/>"); </script>
<span class='rmlink' style='float:right; padding-top:20px;'>
<a expr:href='data:post.url'>»» Read More </a></span> </b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/> </b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='underpost'>
Letakkan tulisan atau script widget disni
</div>
</b:if>
baca juga artikel , Cara membuat elemen footer menjadi tiga kolom
Categories:
Tutorial Blogger
Berlangganan Artikel:
0 comments:
Post a Comment
Blog ini DoFollow ..