Simple Related Posts Widget For Blogger Ala Agan-Kemri kita berguru bagai mana cara
Membuat Menu Navigasi Di Atas Header + Icon Media Sosial kini kita akan berguru cara menciptakan Simple Related Posts Widget For Blogger Ala Agan, Related Posts berperan penting bagi sebuah blog untuk menjadi kaki kanan semoga blog kita dapat memiliki sebuah isyarat atau petunjuk bagi pengunjung wacana artikel yang terkait atau mungkin dapat mengakibatkan alat bagi pengunjung untuk mencari acuan wacana pencarian sebelumnya.
Jadi buat artikel ini juga tidak usah panjang lebar sedikit aja ya hhee namanya juga simple jika kalian ingin membuat Simple Related Posts silahkan ikuti isyarat yang aku berikan alangkah baiknya kalian komen dulu biar sama-sama lezat okay..ayo kita otw ke TKP. saran Backup terlebih dahulu template.
Membuat Menu Navigasi Di Atas Header + Icon Media Sosial kini kita akan berguru cara menciptakan Simple Related Posts Widget For Blogger Ala Agan, Related Posts berperan penting bagi sebuah blog untuk menjadi kaki kanan semoga blog kita dapat memiliki sebuah isyarat atau petunjuk bagi pengunjung wacana artikel yang terkait atau mungkin dapat mengakibatkan alat bagi pengunjung untuk mencari acuan wacana pencarian sebelumnya.
 |
| Simple Related Posts |
1. Masuk Ke Blogger
2. Pilih Template > Pilih Edit HTML
3. Cari kode berikut </head> Gunakan CTRL+F
4. Kopy Kode dibawah ini taruh sempurna di atas kode </head>
<b:if cond='data:blog.pageType == "item"'><style type='text/css'> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts .widget{ padding-left:6px; margin-bottom:10px; } #related-posts .widget h2, #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em;} #related-posts a{color:#0c0080;} #related-posts a:hover{color:#0ab0fd;} #related-posts ul{ list-style-type:none; margin:0 0 0px 0; padding:0px; text-decoration:bold; font-size:12px; text-color:#000000 } #related-posts ul li{ background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyYlIITYroLxLvZ-l60SV9t7b7hKC_eM7zjJzrniEw13Smhzg5zbdjj03xEeFenOQjXQu4rzshtS4eB-oYfaIVWUjm68qUWjlKfKiysOXOvrF7J4ErD9xUZPq2c0fnYR1zc-wo-VWfmYY/s1600/btrix_arrow-icon.png) no-repeat ; display:block; list-style-type:none; margin-bottom: 13px; padding-left: 30px; padding-top:0px; height: 20px; margin-top: -5px;} #related-posts ul li:hover{ background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie-GGzz9Ir1ga8gKtCKJZbzHE1MsupJGEiWz8_Hdm0cSXP84sNieZq6coIeirn1xIpqiGUg9WCgjWMaV0Y3bb0boLz_9GWBNo7xbtO4jFT500_k7LJWDF0G5RpKJwy4PoUw-oBCHguB8s/s1600/btrix_arrow-icon2.png) no-repeat ; display:block; list-style-type:none; margin-bottom: 13px; padding-left: 30px; padding-top:0px;} </style> <script type='text/javascript'> var relatedpoststitle="Related Posts"; </script> <script src='http://codepen.io/thebloggerguide/pen/ENWdJo.js' type='text/javascript'/> </b:if> 5. Cari kode berikut <data:post.body/> dan tempelkan kode di bawah ini sempurna di atasnya
<b:if cond='data:blog.pageType == "item"'><div id='related-posts'> <b:loop values='data:post.labels' var='label'> <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=6"' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script> <a style="font-size: 10px; color: #bcbcbc; float: right;" href="http:www.thebloggerguide.com/simple-related-posts-widget-blogger/" rel="nofollow" >Get Related Post widget</a></div></b:if> 6. Seting kode yang aku tandi merah tersebut maxresults=10,kode tersebut ialah jumlah daftar yang akan di tampilkan.
7. Save template dan lihat hasilnya.
Mungkin ibarat itu lah Simple Related Posts Widget For Blogger Ala Agan,Thanks.
Sumber https://infoandrocodax.blogspot.com/
<b:if cond='data:blog.pageType == "item"'><div id='related-posts'> <b:loop values='data:post.labels' var='label'> <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=6"' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script> <a style="font-size: 10px; color: #bcbcbc; float: right;" href="http:www.thebloggerguide.com/simple-related-posts-widget-blogger/" rel="nofollow" >Get Related Post widget</a></div></b:if> 6. Seting kode yang aku tandi merah tersebut maxresults=10,kode tersebut ialah jumlah daftar yang akan di tampilkan.
7. Save template dan lihat hasilnya.
Mungkin ibarat itu lah Simple Related Posts Widget For Blogger Ala Agan,Thanks.
Sumber https://infoandrocodax.blogspot.com/
Related Posts
- Cara Menciptakan Widget Testimonial Di Blog Kali ini aku akan menciptakan sebuah widget testimonial sederhana dengan instruksi html dan css untuk dipasang pada blog atau website Anda. Widge ...
- Cara Menghapus Javascript Widget Bundle Di Blogger Untuk Mempercepat Loading- Artikel kali ini yaitu undangan dari Teman - Teman blogger melalui formulir kontak yang menanyakan cara menghapus CSS, Javascript, dan Widget Bunde ...
- Cara Menciptakan Persentase Pada Scrollbar BlogMemasang persentase di scrollbar blog merupakan salah satu cara untuk mempercantik tampilan blog Anda, menciptakan persentase pada scrollbar blog aka ...
- Cara Memasang Antiblocker Sederhana 3 Detik SendiriHai, sobat blogger! Setelah kemarin saya memposting tutorial wacana cara melaksanakan parse instruksi html dan cara menciptakan tool parse, kini ...
- Cara Memasang Dan Modifikasi Label Cloud Keren Di Blogger Mempercantik tampilan blog merupakan hal yang perlu dilakukan oleh setiap blogger, ada banyak cara untuk menciptakan tampilan blog semakin menarik ...
- Cara Menciptakan Widget Author Box Seolah-Olah Google BadgeBeberapa hari kemudian aku sudah menulis artikel perihal cara memasang google badge di blog, google badge atau lencana google ini di pasang di blog b ...
