Cara Membuat Related Post Di Blogger Ringan

Satu artikel tentang mebahas Cara Membuat Recent Post Keren Terbaru ,bagi anda yang ingin memasang menu Recent Post Keren dan juga super ringan untuk loding blog kalin ,dengan kebetulan sekali saya baru saja mendapatkan kode Recent Post Keren Ringan Loading Blog,karan setiap anda menambahkan kode Css dan Javascript maka loading blog anda akan menjadi lebih berat ,maka kali ini saya akan shree kode Css dan Javascript untuk pemasangan  Recent Post Keren Ringan Loading Blog silihkan anda ikuti saja pada tutorialnya di bawah ini.

Tanpa Basa basi lagi silakan kalian pasang saja di blog kalian, untuk mempermudah pengunjung untuk memilih artikel terbaru, silahkan jika kalian mencoba Related Post Di Blogger Ringan ini silahkan kalian pasang pada blog kalian dengan cara di bawah ini.

Cara Membuat Related Post Di Blogger Ringan

1. Kamu Login saja ke blogger
2. Kemudian  kamu pilih saja Menu Tambahkan Wigdet pada blog anda
3. Dan kamu pilih Saja Menu Tata Letak >> Tambahkan Gendet Dan kamu pilih menu HTML/JavaScript
4.Langkah Selanjutnya kamu masukan kode di bawah pada kotak Wigdet.

<style type="text/css" media="screen">
#spylist {
overflow:hidden;
margin-top:4px;
padding:0px 0px;
height:400px;
}

#spylist ul{
width:300px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}

#spylist li {
width:295px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:85px;
overflow: hidden;
background: #000
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp0jLfTNKCWUppblxCf5mJhj7Uv7ynUdAxVVs9YXvOURVB5KPz20ZQiXq1b5cFw1qErMwm64yMbkcxiHktcxrHta9yl_M9JkQMcxWlBOEFyynAJxpUv5et2F05XUtTFofwDM02-9_vT2Y/s1600/helperblogger.com-post.jpg)
repeat-x;
border: 1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#000;
font-size:12px;
height:17px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}

#spylist li img {
float:left;
margin-right:5px;
background:#f4eeee;
border:0;
}

#spylist img { float: left; margin-top: 10px; margin-right: 15px; background: #EFEFEF; border: 0; }

#spylist img {
-webkit-transition:
all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s
ease; padding: 4px; background: #eee; background:
-webkit-gradient(linear, left top, left bottom, from(#eee),
color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa)); background:
-moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7); -moz-box-shadow: 0 0 3px
rgba(0,0,0,.7); box-shadow: 0 0 3px rgba(0,0,0,.7);
}

#spylist img:hover {
-moz-transform:
scale(1.2) rotate(-350deg); -webkit-transform: scale(1.2)
rotate(-350deg); -o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg); transform: scale(1.2)
rotate(-350deg); -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0
20px rgba(255,255,255,1); -moz-box-shadow: 0 0 20px rgba(255,0,0,.4),
inset 0 0 20px rgba(255,255,255,1); box-shadow: 0 0 20px
rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
 }

.spydate{
overflow:hidden;
font-size:11px;
color:#007cb5;
padding: 3px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:9px;
color:#272b2e;
padding:2px 0px;
margin:0px 0px;
}

/* ==== Scrolling Recent Posts Widget By INSECURESPOT ===== */
-->
</style>

<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png";
imgr[1] = "https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png";
imgr[2] = "https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png";
imgr[3] = "https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png";
imgr[4] = "https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png";

showRandomImg = true;
boxwidth = 300;
cellspacing = 5;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 69;
thumbheight = 72;
fntsize = 13;
acolor = "#555";
aBold = false;
icon = " ";
text = "comments";
showPostDate =true;
summaryPost = 39;
summaryFontsize = 9;
summaryColor = "#555";
icon2 = " ";
numposts = 12;
home_page = "www.infoseputar.com";
limitspy=7;
intervalspy=3000
</script>

<div id="spylist">
<script src='https://cdn.rawgit.com/tutorialcid/js/223c11e5/recent-post2.js' type='text/javascript'></script>
</div>

Kalian gantai Link www.infoseputar.com dengan Link Blog kalian, masing-masing Save dan lihat blog kalian. jika sudah coba kalian Simpan dan lihat hasilnya, maka blog kalian agar lebih bagus dari sebelumnya, apah lagi Related Post Di Blogger Super Ringan Ringan untuk blog kita, mungkin hanya ini saja yang kami bisa sampaikan ke pada kalian, jangan lupa like dan sahare artikel ini.

Lokasi:

Berbagi :