My Blog's: Link Box & Banner Like Mine

hai aku kembali, oke aku akan penuhi request salma. Untuk kak wafida dan lianty aku cari dulu ya, sebenarnya requestnya lianty udah ada, cuman aku bingung gimana masuki ke blogskins, oke deh jadi ngelantur amburadul.

nah salma request bikin style ex-link kayak aku, karena aku bingung cuman link box -nya doang/ pakai box banner, jadi aku sertain semuanya, plus original-nay sm styleku

Credit Original: kak Tiara

Designer, Denim, Simple, dll template

1.Login ke blogger

2.Pilih laman

3.Buat menu friends, jadikan compose menjadi html

image: kak kinanti

4.Copy code ini

original full kak tiara

kode:

<style>a.link {background: #fff;padding: 1px;border: 2px solid #eee;width: 80px;display: inline-block;color: #ccc;-webkit-transition: 1s;text-align: center;text-transform: uppercase;font-size: 9px;line-height: 15px;margin-bottom: 4px;font: 12px short stack;padding: 3px;}
a.link:hover {box-shadow: inset 130px 0 0px 0 #000;-webkit-transition: 1s;color: #fff;}
.domain {background:white;border-radius:20px;box-shadow:0px 0px 14px #eee;border:5px solid #aaa;padding:10px;align:center;width:450px;margin-bottom:25px;text-align:justify;}</style><a class="link" href="http://nafaraisya.blogspot.com/">Azzahra</a> <a class="link" href="http://lintangapramesti.blogspot.com/">Lintang</a> <a class="link" href="http://dzakiyyatunnuha.blogspot.com/">Nuha</a> <a class="link" href="http://www.fiablog.co.vu/">Fia</a>
<br><br>
<div class="domain"><blogger></blogger><center><div style="height: 250px; overflow-x: hidden; overflow-y: scroll; padding: 5px;"><a href="link"><img src="img banner" style="height: 10px; width: 100px;" /></a> <a href="link"><img src="img banner" style="height: 125px;" /></a></div></center></div></center>

ubahan dariku:

preview:

Tasnim Trinadia Mikaila Kak Tiara

kode:

<style>
a.link {
background: #DBEDFF;
padding: 1px;
border: 2px dashed #87CEFA;
width: 80px;
display: inline-block;
color: #82DAF7;
-webkit-transition: 1s;
text-align: center;
text-transform: uppercase;
font-size: 9px;
line-height: 15px;
margin-bottom: 4px;
font: 12px short stack;
padding: 3px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 #87CEFA;
-webkit-transition: 1s;
color:#DBEDFF;
}
.domain {
background:white;
border-radius:20px;
box-shadow:0px 0px 14px #DBEDFF;
border:5px solid #DBEDFF;
padding:10px;align:center;
width:450px;margin-bottom:25px;
text-align:justify;
}
</style>
<a class="link" href="http://tasnimumtaza.blogspot.com/">Tasnim</a> <a class="link" href="http://trinadiaks.blogspot.com/">Trinadia</a> <a class="link" href="http://pena-mikailaacelin.blogspot.com/">Mikaila</a> <a class="link" href="http://tiarastories.blogspot.com/">Kak Tiara</a> <a class="link" href="http://muthiafk.blogspot.com/">KAK THIA</a> <a class="link" href="http://alifnisla.blogspot.com/">KAK NISLA</a> <a class="link" href="http://halamanrafidstory18.blogspot.com/">RAFID</a> <a class="link" href="http://coretanpenaalya.blogspot.com/">ALYA</a> <a class="link" href="http://book-of-story.blogspot.com/">TABITHA</a> <a class="link" href="http://kanitha-ananda.blogspot.com/">NANDA</a> <a class="link" href="http://sailornako.blogspot.com/">INTAN</a> <a class="link" href="http://kinantijuliastuti.blogspot.com/">KINANTI</a> <a class="link" href="http://anandaraviana.blogspot.com/">ANANDA</a> <a class="link" href="http://nadia-rahmawatiblog.blogspot.com/">NADIA</a> <a class="link" href="http://fathimablueblog.blogspot.com/">FATHIMA</a> <a class="link" href="http://www.fayzaanafisa.co.vu/">FAYZA</a> <a class="link" href="http://aisyablogie.blogspot.com/">AISYA</a> <a class="link" href="http://www.fiablog.co.vu/">FIA</a> <a class="link" href="http://anyasdestiny.blogspot.com/">ANYA</a> <a class="link" href="http://boboiboy-bloggie.blogspot.com/">ZAHRA</a> <a class="link" href="http://www.sweetiegirl.co.vu/">KAK ANNISA</a> <a class="link" href="http://elsaandthewinter.blogspot.com/">Ayesha</a> <a class="link" href="http://www.aurasabrinad.blogspot.com/">AURA</a> <a class="link" href="http://alneira-firja.blogspot.com/">Alneira</a> <a class="link" href="http://mia7unior.blogspot.com/">Mia</a> <a class="link" href="http://muthiadiary2.blogspot.com/">Muthia</a> <a class="link" href="http://litbloggie.blogspot.com/">Jessyln</a>
<br />
<br />
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2dbzYt3nxXJEGVhunxhyphenhyphen0lMa03f9C9RiYv6wJCr4D5ZuwwCm6pXe_7shDwjRE2BBgnhoj7k2jrXphVlJgq8Y5rt6fLlDly8ZQ1gjPvlJrTQ8XNgd3aTNE-mtj99yCjhmqkPkNKpb_llQZ/s1600/BANNER+BLOG.gif" style="height: 157px; width: 167px;" />
<center>
Grab My Banner!</center>
<textarea cols="13" rows="3" style="text-align: center;"><a href="http://wafia-multazima.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2dbzYt3nxXJEGVhunxhyphenhyphen0lMa03f9C9RiYv6wJCr4D5ZuwwCm6pXe_7shDwjRE2BBgnhoj7k2jrXphVlJgq8Y5rt6fLlDly8ZQ1gjPvlJrTQ8XNgd3aTNE-mtj99yCjhmqkPkNKpb_llQZ/s1600/BANNER+BLOG.gif" /></a></textarea></center>
<div class="domain">
<blogger>
</blogger>
<br />
<center>
<div style="height: 250px; overflow-x: hidden; overflow-y: scroll; padding: 5px;">
<a href="http://tiarastories.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBIMXNoz9F75-6o2tUA4RiE4OUVPstNXWK0k6G2EWrTRq8RkhHsMvA70HAHinota23CN4NkTa3DLp54PNBxHGeVyUpVhumQ7RqKdNkyFIkqtc5ZvcM8LBISGZP-ZQy6gI5OJKiqimt1AI/s1600/bannergif.gif" style="height: 100px; width: 100px;" /></a> <a href="http://aurasabrinad.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYBR8dyE_OBLgWdOa4idQmEP1DEx33RXDJInV8jRzFdm2oE6YJwPclr7yarHKCc8QGfoexoqYk7TR5kNl1F369y12GNnrvhymrdUMtXYHcXeGkiGIn2lE4AJjaUhioYoALiM7r-ZXDgErX/s1600/aurasabrina.gif" style="height: 100px; width: 100px;" /></a> <a href="http://www.fiablog.co.vu/"><img src="http://i.imgur.com/vc1EGMh.gif" style="height: 100px; width: 10opx;" /></a> <a href="http://www.fayzaanafisa.co.vu/"><img src="http://i93.photobucket.com/albums/l67/Fayza_Nafisa/Keperluan%20Blogging/MyNewBanner_zpsd74e55bf.gif" style="height: 100px; width: 100px;" /></a> <a href="http://bluewolrd.blogspot.com/"><img src="http://i.picasion.com/pic79/e9efbcabeb1b62ae662735d506c27a9c.gif" style="height: 100px; width: 100px;" /></a> <a href="http://anandaraviana.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiXzYQ7o1dCYOUgm6PfshMesNpptDHQJU9LbUTZ3ZoZG8YcUn_G61nNOndy4FnqIHYD_w4QRyPxzggsjdZUcx-ZuhXfPzLVf5Zm9F5gio7hwrk-Hfe4C8QF4mY7Ko1hYawsl17IyqXuUIK/s1600/banner+ananda.gif" style="height: 100px; width: 100px;" /></a> <a href="http://blogger.com/LINK"><img src="http://i.imgur.com/SwRejee.png" style="height: 100px; width: 100px;" /></a> <a href="http://blogger.com/LINK"><img src="http://i.imgur.com/SwRejee.png" style="height: 100px; width: 100px;" /></a> <a href="http://blogger.com/LINK"><img src="http://i.imgur.com/SwRejee.png" style="height: 100px; width: 100px;" /></a> <a href="http://blogger.com/LINK"><img src="http://i.imgur.com/SwRejee.png" style="height: 100px; width: 100px;" /></a> <a href="http://blogger.com/LINK"><img src="http://i.imgur.com/SwRejee.png" style="height: 100px; width: 100px;" /></a> <a href="http://blogger.com/LINK"><img src="http://i.imgur.com/SwRejee.png" style="height: 100px; width: 100px;" /></a>
</div>
</center>