» » » Cara memasang Related Post Bergambar dengan Mudah

Google Follower

~~~ SeoChipS ~~~ - 00.28
Related Post adalah sebagai artikel atau postingan yang masih dalam satu kategori atau istilahnya artikel terkait. Misalkan label nya tentang Tutorial Blogger, maka akan muncul semua tentang Tutorial Blogger. Related Post yang saya bisikan tips nya kali ini adalah Related Post Bergambar, " Gambar Disamping Hanya Pemanis" . Related Post yang saya berikan ini sejajar ke kanan, serta bergambar dan hemat ruang postingan anda.  Related Post tidak hanya menambah keren blog anda, tetapi juga membantu pageview bertambah. Postingan terkait ini sangat bermanfaat bagi blogger sendiri ataupun user. Sehingga memudahkan pengunjung menemukan artikel yang terkait, ataupun artikel yang menarik lainnya di blogger anda. Sebelum melakukan Tips ini, sebaiknya Backup terlebih dahulu Template anda, bisa dengan cara copy semua script HTML ke Notepad. Tujuannya adalah misalkan Related Post ini, tidak sesuai dengan keinginan anda maka dengan mudah mengembalikannya.

Cara pertama:

1. Masuk ke Blogger.
2. Template - Edit HTML
3. Copy - Paste kode berikut ini, dan letakkan di atas kode </head>
<!--Related Posts with thumbnails -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;}
#related-posts a{
color:black;}
#related-posts a:hover{
color:black;}
#related-posts a:hover {
background-color:#00FF00;}
</style>
<script src='http://kucopas-js.googlecode.com/files/releatedimage.js' type='text/javascript'/>
</b:if>
<!--Related Posts With Thumbnails By MayCyber-Download-->
4. Jika sudah? Copy-Paste lagi kode berikut ini dan letakkan dibawah kode  
<div class='post-footer-line post-footer-line-1'>
<!-- Related Posts with Thumbnails -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=7;
var relatedpoststitle="Related Post";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails -->
5. Simpan Template!

Dan, Taraaaaa Related Post telah terpasang di Blogger anda.

Screenshoot:

 

Demikianlah Tutorial Blogger kali ini. Sekian dari saya, Semoga Bermanfaat!

Related Post adalah sebagai artikel atau postingan yang masih dalam satu kategori atau istilahnya artikel terkait. Misalkan label nya tentang Tutorial Blogger, maka akan muncul semua tentang Tutorial Blogger. Related Post yang saya bisikan tips nya kali ini adalah Related Post Bergambar, " Gambar Disamping Hanya Pemanis" . Related Post yang saya berikan ini sejajar ke kanan, serta bergambar dan hemat ruang postingan anda.  Related Post tidak hanya menambah keren blog anda, tetapi juga membantu pageview bertambah. Postingan terkait ini sangat bermanfaat bagi blogger sendiri ataupun user. Sehingga memudahkan pengunjung menemukan artikel yang terkait, ataupun artikel yang menarik lainnya di blogger anda. Sebelum melakukan Tips ini, sebaiknya Backup terlebih dahulu Template anda, bisa dengan cara copy semua script HTML ke Notepad. Tujuannya adalah misalkan Related Post ini, tidak sesuai dengan keinginan anda maka dengan mudah mengembalikannya.

Cara pertama:

1. Masuk ke Blogger.
2. Template - Edit HTML
3. Copy - Paste kode berikut ini, dan letakkan di atas kode </head>
<!--Related Posts with thumbnails -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;}
#related-posts a{
color:black;}
#related-posts a:hover{
color:black;}
#related-posts a:hover {
background-color:#00FF00;}
</style>
<script src='http://kucopas-js.googlecode.com/files/releatedimage.js' type='text/javascript'/>
</b:if>
<!--Related Posts With Thumbnails By MayCyber-Download-->
4. Jika sudah? Copy-Paste lagi kode berikut ini dan letakkan dibawah kode  
<div class='post-footer-line post-footer-line-1'>
<!-- Related Posts with Thumbnails -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=7;
var relatedpoststitle="Related Post";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails -->
5. Simpan Template!

Dan, Taraaaaa Related Post telah terpasang di Blogger anda.

Screenshoot:

 

Demikianlah Tutorial Blogger kali ini. Sekian dari saya, Semoga Bermanfaat!

Tags - Kalian sedang berada dipostingan Cara memasang Related Post Bergambar dengan Mudah

download Cara memasang Related Post Bergambar dengan Mudah android terbaru, apk android terbaru Cara memasang Related Post Bergambar dengan Mudah android asus, Cara memasang Related Post Bergambar dengan Mudah android advance, Cara memasang Related Post Bergambar dengan Mudah android apk, Cara memasang Related Post Bergambar dengan Mudah android app, Cara memasang Related Post Bergambar dengan Mudah android games, Cara memasang Related Post Bergambar dengan Mudah android programming, Cara memasang Related Post Bergambar dengan Mudah aplikasi edit foto,Cara memasang Related Post Bergambar dengan Mudah aplikasi facebook, Cara memasang Related Post Bergambar dengan Mudah aplikasi bbm

Cara memasang Related Post Bergambar dengan Mudah

,

Cara memasang Related Post Bergambar dengan Mudah aplikasi edit video

