Koleksi tutorial

1.Agar Title SEO Friendly

Agar title blog lebih bersifat dengan Search Engine (SEO) kita boleh menggantikan title standard dengan title kod yang sudah dimodifikasi.

Cari kod title dibawah ini:

<title><data:blog.pageTitle/></title>

Kemudian ganti semua kod diatas dengan kod dibawah ini..



<b:if cond='data:blog.pageType == &quot;index&quot;'>

<title><data:blog.pageTitle/></title>

<b:else/>

<title><data:blog.pageName/></title>

</b:if>

cubalah dan lihat hasilnya.....( tentang hal ini penulis tidak pasti lagi )

2.Menghapus Link Subsribe Post (atom) atau Berlangganan: Posting (atom)

Pergi ke Layout---Edit HTML kemudian beri tanda pada Expand Template Widget, cari kod dibawah lalu hapus kod warna biru dibawah.



<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->

<b:if cond='data:feedLinks'>

<div class='blog-feeds'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

3Menghilangkan Navbar

Pergi ke Layout--- Edit HTML , cari kod <b:skin><![CDATA[



Kemudian copy n paste kod dibawah ini dibawah kod <b:skin><![CDATA[



#navbar{height:10px; visibility:hidden; display:none}

4.Mengganti Default Atom dengan RSS

Kadang mungkin kita ingin menggunakan default feed sebagai RRS, caranya pergi ke Layout---Edit HTML, kemudian cari kod warna biru dibawah

<b:includable id='feedLinksBody' var='links'>

<div class='feed-links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>

</b:loop>

</div>

</b:includable>

Ganti kode warna biru dengan kode dibawah ini:

<a class='feed-link' expr:href='data:f.url + "?alt=rss"' type='application/rss+xml' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>

5.Memasang icon/gambar sebelum Post Tittle



Pertama cari .post h3{ pada deretan kod CSS ,kemudian masukan kod warna biru dibawah:



.post h3{ background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0jAPW5N_Uxu93HOvH1l5zK3HGYNYQwuKRV0k2_o6Ytl2QyNmQdRiS04P4GVzq3Z7WkvPl62EGRWSAcXyx2RZiRO6lGsp_l-idks9-P9HFvUjq4om2dSpPy1v-XKF570zHbTsOx2LgAJxu/s400/dotlink.gif") 0px 0px no-repeat; margin:.5em 0; padding:0 20px 0; font-size:120%; font-weight:bold; font-style:normal; line-height:1.3em; color:#333}







6.Pasang icon/gambar pada setiap tajuk sidebar



Pertama cari #sidebar-wrapper h2{ pada deretan kod CSS, kemudian masukan kod warna biru dibawah:



#sidebar-wrapper h2{ background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0jAPW5N_Uxu93HOvH1l5zK3HGYNYQwuKRV0k2_o6Ytl2QyNmQdRiS04P4GVzq3Z7WkvPl62EGRWSAcXyx2RZiRO6lGsp_l-idks9-P9HFvUjq4om2dSpPy1v-XKF570zHbTsOx2LgAJxu/s400/dotlink.gif") 0px 0px no-repeat; margin:.6em 0 .6em; padding:0 20px; font-size:11px; font-weight:bold; line-height:1.4em; text-transform:uppercase; color:#222; border-bottom:1px solid #C0C0C0}





7Pasang icon/gambar di link sidebar



Pertama cari #sidebar-wrapper li{ pada deretan kod CSS, kemudian masukan kod warna biru dibawah:



#sidebar-wrapper li{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0jAPW5N_Uxu93HOvH1l5zK3HGYNYQwuKRV0k2_o6Ytl2QyNmQdRiS04P4GVzq3Z7WkvPl62EGRWSAcXyx2RZiRO6lGsp_l-idks9-P9HFvUjq4om2dSpPy1v-XKF570zHbTsOx2LgAJxu/s400/dotlink.gif") no-repeat 0px .20em; margin:0; padding:0 0 .25em 17px; line-height:1.2em}







8.Memasang icon sebelum Title Post pada halaman List Label



Pergi ke Layout--- Edit HTML kemudian beri tanda pada Expand Template Widget, masukan kod warna merah ini (<img alt='&gt;&gt;&gt;' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0jAPW5N_Uxu93HOvH1l5zK3HGYNYQwuKRV0k2_o6Ytl2QyNmQdRiS04P4GVzq3Z7WkvPl62EGRWSAcXyx2RZiRO6lGsp_l-idks9-P9HFvUjq4om2dSpPy1v-XKF570zHbTsOx2LgAJxu/s400/dotlink.gif'/>) di antara kedua-dua kod ini:



<b:include data='top' name='status-message'/>

<data:adStart/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.dateHeader'>

<h2 class='date-header'><data:post.dateHeader/></h2>

</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<a expr:href='data:post.url'>

masukank kod warna merah disini

<data:post.title/></a><br/><br/>

<b:else/>

<b:include data='post' name='post'/>

</b:if>



Hasilnya kan jadi seperti ini



<b:include data='top' name='status-message'/>

<data:adStart/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.dateHeader'>

<h2 class='date-header'><data:post.dateHeader/></h2>

</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<a expr:href='data:post.url'>

<img alt='&gt;&gt;&gt;' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0jAPW5N_Uxu93HOvH1l5zK3HGYNYQwuKRV0k2_o6Ytl2QyNmQdRiS04P4GVzq3Z7WkvPl62EGRWSAcXyx2RZiRO6lGsp_l-idks9-P9HFvUjq4om2dSpPy1v-XKF570zHbTsOx2LgAJxu/s400/dotlink.gif'/>

<data:post.title/></a><br/><br/>

<b:else/>

<b:include data='post' name='post'/>

</b:if>

Mungkin artikel dibawah yang sedang anda cari