TUTORIAL™

--✽ ✽ ✽--ASSALAMU'ALAIKUM--✽ ✽ ✽--
apa kabar sobat semuah pada kesempatan kami kali ini kami mau berbagi
sedikit Tutorial Ringan Cara Modiv Daftar Blog Sahabat 
buat sobat semuah yang membutuhkanny.
Nah sobat bisa lihat Demo di Tempat ini.
Menurut kami Daftar Blog ada gunanya juga
buat cepat2 berkunjung di tempat blogger sobat2 semuah
jadi gak usah bingung2 harus buka Buku Harian dulu hehehhe....

Buat sobat yang mau pasang silakan ikuti Langkah-Langkah di bawah ini
1: seperti biasa sob masuk ke akun sobat semuah ok....?
2: cari kode </b:skin> kalu sudah ketemu Copy Kode dibawah ini pastekan Pas di Atasnya Kode </b:skin>

 
#BlogList1 {-shadow: 0px 1px 0px rgba(0, 0, 0,0.4);-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) ,inset 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) , inset 0px 1px 3px rgba(0,0,0, 0.2);box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) , inset 0px 1px 3px rgba(0, 0, 0, 0.2);height:150px;width:auto;overflow:auto;color: #2a54aa;	}/*--- Orginal BlogList1 Editing www.bloggertutoria.com --- */
#BlogList1 ul {padding-left: 0px;
counter-reset: popcount;color: #00ff00; text-shadow: 0 -1px 0 #000; }50%  { color: #0000ff; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; }100% { color: #0000ff; text-shadow: 0 -1px 0 #000; }}@keyframes pulsate{0%{color: #00ff00;text-shadow: 0 -1px 0 #000; }50%  { color: #00ff00; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #0000ff; }100% { color: #00ff00;text-shadow:0 -1px 0 #000; }; color:#00ff00;
}#BlogList1 ul li:before {width:10px;height:10px
list-style-type: none;
/*--- Posisi Nomer Urutan Editing www.bloggertutoria.com --- */
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: rgba(0,0,0,.15);
color: #00ff00;
position: relative;
font-weight: bold;
font-family: georgia;
float: right;
border: 2px solid #ff0000;
border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;}
#BlogList1 ul li {font-size:11px;position:relative;background-color:#F8FAFB;-shadow: 0px 1px 0px rgba(0, 0, 0,0.4);-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) ,inset 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) , inset 0px 1px 3px rgba(0,0,0, 0.2);box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) , inset 0px 1px 3px rgba(0, 0, 0, 0.2);padding:5px;min-height:0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:5px;
 border-bottom: 1px dashed #0000ff;border:solid 1px #2a54aa;
}#BlogList1 ul li:after {content:"";position:absolute;top:19px;border-width:10px;border-style:solid;right:100%;border-color:transparent #0088b2 transparent transparent;width:0;height:0;z-index:99;margin:7px 1px;}
#BlogList1 ul li:hover {background:#1e70bc;
border-bottom: 1px dashed rgb(105, 105, 105);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-animation:spin2Pulse 4s infinite linear; -webkit-animation:spin2Pulse 4s infinite linear}
@-moz-keyframes spin2Pulse{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}
@-webkit-keyframes spin2Pulse{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)
}#BlogList1 img {
border: 1px solid #666;
padding: 2px;
opacity: 0.4;}
#BlogList1  img:hover {
border: 1px solid #ddd;
opacity: 0.9;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-animation:spin2Pulse 4s infinite linear; -webkit-animation:spin2Pulse 4s infinite linear}
@-moz-keyframes spin2Pulse{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}
@-webkit-keyframes spin2Pulse{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)
} 

3: Simpan Template lihat hasilnya kalu sudah pas di hati silakan di perbaiki lagi warna dan Hover nya.
Sekian dulu dari kami Postingan kali ini  Cara Modiv Daftar Blog Sahabat
semoga berguna buat sobat yang membutuhkannya Amin..?