Related Post akhir-akhir ini banyak digunakan oleh para blogger,dan saya rekomendasikan kepada sobat Blogger untuk menggunakannya/memasang di blog.Untuk melihat contoh dari widget related post ini,silahkan sobat hliat aja di blog ini atau bisa Anda klik blog ini "tjoretan-akoe".Nah....jika sobat tertarik untuk memiliki related post yang serupa dengan blog ini,silahkan ikuti langkah-langakah berikut untuk panduan memasangnya.
Berikut Panduannya :
1.Seperti biasa sobat blogger mesti login dulu ke akun blog sobat masing-masing
2.Setelah login,klik rancangan
3.Klik EDIT HTML
4.Centang "Expand Widget Templates"
5.Sekarang cari kode: </head> ,untuk pencarian termudah silahkan sobat tekan Ctrl + F pada keyboard komputer sobat trus masukkan kode tersebut </head> nanti hasilnya kode tersbut akan disorot warna hijau.
6.Copy dan Paste kode di bawah ini :
Maaf karena kode terlalu panjang dan memungkinkan tidak tercopy semua saya sarankan untuk mengkopi kode tersebut di sini: http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html
setelah kata - kata : 2.Now look for </head> and replace it with
7.Letakan kode diatas sebelum kode </head>
8.Langkah selanjutnya sbat cari kode
<div class='post-footer-line post-footer-line-1'>
caranya sama seperti panduan No.5
Kalau sobat tak menemukan kode tersebut,
silahkan sobat cari kode
<p class='post-footer-line post-footer-line-1'>
9. Untuk langkah selanjutnya, Sekarang setelah salah satu baris (dimana Anda bisa menemukan) letakan potongan kode
dibawah ini :
Maaf karena kode terlalu panjang dan memungkinkan tidak tercopy semua saya sarankan untuk
mengkopi kode tersebut di sini: http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html
setelah kata - kata : Now immediately after any of these lines(whichever you could find) place this code snippet
10. Anda dapat mengatur jumlah maksimum posting terkait yang ditampilkan dengan mengedit baris ini dalam kode.
var maxresults=5;
Anda juga harus mengedit posting per label (itu idealnya harus satu lagi yang maxresults)
<!-- remove --> from both step 3 and step 2.
max-results=6
11. Untuk mengedit judul widget Anda dapat mengubah baris kode ini
var relatedpoststitle="Related Posts";
12. Untuk mengubah thumbnail default, Anda dapat mengedit baris kode ini
Maaf dikarena kode terlalu panjang dan memungkinkan tidak tercopy semua saya sarankan untuk
mengkopi kode tersebut di sini: http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html
setelah kata - kata : 6.To change the default thumbnail, you can edit this line of code
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz0RjErn8Kxc45NB7an1zDA5Ow26-gjALfuoJDHyInh2xtGNclEb6zors9WSQj1TzrTTPpmBbatyn1vKSx2UoZnfMTn8HQEsSPAiwMzL7FORz78Rw8j55Bsu_j9gsP60BsuUeDUf04AGE/s400/noimage.png";
13. Untuk Mengubah Warna Line Splitter, mengedit
var splittercolor="#d4eaf2";
14. Untuk mengubah warna lain dan semua Anda harus memodifikasi CSS
Jika Anda termasuk dalam masalah pelaksanaan ini, jangan panik .. :).
Hanya meninggalkan aku komentar di sini dan saya akan membantu Anda. Jika Anda ingin memberi saya saran tentang cara untuk meningkatkan widget ini, maka itu akan sangat besar.
Bagaimana untuk menampilkan posting terkait pada setiap halaman dan tidak hanya pada halaman posting?
Hanya menghapus dua baris yang dimulai dengan <!-- remove --> pada kedua langkah 6 dan langkah 9.
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
dan
<!-- remove --></b:if>
Demikin tutorial Membuat Related Post Di Blogger... Semoga bermanfaat bagi Sobat-sobat Bloger...
Diambil dari Sumber: http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html
0 Komentar