Tampilkan postingan dengan label arti seo. Tampilkan semua postingan
Tampilkan postingan dengan label arti seo. Tampilkan semua postingan

Selasa, 28 Agustus 2012

Cara Pasang Iklan di samping Artikel

Cara memasang iklan di samping form kotak komentar blogger.Kali ini saya ingin berbagi tentag tutorial blogger yang berjudul Cara memasang iklan di samping form kotak komentar blogger setelah kemaren membahas tentang Cara membuat recent post thumbnail by label di blogger.mungkin bagi para blogger ada yang sudah mengetahui tutorial ini.Nah,bagi yang belum tahu nggak ada salahnya untuk sejenak menyimak tentang Cara memasang iklan di samping form kotak komentar blogger.Saya telah menyiapkan Sebagai Screenshotnya sobat bisa lihat gambar di bawah ini.

Cara memasang iklan di samping form kotak komentar blogger

Bagi sobat yang ingin Memasang Kotak Iklan Disamping Form Komentar, silahkan Expand template kamu, cari kode:

    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>


Jika sudah ketemu, ganti kode tersebut dengan kode berikut:

    <table border='0' width='600'><tr> <td align='center'>ISI DENGAN KODE IKLAN</td> <td align='center'><iframe class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/></td></tr></table>


Pastikan kode yang diganti adalah kode iframe yang kedua. Karena yang pertama adalah kode iframe form komentar untuk index mobile. Silahkan isi dengan kode iklan atau apa saja yang kamu suka. Dan jika itu iklan adsense, maka harus di parse dulu agar iklannya bisa tampil. Untuk lebar tabel harus sesuai dengan lebar post body. Untuk value lainnya silahkan disesuaikan sendiri..

sumber : http://xmantan.blogspot.com

Senin, 09 Juli 2012

Cara Memasang Breadcrumps Pada Blogger | Teknik SEO Friendly

Langsung aja deh tanpa basa basi ok ....

Berikut ini adalah cara membuat breadcrumb di blog
1. Login ke blogger degan ID anda.
2. Klik Tata Letak / layout
3. Kemudian klik tab Edit HTML
4. Click Download Full Template and please back up your template first. Untuk menghindari bila sewaktu-waktu ada kesalahan.
5. Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.

6. Cari kode ]]></b:skin>

7. Copy lalu paste kode di bawah ini persis di atas kode ]]></b:skin>
.breadcrumbs {
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #e2e7b4;
}
.breadcrumbs a {
text-decoration:none;
color: #000000;
}
8. Silahkan cari kode berikut pada template anda :
<div class='post hentry'>

9. Copy lalu paste kode di bawah ini persis di bawah kode <div class='post hentry'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Ganti Dengan Kata Kunci Utama Blog</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

Simpan/save dan silahkan lihat hasilnya