Sarana Informasi Bidang Informatika.

Cara Membuat Artikel Terkait Thumbnail Untuk Blogger



Bikin Artikel Berkaitan Thumbnail Untuk Blogspot - Langkah bikin artikel berkaitan thumbnail di blogspot ini banyak blogger yang menulis di website mereka, tetapi Belajar Pengetahuan Computer juga menulis artikel ini karena ada sejumlah pengunjung yang menginginkan supaya artikel mengenai langkah bikin artikel berkaitan atau bhs Inggrisnya Realated Post ini di posting juga di website Belajar Computer serta Internet terunggul ini.

Untuk anda yang ingin mempraktekkan tempatkan artikel berkaitan sisi bawah posting anda, silakan ikuti tutorialnya di bawah ini. Baca satu-satu supaya anda tidak salah dalam praktik langkah bikin artikel berkaitan untuk blogger atau blogspot ini.

1. Login ke dashboard blogger anda
2. Click menu Template
3. Click Ubah HTML serta centang pada tulisan Expand Widgets Template
4. Mencari kode/head
5. Copy serta paste kode di bawah ini sebelum saat kode/head

<!-- Artikel Terkait thumbnails Blogger Blogspot Awal --> <!-- remove --><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: 18px; letter-spacing: 2px; font-weight: bold; text-transform: none; color: #5D5D5D; font-family: Arial Narrow; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ border-right: 1px dotted #DDDDDD; color:#5D5D5D; } #related-posts a:hover{ color:black; background-color:#EDEDEF; } </style> <script type='text/javascript'> var defaultnoimage=&quot;http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg&quot;; var maxresults=5; var splittercolor=&quot;#DDDDDD&quot;; var relatedpoststitle=&quot;Related Posts&quot;; </script> <script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/> <!-- remove --></b:if> <!-- Artikel Terkait thumbnails Blogger Blogspot Akhir -->

6. Lihat kode "var maxresult=5" itu mengatakan jika ada 5 artikel berkaitan yang akan dipertunjukkan, silakan merubah jumlahnya artikel berkaitan yang tampak cocokkan dengan template website anda. Hapus kode <b:if cond='data:blog.pageType == &quot;item&quot;'>  apabila ingin artikel berkaitan akan nampak juga di home page website anda.

Sesudah copy serta paste kode diatas, saat ini teruskan dengan mencari kode
<div class="post-footer"> Sesudah temukan, silakan copy serta paste kode tersebut diatas kode <div class="post-footer">

<!-- Artikel Terkait bagian 2 Thumbnails awal --> <!-- remove --><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> <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:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script> </div><div style='clear:both'/> <!-- remove --></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='http://3.bp.blogspot.com/-K65p5zLLKQk/T3ObCINoP7I/AAAAAAAABmI/dF84-alnOu4/s1600/best+blogger+tips.png'/></a> </b:if></b:if> <!-- Artikel Terkait bagian 2 Thumbnails akhir-->

7. Ganti angka Max-results=5, anda dapat mengubah jadi 4 atau 6 atau sesuai sama thems website anda. Hapus juga kode apabila ingin artikel berkaitan akan nampak juga di home page website anda.

8. Langkah paling akhir ialah taruh pergantian template anda serta saksikan akhirnya.

Selamat mencoba semoga bermanfaat dan baca juga : cara membersihkan recent item pada windows 10