0 Cara Membuat Tombol Buton Kanan Kiri

By Anonim | At Agustus 22, 2018 | Label : TOMBOL BUTTON | 0 Comments

<div class="credit"> <div style="float: left; text-align: left;"> <a href="https://wanimeindo.blogspot.com/" rel="nofollow" target="_blank"><button style="background-color: red; color: white; width: 150px;"><b>Download</b></button></a> </div> <div style="float: right; text-align: right;"> <a href="https://wanimeindo.blogspot.com/" rel="nofollow" target="_blank"><button style="background-color: red; color: white; width: 150px;"><b>Download</b></button></a> </div> </div> <br /> <br /> <div class="credit"> <div style="float: left; text-align: left;"> <a href="https://wanimeindo.blogspot.com/" rel="nofollow" target="_blank"><button style="background-color: black; color: white; width: 150px;"><b>Download</b></button></a> </div> <div style="float: right; text-align: right;"> <a href="https://wanimeindo.blogspot.com/" rel="nofollow" target="_blank"><button style="background-color: black; color: white; width: 150px;"><b>Download</b></button></a> </div> </div> <br /> <br /> <center> <div class="credit"> <div style="float: left; text-align: left;"> <a href="https://wanimeindo.blogspot.com/" rel="nofollow" target="_blank"><button style="background-color: orange; color: white; width: 150px;"><b>Download</b></button></a> </div> <div style="float: right; text-align: right;"> <a href="https://wanimeindo.blogspot.com/" rel="nofollow" target="_blank"><button style="background-color: orange; color: white; width: 150px;"><b>Download</b></button></a> </div> </div> </center>

Semua List

Episode 01

0 Cara Membuat Popular Post Lebih Menarik

By Anonim | At Agustus 15, 2018 | Label : POPULAR POST | 0 Comments

Agar tampilan blog kita lebih menarik dan tidak membuat bosen penggunjung anda bisa membuat popular postnya berbeda dari yang yang lain.Yuk kita simak langkahnya.....

Masuk ke Blogger.com
Pilih Template > Edit HTML.
Cari kode ]]></b:skin> dan Copy kode dibawah ini tepat diatasnya
Simpan dan lihat hasilnya.

.popular-posts ul{padding-left:0px;font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0} .popular-posts ul li {background: url(#) no-repeat scroll 5px 5px; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:12px!important;font-weight:550; border: 1px solid #ff3030; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .popular-posts ul li:hover { background: #ffb6c1;border:1px solid #ff3030; } .popular-posts ul li a:hover { text-decoration:none; } .popular-posts .item-thumbnail img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);height:70px;width:70px;}.popular-posts .item-thumbnail img:hover { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}

0 cara membuat tombol scrol pada blogger

By Anonim | At Agustus 13, 2018 | Label : TOMBOL SCROL | 0 Comments

<div style="overflow:auto;width:100px;height:50px;padding:10px;border:1px solid #eee">

<a href="http://nuansahati90.blogspot.com/">Tes 1</a>

<br />

<a href="http://nuansahati90.blogspot.com/">Tes 2</a>

<br />

<a href="http://nuansahati90.blogspot.com/">Tes 3</a>

<br />

<a href="http://nuansahati90.blogspot.com/">Tes 4</a>

<br />

<a href="http://nuansahati90.blogspot.com/">Tes 5</a>

<br />
</div>

Tes 1
Tes 2
Tes 3
Tes 4
Tes 5