×

Owner / Author / Admin / etc

    Rahman NM    

"Pada halaman web ini saya akan membagikan informasi informasi menarik seputar Anime, Manga, Game, Film, dan juga berbagai tips-tips menarik lainnya."

Cara Membuat Artikel Terkait Seperti Wordpress di Blogger

February 21, 2020   • Comment

Pada kesempatan kali ini saya akan membagikan sebuah tutorial membuat artikel terkait seperti wordpress di platform blogger.

Sebagai seorang pemilik website tentunya kamu sudah tidak asing lagi dengan artikel terkait yang menampilkan beberapa judul artikel berupa link aktif. Artikel terkait biasanya dipasang ditengah tengah postingan yang sesuai dengan label.

Artikel terkait yang saya bagikan ini akan berbeda dengan artikel terkait yang pernah kamu lihat, karna setiap artikel terkait akan muncul satu per satu disetiap sela sela paragraph dengan jumlah yang dapat kamu atur sesuai keinginan kamu. Memasang artikel terkait juga dikatakan dapat meningkat SEO pada blog karena link eksternal di blog kalian akan secara otomatis masuk, dan lagi memasang artikel terkait juga dapat memudahkan pengunjung menemukan artikel dengan kategori yang sama.

Nah bagi kamu yang penasaran bagaimana cara membuat artikel terkait seperti wordpress di Blogger, yuk simak baik baik bagaimana cara membuatnya.


Cara Membuat Artikel Terkait Seperti Wordpress di Blogger
Jika template kamu sudah menggunakan Artikel Terkait Bawaan Template Silahkan Hapus Terlebih Dahulu.
1. Pertama, login terlebih dahulu ke Blogger,
2. Kemudian, pada dashboard Blogger pilih Tema ⇒ Edit HTML,
3. Lalu, copy kode CSS dibawah ini dan letakkan tepat diatas kode </b:skin> atau </style>,
/* Exploit Related Post */
.exploitMultiRelated{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 1px 4px rgba(0,0,0,0.10);border-left:3px solid #ff69b4;border-top-left-radius: 5px;border-bottom-left-radius: 5px;padding:0;background-color: rgba(255,255,255,0.1);color:#000;margin:10px 15px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;transition:all .3s} .exploitMultiRelated:hover{background-color:#e3e3e3}
.exploitMultiRelated .content{padding:10px 10px;line-height:1.5em} 
.exploitMultiRelated .content .text{margin-right:5px;text-decoration:underline;font-weight:600;} 
.exploitMultiRelated .content a{color:#000;text-decoration:none;line-height:1.5em} 
.exploitMultiRelated .icon{ height:auto; min-width:50px; background:#ff69b4 url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%23fff'/%3E%3C/svg%3E") center / 40px no-repeat; transition:all .3s ease;}
.exploitMultiRelated:hover .icon{background-color:#e60073} 
4. Setelah itu cari kode ini <data:post.body/> (mungkin ada banyak kode seperti itu, untuk template Viomagz silahkan pasang dikode yang KETIGA kalinya ketemu), dan letakkan kode tersebut tepat dibawahnya,
<b:if cond='data:view.isPost'>
<script type='text/javascript'>
//<![CDATA[
// Multi Related Post
(function() {var jumlah = 4;let post = document['querySelectorAll']('.post-body br, .post-body p'),a = jumlah + 1,b = post['length'] / a;c = Array['from']({length: jumlah}, (redfx, blufx) => blufx + 1);
for (let d = 0; d < c['length']; d++) {let e = c[d],f = parseInt((b * e)),g = document['createElement']('div');g['className'] = 'exploitMultiRelated';if (post[f]['nodeName'] == 'P') {post[f]['parentNode']['insertBefore'](g, post[f])} else {post[f]['parentNode']['insertBefore'](g, post[f]['nextSibling'])}}})();
var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(nerdfx) {for (var desfx = 0; desfx < nerdfx['feed']['entry']['length']; desfx++) {var nefx = nerdfx['feed']['entry'][desfx];relatedTitles[relatedTitlesNum] = nefx['title']['$t'];for (var ciafx = 0; ciafx < nefx['link']['length']; ciafx++) {if (nefx['link'][ciafx]['rel'] == 'alternate') {relatedUrls[relatedTitlesNum] = nefx['link'][ciafx]['href'];relatedTitlesNum++;break}}}}
function removeRelatedDuplicates() {var viefx = new Array(0);var labfx = new Array(0);for (var desfx = 0; desfx < relatedUrls['length']; desfx++) {if (!contains(viefx, relatedUrls[desfx])) {viefx['length'] += 1;viefx[viefx['length'] - 1] = relatedUrls[desfx];labfx['length'] += 1;labfx[labfx['length'] - 1] = relatedTitles[desfx]}};relatedTitles = labfx;relatedUrls = viefx}
function contains(yelfx, yufx) {for (var grefx = 0; grefx < yelfx['length']; grefx++) {if (yelfx[grefx] == yufx) {return true}};return false}
//]]>
</script>
  <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
      <b:if cond='data:view.isPost'>
        <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=100&quot;'/>
      </b:if>
    </b:loop>
  </b:if>
<script type='text/javascript'>
//<![CDATA[
(function exploitMultiRelated() {var text = 'Baca Juga :';let r = Math['floor']((relatedTitles['length'] - 1) * Math['random']());let i = 0;let jumlah = document['querySelectorAll']('.exploitMultiRelated');while (i < relatedTitles['length'] && i < jumlah['length']) {for (let a = 0; a < jumlah['length']; a++) {jumlah[a]['innerHTML'] = '<span class="content"><span class="text">' + text + '</span><a href="' + relatedUrls[r] + '" title="' + relatedTitles[r] + '">' + relatedTitles[r] + '</a></span><span class="icon"></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})();
//]]>
</script>
</b:if>
5. Terakhir simpan atau save template tersebut.

Kesimpulan
Dengan memasang artikel terkait kamu tidak perlu lagi repot repot untuk memasang Link Aktif secara manual. Dikatakan juga memasang artikel terkait dapat meningkat SEO blog kamu karna Link eksternal secarao otomatis sudah masuk.

Akhir Kata
Sekian tutorial cara memsang artikel terkait secara otomatis didalam postingan blog yang dapat saya bagikan dan Semoga bermanfaat :D

Source: ExploitTekloggers

Creativity of codes and exploiting, with code we can do something fun.
Facebook Instagram Twitter
Show Comments!
Hide comments

0 Response to "Cara Membuat Artikel Terkait Seperti Wordpress di Blogger"

Kebijakan berkomentar :

Berkomentarlah dengan tata bahasa yang baik, agar orang tau sebijak apa karakter anda melalui kata-kata,

Silahkan berkomentar apapun selagi masih berhubungan dengan halaman postingan ini,

Dilarang berkomentar menggunakan Link Aktif,

Centang Notife Me agar mendapatkan notifikasi balasan komentar admin melalui Email.

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel

Iklan Tengah Artikel 2

Iklan Bawah Artikel

© Copyright 2020 Anirock Site - All Rights Reserved Created With