Pasang Baca Juga Di Bagian Tengah Artikel Blogger

Kali ini MbotonDev akan memberi tips anda trik ya broo admin Mbotondev akan memberikan sebuah tutorial atau informasi bagaimana caranya membuat atau memasang sebuah fitur-fitur artikel Baca juga  pada postingan blog maupun website anda broo.
https://www.mboton.net/2019/03/pasang-baca-juga-di-bagian-tengah-artikel-blogger.html
Pasang Baca Juga Di Bagian Tengah Artikel Blogger


Apa tujuan di buat artikel terkait ini?


membuat pengunjung atau pembaca di situs web atau blog yang kita miliki tersebut menjadi lebih simple dan mudah untuk mengetahui artikel atau postingan anda yang lain-lain nya yang ada di situs blog yang kita miliki broo hehe.

Apa efek sangat simple dan lebih responsive bila kita memasang fitur ini brook arena pengunjung sangat mudah untuk klik artikel anda dengan mudah? yak efek nya adalah situs kita menjadi lebih menarik dan juga lebih keren tentu nya, tetapi broo di balik itu semua ada dampak negative dan dampak positifnya juga yaitu menjadikan blog yang kita semua menjadi lebih sedikit lemot tapi tidak lemot banget kok broo dalam hal memuat atau loadingnya. tetapi itu tidak terlalu besar berpengaruhnya.

Kalau kamu masih bimbang dengan ini semua taa broo mungkin kalian bisa bertanya - tanya pada di kolom komentar saya broo bagaimana cara memasangnya. Di sini admin MbotonDev akan memberikan caranya atau layanan yang cepat. untuk lebih jelas nya silahkan mencoba dengan benar secara ikuti langkah - langkah berikut dengan bener jangan sampai salah broo.

Ada 5 Langkah Sebelum Anda Melakukannya broo.

  1. Masuk Blog Klik Edit Template
  2. Tekan Ctrl+F Cari Kode </head>
  3. Kode di bawah ini tepat sebelum atau di atas  kode ]]></b:skin>
  4. Code di bawah ini tepat di bawah kode <data:post.body/>
  5. Save template Broo


langkah yang pertama kawanku buka blog sobat dan masuk ke dalam dashboard blogger. lalu pilih tema atau template kmudian anda bias edit html. dalam hal ini admin MbotonDev yakin kawan-kawan pasti sudah paham iya lebih tempatnya pelajari dulu.
cari kode tersebut </head> kamu bisa gunakan cukup tekan ctrl+F untuk memudahkan pencarian anda semua broo. setelah itu kalau sudah ketemu kode tersebut lalu kamu bisa copykan kode di bawah ini tepat di atas kode </head> tersebut broo.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var relatedSimply = new Array(); var relatedSimplyNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedSimply[relatedSimplyNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedSimplyNum] = entry.link[k].href; relatedSimplyNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedSimply[i];}} relatedSimply = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedSimply.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedSimply.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedSimply[r] + '</a></li>'); if (r < relatedSimply.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>
</b:if>


Setelah itu kalau sudah di pastekan cari lagi kodenya ]]></b:skin> atau </style> antara dua itu broo kalau punya saya ]]></b:skin> bila sudah ketemu lagi langsungkan copykan lagi kode di bawah ini tepat sebelum atau di atas  kode ]]></b:skin> atau </style> pada template anda semua broo.

/* Related Post Style 2 */
.related-simplify{position:relative;padding:20px 12px 12px 12px;margin:32px auto 24px auto;width:93%;border:4px double rgba(0,0,0,0.2)}
.related-simplify h4{background:#fff;padding:8px 10px;position:absolute;margin:0;font-size:17px;font-weight:700;color:#000;top:-21px;left:2.5%}
.related-simplify ul{margin:0;padding:0}
.related-simplify ul li{position:relative;list-style:none;padding:9px 0;margin:auto;line-height:1.4em;transition:all .3s}
.related-simplify ul li:before{content:'\f0c8';font-family:fontawesome;position:absolute;margin:0 5px 0 2px;color:rgba(0,0,0,0.5);overflow:hidden;font-size:60%;left:10px;transition:all .3s}
.related-simplify ul li:hover:before{content:'\f0c8';font-family:fontawesome;color:#0383d9;}
.related-simplify a{color:#000;font-size:14px;margin:0 0 0 30px;}
.related-simplify a:hover{color:#0383d9;}
.related-simplify ul li:nth-child(n+4) {display:none;}
@media only screen and (max-width:768px){
.related-simplify{padding:15px 0 10px 0;width:100%;border:2px solid #e74c3c;border-left:0;border-right:0}
.related-simplify h4{color:#e74c3c;padding:8px;font-size:15px;top:-18px;left:3.5%}
.related-simplify a{font-size:14px;margin:0}.related-simplify a:hover{color:#e74c3c}
.related-simplify ul li{padding:5px 0}
.related-simplify ul li:before,.related-simplify ul li:hover:before{display:none}}


Kalau sudah kamu paste kemudian kawanku semua cari lagi iya hehe cari kode <data:post.body/> biasanya setiap tema atau template blog atau website mempunyai lebih dari satu kode tersebut jadi sobat coba saja satu per satu, tetapi saran admin copy kan saja code di bawah ini tepat di bawah kode <data:post.body/> yang kedua.

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='related-simplify'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<h4>Baca Juga</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>


Kalau sudah semua dicopy dan dipaste tinggal kamu klik Save atau simpan template anda semua broo. Oke selamat mencoba dan semoga berhasil. Jangan lupa di komentar di bawah ini broo terima kasih atas kunjungan anda semua broo. Semoga bermanfaat dan berhasil.
Pasang Baca Juga Di Bagian Tengah Artikel Blogger Pasang Baca Juga Di Bagian Tengah Artikel Blogger Reviewed by Mboton on 3/15/2019 Rating: 5

3 comments:

Powered by Blogger.