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 Menghilangkan Icon Obeng Dan Tang Atau Quick Edit Di Blogger Pengguna blogger mungkin sering melihat ada icon gambar obeng dan tang kecil di bab widget atau sidebar blog. Icon obeng dan tang ini merupakan t ...
- Cara Menambahkan Emoticon Di Komentar Blogspot alasannya yaitu meningkatnya pengguna medsos (media sosial) dan ingin mennggunakan emoticon lucu untuk berkomentar diblog. Cara menambahkan emotica ...
- Cara Memasang Widget Galeri Foto Instagram Di BlogInstagram merupakan media umum yang sangat menarik di sini Anda sanggup membagikan foto, video dan story Anda sehingga instagram menjadi sosial media ...
- Cara Menciptakan Web Push Notifications Di BloggerWeb push notifications merupakan pesan atau notifikasi pop-up yang muncul pada layar desktop maupun smartphone Anda dikala membuka halaman website at ...
- 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 Gampang Memasang Isyarat Syntax Highlighter Berwarna Di BlogCara Praktis Memasang Kode Syntax Highlighter Berwarna Di Blog - Pada kesempatan kali ini aku akan menyebarkan tutorial cara memanga syntax Hig ...
