TUTORIAL™

�������ASSALAMU'ALAIKUM�������
Selamat pagi dan selamat siang juga selamat malam hehehahah
pada kesempatan kali ini kami mau berbagi tutorial Cara Membuat Populer Post Unyu-unyu
ya buat ngisi dan memperbanyak jumlah postingan kami
sudah lama juga aq jarang buat Postingan Tutorial.

Silekan Lihat Demonya di bawah sob

DEMO

Buat sobat yang mau pasang silakan Ambil kode Css dibawah ini

#selladrtto{background:#222;border:2px solid #222;-webkit-box-shadow:inset 0 1px 3px black;-moz-box-shadow:inset 0 1px 3px black;box-shadow:inset 0 1px 3px black;line-height:20px;padding:20px 0;border-bottom:3px solid #111;}
.selladrt-title{font-weight:700;text-transform:uppercase;padding:5px 0 10px;text-align:center;line-height:25px;}
.selladrt-title h2{font-size:20px;}
.selladrt-title h3{font-size:13px;}
.selladrt-link{width:auto;margin:0 auto;}
.selladrt-link li{text-transform:capitalize;list-style:decimal;}
.selladrtpost {float:left;padding:5px;margin:5px;background:#3DB8C8;padding:7px 10px;}
.selladrtpost:hover{background:#269EAD;-webkit-transform:translate(0px,10px);-moz-transform:translate(0px,-10px);-ms-transform:translate(0px,-10px);-o-transform:translate(0px,10px);transform:translate(0px,-10px);-moz-transition:all .9s;-webkit-transition:all .100s;-o-transition:all .20s;}
.selladrtpost:before {content: "\f0e6";font-family:fontAwesome;font-size:22px;font-style: normal;background-color:#055695;color:#fff;top:0;left:0;padding:8px;position:relative;}
.selladrtpost a {color:#fff;}
 .button{ text-align:center;color:#fff; display:inline-block; white-space:nowrap; background-color:#00aaff;background: linear-gradient(#00aaff,#0994d9); border-radius:2px 2px 2px 2px; cursor:pointer; font-family:Coda; font-size:14px; padding:3px 8px 1px; position:relative; text-shadow:0 1px 0 rgba(0,0,0,0.3); top:-1px; transition:none 0s ease 0s; border:1px solid #888;box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3), 0px 1px 2px #bbb;}.selladrtpost:hover{background:#269EAD;}
.button:before {content: "\f0e6";font-family:fontAwesome;font-size:22px;font-style: normal;background-color:#055695;color:#fff;top:0;left:0;padding:8px;position:relative;}
.button:hover { background: linear-gradient(#0994d9,#00aaff)}
.button:active { background: #00aaff;top:0; box-shadow:inset 0 2px 0 rgba(255,255,255,0); } 

Ambil juga Kode Javascript dibaha ini
<script type="text/javascript" src="https://googledrive.com/host/0B9r9LOq_zW5zMXBkZTdoQW1hN1k/"></script>
<section id='selladrtto'>
<div class='selladrt-title'>
<span class="button"><b>Daftar Post Terbaru</b></span>
</div>
<div class='selladrt-link'>
<script type='text/javascript'>
var selpost = 50;
var showpostdate = false;
var showpostsummary = false;
var selladrt = 50;
var standardstyling = false;
</script><script src='http://selladrt-blogger.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts' type='text/javascript'></script>
<div class='clear'></div>
</div>
</section>

Sekian dulu postingan kali ini semoga bermanfaat Amiin...?