aplikasi vidmate Cara memasang Related Post Bergambar dengan Mudah aplikasi wa, aplikasi play store Cara memasang Related Post Bergambar dengan Mudah Download, Download Cara memasang Related Post Bergambar dengan Mudah indonesia aplikasi download lagu, aplikasi pembobol wifi Cara memasang Related Post Bergambar dengan Mudah Google Drive, download aplikasi instagram Cara memasang Related Post Bergambar dengan Mudah 3gp,Cara memasang Related Post Bergambar dengan Mudah mp4,Cara memasang Related Post Bergambar dengan Mudah mkv, Cara memasang Related Post Bergambar dengan Mudah google drive, Cara memasang Related Post Bergambar dengan Mudah 480p,Cara memasang Related Post Bergambar dengan Mudah 720p, aplikasi android terbaik Cara memasang Related Post Bergambar dengan Mudah,download aplikasi anti virus, aplikasi bigo live, download template web gratis, download template gratis, template website php, template website responsive, template blogspot, download template html, download template website dinamis gratis, download template premium, download template mirip atau clone, Download Professional XML Blogspot Templates, Free Blogger Templates, download blogger template responsive, Cara memasang Related Post Bergambar dengan Mudah download template blogger seo, download template blog xml, download template blog gratis terbaru, download template blog simple, download template blogger keren, cara mengganti template blog, download template fast loading seo friendly, Cara posting artikel, Cara memasang widget, Memahami menu-menu di blogger, Cara mengganti atau memasang template, Cara membuat halaman statis, Cara memasang favicon, Cara mengganti judul blog dengan logo, 10 Tutorial blogger lainnya, Cara Menghasilkan Uang dari Blog , Panduan Lengkap, Rahasia Cara Daftar Google AdSense Agar Mudah Diterima, SEO, BLOG, DAN INTERNET MARKETING, Tutorial Belajar SEO dan Blogging juga Internet Marketing Terpadu Yang Mudah Untuk Anda Pelajari, BELAJAR SEO, cara tutorial Membuat Website Wordpress, Cara Cepat Mendapatkan Backlink Untuk Menaikkan Ranking, Download Free Template Blog SEO Friendly Responsive Design Mudah Diedit, Cara membuat blog di blogger com, Cara Melakukan Optimasi SEO Onpage Google Dengan Benar, Berbagai Cara Cari Uang Di Internet Yang Perlu Anda Tahu, CARA MUDAH MEMBUAT THUMBNAIL POST WARNA WARNI SESUAI LABEL POST, CARA MEMBUAT BLOG SEO 100 DI CHKME COM, 5 TEMPLATES BLOGGER SEO RESPONSIVE KEREN TERBAIK 2017 GRATIS, CARA AGAR ARTIKEL ATAU POSTINGAN CEPAT TERINDEX GOOGLE, LANGKAH LANGKAH OPTIMASI ONPAGE PADA BLOG, CARA DAPAT UANG DARI BERBAGAI BISNIS ONLINE, UPLOAD VIDEO DI FACEBOOK BISA DAPAT UANG, CARA MEMBUAT WIDGET TWITTER DI BLOGGER BLOGSPOT, CARA MEMBUAT BREADCRUMBS SEO FRIENDLY DENGAN FONT AWESOME, MEMBUAT TOMBOL BACK TO TOP DENGAN EFEK BOUNCE, CARA MEMBUAT BADGE GOOGLE PLUS DAN DAPAT DI MODIFIKASI, MACAM TAG KONDISIONAL UNTUK MODIFIKASI TAMPILAN DAN MENYEMBUNYIKAN WIDGET, CARA MEMBUAT CATATAN KAKI SEO DAN TERINDEX GOOGLE, TIPS TRIK MEMPERCEPAT LOADING BLOG, TIPS TRIK MENDAPATKAN UANG DOLLAR DARI BLOGGER BLOGSPOT, CARA MEMBUAT THREADED COMMENTS VALID HTML5 DI BLOGGER, MEMBUAT ARTIKEL TERKAIT DISERTAI THUMBNAIL GAMBAR, JQUERY SLIDING PANEL DENGAN MEMBUKA MENUTUP UNTUK BLOGGER, CARA MEMBUAT STICKY WIDGET SIDEBAR DI BLOG, CARA MEMASANG TRANSLATE DENGAN GAMBAR BENDERA DI BLOG, FASTESEO SEO RESPONSIVE BLOGGER TEMPLATE, 6 RAHASIA CARA SAYA MENINGKATKAN RANKING ALEXA, DOWNLOAD TEMPLATE BLOGSPOT SEO RESPONSIVE PREMIUM, Cara memasang widget, download template blog anime, SSH PREMIUM, SSH GRATIS, OPEN SSH, Config HI Axis100Config HI Indosat, Config HI Smartfreen, Config HI Telkomsel, Config HI Three 3, Config HI XL, Config KPN Tunnel Ultimate, Config KPN Tunnel Ultimate Axis, Config KPN Tunnel Ultimate Telkomsel, Config KPN Tunnel Ultimate Three, Config OpenVPN Axis, Config OpenVPN Indosat, Config OpenVPN Three 3, Config OpenVPN XL

Diposting oleh
,
Terimakasih telah membaca : Cara memasang Related Post Bergambar dengan Mudah. Silahkan masukan email anda dibawah ini! dan anda akan otomatis mendapatkan kiriman artikel terbaru dari ~~~ SeoChipS ~~~. Terimakasih.
0 Komentar untuk "Cara memasang Related Post Bergambar dengan Mudah"

Diberdayakan oleh Blogger.