» » » » Cara membuat Related Post Bergambar Responsive

Google Follower

~~~ SeoChipS ~~~ - 03.14
Membuat Related Post atau yang sering disebut dikalangan blogger yaitu artikel terkait pada sebua blog. Fungsinya adalah untuk meningkatkan interlink pada postingan dan juga dapat meningkat pageview pada blogger. Dengan memasang Related Post, maka secara tidak langsung akan mempermudah para pengunjung blog anda untuk membaca artikel-artikel yang terkait dengan yang anda saat ini baca. Sehingga dapat membuat pengunjung betah bertahan lama di blogger anda. Related Post atau Artikel Terkait banyak digunakan dikalangan para blogger, selain untuk mempermudah pengunjung melihat artikel-artikel yang berhubungan dengan yang dibaca, Related Post dapat memper-ganteng blogger anda^.^.

Sebelum melakukan praktekk, silakan anda backup terlebih dahulu Template anda. Karena jika tidak sesuai dengan keinginan anda, maka dengan mudah membalikan seperti semula lagi.

Cara Pasang:

1. Masuk ke Blogger anda.
2. Template -> Edit HTML.
3. Temukan kode </head>
4. Copy-Paste kode berikut ini, tepat diatas kode </head>
<!--Related Posts with thumbnails Scripts and Styles Start--> <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #related-posts{float:left;width:auto;} #related-posts a{border-right: 1px dotted #eaeaea;} #related-posts a:hover{background: #f2f2f2;} #related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;} #related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;} #related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;} #related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style> <script type='text/javascript' src='http://makingdifferent.github.io/blogger-widgets/related_posts_widget.js' /> <!-- remove --></b:if> <!--Related Posts with thumbnails Scripts and Styles End-->
5. Jika sudah dipasang diatas </head> . Temukan kode <div class='post-footer'>letakkan kode dibawha ini diatas kode  

NB: Kode <div class='post-footer'> ada dua, jadi kalian pasang saja keduanya! 

<!-- Related Posts with Thumbnails Code Start--> <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=5&quot;' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var currentposturl=&quot;<data:post.url/>&quot;; var maxresults=5; var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div class='clear'/> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://maycyber-download.blogspot.com'><img alt='Blogger Widgets' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV5fkUoTsT_Xz8987tLOojJoRIM1v0aRPzzV3s7s_LLYc1rxUg1GGx7EruJPKeimYmcON2s6CYWrs5h2z1d82IUOJK0cA1SNMtBLI_esm5hJQkh-B_vAM6ANHSPrbwLfWRyBvh9_wstCsk/s1600/best+blogger+tips.png'/></a> </b:if> </b:if> <!-- Related Posts with Thumbnails Code End-->
NB: Maxresults=5; Jumlah postingan di Related Post, bisa diubah 7
        Related Post = Bisa diubah menjadi Artikel Terkait

6. Save Template!

Untuk melihat Related Post berbagai macam, Silakan lihat Label Tags Related Post

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

Membuat Related Post atau yang sering disebut dikalangan blogger yaitu artikel terkait pada sebua blog. Fungsinya adalah untuk meningkatkan interlink pada postingan dan juga dapat meningkat pageview pada blogger. Dengan memasang Related Post, maka secara tidak langsung akan mempermudah para pengunjung blog anda untuk membaca artikel-artikel yang terkait dengan yang anda saat ini baca. Sehingga dapat membuat pengunjung betah bertahan lama di blogger anda. Related Post atau Artikel Terkait banyak digunakan dikalangan para blogger, selain untuk mempermudah pengunjung melihat artikel-artikel yang berhubungan dengan yang dibaca, Related Post dapat memper-ganteng blogger anda^.^.

Sebelum melakukan praktekk, silakan anda backup terlebih dahulu Template anda. Karena jika tidak sesuai dengan keinginan anda, maka dengan mudah membalikan seperti semula lagi.

Cara Pasang:

