Cara Instan Membuat Related Post di Blogger
ADDSITE01 - Cara Instan Membuat Related Post di Blogger - Sebuah website pasti ingin tampilannya yang terbaik. Oleh karena itu rata-rata para publisher blogger itu menggunakan related post atau artikel terkait agar terlihat professional.
Related Post atau Artikel Terkait sudah sangat banyak digunakan dalam blog maupun website diseluruh dunia. Related Post atau Artikel Terkait juga akan mempengaruhi kualitas SEO dari blog maupun website pemiliknya. Jika kalian ingin memasangnya dalam blog atau website kalian silahkan simak tutorial berikut.
5. Kemudian kalian cari kode <data:post.body/> dan silahkan copy dan patekan kode di bawah ini tepat di bawah kode <data:post.body/> tadi, biasanya setiap template mempunyai kode <data:post.body/> lebih dari dua kalian bisa mencobanya mulai dari yang paling bawah atau yang terakhir.
Catatan :
Artikel Related Post yang bewarna merah dapat kalian ganti sesuai keinginan kalian
FFFFF adalah warna huruf
10 adalah jumlah post yang ditampilan
Sekian informasi yang saya berikan tentang Cara Instan Membuat Related Post di Blogger semoga bermanfaat bagi pengunjung dan kita semua.
Related Post atau Artikel Terkait sudah sangat banyak digunakan dalam blog maupun website diseluruh dunia. Related Post atau Artikel Terkait juga akan mempengaruhi kualitas SEO dari blog maupun website pemiliknya. Jika kalian ingin memasangnya dalam blog atau website kalian silahkan simak tutorial berikut.
Cara Instan Membuat Related Post di Blogger
1. Masuk ke dashboard blogger
2. Pilih Template dan klik Edit Template
3. Silahkan cari kode </head>
4. Copy dan Pastekan kode dibawah ini diatas </head> (sesuaikan kode 500px dengan ukuran blog kalian)
<style> #related-posts { float : left; width : 500px; margin-top:20px; margin-left : 0px; 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqhQzSnYHb_gv43vbxi6gDhNzt3zDuAoFglJkCcu-OZTXiplqyKqO1gUJ3sf8nIOu31dj5ZySaIkLeiHPkx8Ue31SRzmRvqLMfn5w9jYTOiuLGr_L4-ZGlnAf7pdgIo5uX54ChYm5pfTY/") 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; } </style> <script src='https://my-sanah-project.googlecode.com/svn/branches-satu' type='text/javascript'/>
5. Kemudian kalian cari kode <data:post.body/> dan silahkan copy dan patekan kode di bawah ini tepat di bawah kode <data:post.body/> tadi, biasanya setiap template mempunyai kode <data:post.body/> lebih dari dua kalian bisa mencobanya mulai dari yang paling bawah atau yang terakhir.
<b:if cond='data:blog.pageType == "item"'><div id='related-posts'> <font face='Arial' size='3'><b><h3 style='font-size:13px'>Artikel Related Post<data:post.title/></h3> : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/></b:if></b:loop> </font><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script></div></b:if>
Catatan :
Artikel Related Post yang bewarna merah dapat kalian ganti sesuai keinginan kalian
FFFFF adalah warna huruf
10 adalah jumlah post yang ditampilan
Sekian informasi yang saya berikan tentang Cara Instan Membuat Related Post di Blogger semoga bermanfaat bagi pengunjung dan kita semua.
Post a Comment