4 Style Related Post ditengah postingan blogger
4 Style Related Post ditengah postingan blogger
Selamat malam , ini malam minggu ya anjay maaf sob, Menganggu sedikit hahahhaaha, Eh ngomong ngomong pada kemana ne malam mingguannya kalau blogger pasti dirumah aja didepan kompi terus cari ide artikel atau postingan apa yang mau dipublish diblog nya terus sambil monitorin blog yang dikelolanya.kalau kamu ? Hmmm pasti lagi dipojokan terus cip ***TEEEEET Sensor hahahah ingat dosa kalau emang cowok langsung nikahin lo kira barang yang bisa ditest rider hahahahah, Jangan diambil hati kali ini ane mau share sedikit ne mengenai Widget related post ditengah artikel blogger.
Udah deh tanpa basa basi langsung aja yak.
Silahkan cari kode ini <data:post.body/> letakan kode dibawah ini tepat diatasnya atau letakan dimana kamu suka aja dah
1. Related post ditengah artikel style bintang biru
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#about{display:none}
#related-posts{margin:10px 0;background-color:#eee}
#related-posts h2{letter-spacing:1px;font-size:18px;color:#222;margin-bottom:10px;position:relative;left:10px;top:10px}
#related-posts a{position:relative;bottom:5px;font-size:15px;color:#666;text-transform:uppercase}
#related-posts a:hover{text-decoration:none;color:#555}
#related-posts ul{list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXgfflDVt2OPvPtmTM1xv_Sf0iTUnoIygDfCCGb6MhgCzuWpMN48l2fEpiCx_4tIie5odZz29LAoGYh7zo_uWFggcMKpQHa-8M_-M2a4xLH-4vcN9IQOhCwm0HbxX6BzoPuCDzHwA3gXc/s1600/rsz_logo-favicon-large.png');margin:0 0 0 0;padding:5px;position:relative;left:30px}
#related-posts li{padding:0%;margin-bottom:7px;width:94%;border-bottom:1px dashed #666}
#related-posts li:hover{font-weight:bold}
</style>
<script type='text/javascript'>
var relatedpoststitle="Artikel terkait:";
</script>
<script src='https://rawgit.com/perampokgoogle/Relatengah/master/simple-related-posts.js' type='text/javascript'/>
<div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=4"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=6; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script></div>
</b:if>
2. Related post ditengah artikel style bintang merah
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#about{display:none}
#related-posts{margin:10px 0;background-color:#eee}
#related-posts h2{letter-spacing:1px;font-size:18px;color:#222;margin-bottom:10px;position:relative;left:10px;top:10px}
#related-posts a{position:relative;bottom:4px;font-size:15px;color:#999;text-transform:capitalize}
#related-posts a:hover{text-decoration:none;color:#555}
#related-posts ul{list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLTWfOLAmNZZQDAnOrSUnmkv5B6zKb5KjKBepT_PZEbvT55yQUvWs7WkWyFdq8cFr3dek0PGAJWgVugDD0UjRtr7u87GhSX1JOWBME8vRq3TIUjSUvO-LN5U0-7vFNO9v58WQEriApiPw/s1600/rsz_1rsz_icon256.png');margin:0 0 0 0;padding:5px;position:relative;left:30px}
#related-posts li{width:94%}
#related-posts li:hover{font-weight:bold}
</style>
<script type='text/javascript'>
var relatedpoststitle="Artikel terkait om:";
</script>
<script src='https://rawgit.com/perampokgoogle/Relatengah/master/simple-related-posts.js' type='text/javascript'/>
<div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=4"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=6; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script></div>
</b:if>
3. Related post ditengah artikel style kotak ijo
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts{margin:13px 5px;background-color:#20DD71}
#related-posts h2{color:#FFFFFF;margin-bottom:13px;left:7px;top:10px;font-family:Trebuchet ms}
#related-posts a{font-size:14px;color:#999;text-transform:capitalize}
#related-posts a:hover{text-decoration:none;color:#555}
#about{position:absolute;right:1%;font-weight:bold}
#related-posts ul{list-style-type:none;margin:0 0 0 0;padding:5px}
#related-posts li{padding:12px;border-bottom:3px solid #eaeaea;background-color:#FFFFFF}
</style>
<script type='text/javascript'>
var relatedpoststitle="Baca yang lainnya juga:";
</script>
<script src='https://rawgit.com/perampokgoogle/Relatengah/master/simple-related-posts.js' type='text/javascript'/>
<div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=4"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=6; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script></div>
4. Related post ditengah artikel style seperti diblog ini cuma background putih
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts{margin:10px 5px}
#related-posts h2{letter-spacing:1px;font-size:18px;color:#222;margin-bottom:15px;position:relative;left:5px;top:10px}
#related-posts a{font-size:14px;color:#999;text-transform:capitalize}
#related-posts a:hover{text-decoration:none;color:#555}
#related-posts ul{list-style-type:none;margin:0 0 0 0;padding:5px}
#related-posts ul{list-style-type:none}
#about{position:absolute;right:1%;font-weight:bold}
#related-posts li{padding:12px;border-bottom:2px solid #fff;border-left:5px solid #BCC2B9;background-color:#F4F4F4}
#related-posts li:hover{background:#F4F4F4;font-weight:bold;background-color:#eee;border-left:5px solid #188DD7}
</style>
<script type='text/javascript'>
var relatedpoststitle="Lo harus baca ini:";
</script>
<script src='https://rawgit.com/perampokgoogle/Relatengah/master/simple-related-posts.js' type='text/javascript'/>
<div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=4"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=6; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script></div>
</b:if>
Dah cukup sekian dan terimakasih intinya ini untuk membuat artikel terkait didalam postingan blogger, Jadi terserah kamu deh mau letakin dimana nggak dosa kok !