1. Masuk ke Blogger anda.
2. Template -> Edit HTML.
3. Temukan kode </head>
4. Copy-Paste kode berikut ini, tepat diatas kode </head>
<!--Related Posts with thumbnails Scripts and Styles Start--> <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #related-posts{float:left;width:auto;} #related-posts a{border-right: 1px dotted #eaeaea;} #related-posts a:hover{background: #f2f2f2;} #related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;} #related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;} #related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;} #related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style> <script type='text/javascript' src='http://makingdifferent.github.io/blogger-widgets/related_posts_widget.js' /> <!-- remove --></b:if> <!--Related Posts with thumbnails Scripts and Styles End-->
5. Jika sudah dipasang diatas </head> . Temukan kode <div class='post-footer'>letakkan kode dibawha ini diatas kode  

NB: Kode <div class='post-footer'> ada dua, jadi kalian pasang saja keduanya! 

<!-- Related Posts with Thumbnails Code Start--> <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=5&quot;' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var currentposturl=&quot;<data:post.url/>&quot;; var maxresults=5; var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div class='clear'/> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://maycyber-download.blogspot.com'><img alt='Blogger Widgets' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV5fkUoTsT_Xz8987tLOojJoRIM1v0aRPzzV3s7s_LLYc1rxUg1GGx7EruJPKeimYmcON2s6CYWrs5h2z1d82IUOJK0cA1SNMtBLI_esm5hJQkh-B_vAM6ANHSPrbwLfWRyBvh9_wstCsk/s1600/best+blogger+tips.png'/></a> </b:if> </b:if> <!-- Related Posts with Thumbnails Code End-->
NB: Maxresults=5; Jumlah postingan di Related Post, bisa diubah 7
        Related Post = Bisa diubah menjadi Artikel Terkait

6. Save Template!

Untuk melihat Related Post berbagai macam, Silakan lihat Label Tags Related Post

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

Tags - Kalian sedang berada dipostingan Cara membuat Related Post Bergambar Responsive

download Cara membuat Related Post Bergambar Responsive android terbaru, apk android terbaru Cara membuat Related Post Bergambar Responsive android asus, Cara membuat Related Post Bergambar Responsive android advance, Cara membuat Related Post Bergambar Responsive android apk, Cara membuat Related Post Bergambar Responsive android app, Cara membuat Related Post Bergambar Responsive android games, Cara membuat Related Post Bergambar Responsive android programming, Cara membuat Related Post Bergambar Responsive aplikasi edit foto,Cara membuat Related Post Bergambar Responsive aplikasi facebook, Cara membuat Related Post Bergambar Responsive aplikasi bbm

Cara membuat Related Post Bergambar Responsive

,

Cara membuat Related Post Bergambar Responsive aplikasi edit video

aplikasi vidmate Cara membuat Related Post Bergambar Responsive aplikasi wa, aplikasi play store Cara membuat Related Post Bergambar Responsive Download, Download Cara membuat Related Post Bergambar Responsive indonesia aplikasi download lagu, aplikasi pembobol wifi Cara membuat Related Post Bergambar Responsive Google Drive, download aplikasi instagram Cara membuat Related Post Bergambar Responsive 3gp,Cara membuat Related Post Bergambar Responsive mp4,Cara membuat Related Post Bergambar Responsive mkv, Cara membuat Related Post Bergambar Responsive google drive, Cara membuat Related Post Bergambar Responsive 480p,Cara membuat Related Post Bergambar Responsive 720p, aplikasi android terbaik Cara membuat Related Post Bergambar Responsive,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 membuat Related Post Bergambar Responsive 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 membuat Related Post Bergambar Responsive. Silahkan masukan email anda dibawah ini! dan anda akan otomatis mendapatkan kiriman artikel terbaru dari ~~~ SeoChipS ~~~. Terimakasih.
0 Komentar untuk "Cara membuat Related Post Bergambar Responsive"

Diberdayakan oleh Blogger.