Membuat Kotak Iklan 2 coloum Di bawah Postingan Blogger

Assalamualaikum Hari ini Saya Akan memberikan Tutorial Bagaimana Membuat Iklan DI bawah Posting.  Kegunaanya selain Untuk Iklan Juga dapat Untuk Iklan Yang Berbentuk gambar dan widget lainya . Berikut cara pemasangan nya .

1.Pilih Template -> edit HTML ->Lanjutkan
2.Selanjutnya Cari Code ]]></b:skin>
3.Letakan Code CSS Berikut Di atas Code ]]></b:skin>

.center60colom {{margin:5px 0px 10px 0px;padding:5px 0;clear:both;}} .bawahkiri {float:left;width:47%;margin-right:5px;border: 1px solid #ccc; padding: 5px; background: #ffffff;-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px;} .bawahkanan {float:right;width:47%;border: 1px solid #ccc; padding: 5px; background: #ffffff;-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px;}

4.Langkah ke 4 Cari code <data:post.body/>
5. Jika Sudah Ketemu Copy dan paste code di bawah ini tepat di bawah code <data:post.body/>

<b:if cond='data:blog.pageType == "item"'> <div class='center60colom'> <div class='bawahkiri'> Simpan tulisan atau Kode Script yang sobat kehendaki di sini -> Untuk kolom sebelah kiri </div> <div class='bawahkanan'> Simpan tulisan atau Kode Script yang sobat kehendaki di sini  -> Untuk kolom sebelah kanan </div> </div> </b:if>

6.edit pratinjau dahulu (takutnya ada kesalahan ) lalu simpan

pilih Template --> Edit HTML --> Lanjutkan

pilih Template --> Edit HTML --> Lanjutkan

pilih Template --> Edit HTML --> Lanjutkan

pilih Template --> Edit HTML --> Lanjutkan

pilih Template --> Edit HTML --> Lanjutkan

Title : Membuat Kotak Iklan 2 coloum Di bawah Postingan Blogger
Posted by : Unknown
Published : 2013-10-18T23:44:00-07:00
Rating : 5
Reviewer : 99999 Reviews

Share :

• Tweet