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 Tengah Artikel Blogger anda yang lain-lain nya yang ada di situs blog yang kita miliki broo hehe.

Tengah Artikel Blogger

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 tentunya.

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. Tengah Artikel Blogger tetapi itu tidak terlalu besar berpengaruhnya.

Pasang Baca Juga Di Bagian Tengah Artikel Blogger 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.

Pasang Baca Juga Di Bagian Tengah Artikel Blogger

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

Pasang Baca Juga Di Bagian Tengah Artikel Blogger 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.

Pasang Baca Juga Di Bagian Tengah Artikel Blogger 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>