Related post Tepat Untuk Meningkatkat Pageview blog

20 Okt

Cara membuat Related Post dengan ikon , Free4Us kali ini ingin berbagi tips dan triks membuat related post , yang kita tau sendiri bahwa fungsi related post atau disebut juga dengan artikel terkait berfungsi menampilkan artikel-artikel terkait menurut label . Rekomendasi artikel ini bertujuan untuk meningkatkan Pageview yang lebih banyak , dengan artikel terkait yang di tampilkan di bawah artikel postingan akan memudahkan pengunjung untuk membaca dan menemukan artikel yang dicari dan dapat meningkatkan pagview blog. mungkin banyak yang telah membuat artikel related post sebelum nya , dengan mengulas kembali artikel ini agar para blogger baru tidak merasa kesulitan untuk mencari jadi tidak ada salahnya saya reply kembali . Sebagai sedikit gambaran mengenai related Post bisa dilihat pada contoh gambar di bawah ini Ok sekarang setelah mengetahui apa artikel terkait dan fungsinya sekarang kita Praktek cara membuat nya . Pertama *Login Ke Blogger *Pada Dshboard pilih Template *Kemudian klick HTML *Centang “ExpandWidget” *Pada edit template Cari Kode Gunakan Ctrl + F untuk mencari kode atau dengan F3. *Copy code dibawah ini lalu letakan tepat diatas kode #related-posts { float : left; width : auto; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(“URL GAMBAR IKON”) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } Langkah Kedua * Masih Di edit Template cari code Jika pada template terdapat kedo tersebut tidak hanya satu , cari kode tersebut yang paling atas , atau jika tidak merasa yakin bisa di coba kesemua kode . *Copy kode dibawah ini dan letakan tepat di bawah

*Selesai dan Simpan Template . Keterangan : Untuk Huruf yang bercetak tebal adalah dimana url gambar harus di tempatkan , gunakan ikon gambar dengan selera masing masing Contoh Url Gambar : http://1.bp.blogspot.com/-MdK_HE-8LR8/T8Dw9Nzau6I/AAAAAAAABQM/EHAoPvg5pbc/s1600/rss.png Demikian cara membuat Related Post , semoga pageview blog sobat semakin meningkat , selamat mencoba! Sumber Sumber

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: