Annisa’s Blog

Disclaimer
Welcome

Follow
Contac

Hello! Welcome to my blog. I hope you like it. Don't forget to leave message in chatbox. If you want to know new post of this blog, please follow me. And don't judge me, if you don't know me. And if I wrong, please tell me. Thanks for visit here xoxo~

Navigation
Check It

Diary
About
Stuff
Friends

Credit
In Behind Blog

Full Template by Annisa Rahmah
Basic code by Azzahra
Affiliates Template
Minggu, 17 Januari 2016 | 3Blue(s)

Assalamualaikum Wr.Wb

 Kali ini gue bawa tutorial lagi:'v yang di request sama kak Tasya TwT. Seneng banget weh dapet request-an :v /plakk/

For blogskin / Classic Template: 

1.Dashboard > Template > Edit HTML
2.Search atau CTRL+F lalu cari </style> 
3.Copy kode dibawah ini

a.link {
background: (warna background);
padding: 1px;
border: 1px solid (warna border);
width: 95px;
display: inline-block;
color: (warna font);
-webkit-transition: 1s;
text-align: center;
font-size: (ukuran font)px;
line-height: 15px;
margin-bottom: 6px;
font-family: (jenis font);
padding: 3px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 (warna background hover);
-webkit-transition: 1s;
color: (warna font hover);
border:1px solid (warna border hover);

4.Paste-kan kode tadi di atas kode </style>
5.Search atau CTRL+F lalu cari <blogger> 
6.Copy kode di bawah ini dan paste-kan di bawah kode <blogger>

<div id="links" style="display: none;">
<div class="title">Exchange Links</div>
<center><img src="(copy link image disini)" width="400"></center><br>

<blockquote>(Tulis text bebas disini)</blockquote><br>

<center><div style="margin-center: 30px;">
<a class="link" href="http://ar16-01.blogspot.com/">Annisa</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
</div></center>

7.Silahkan pritinjau jika di rasa bagus silahkan save.

For Denim / Designer Template:

1.Dashboard > Laman > Laman baru
2.Buka HTML. Jangan lupa kasih judul Laman nya
3.Copy kode di bawah ini, lalu paste-kan di HTML Laman

<style>
a.link {
background: (warna background);
padding: 1px;
border: 1px solid (warna border);
width: 95px;
display: inline-block;
color: (warna font);
-webkit-transition: 1s;
text-align: center;
font-size: (ukuran font)px;
line-height: 15px;
margin-bottom: 6px;
font-family: (jenis font);
padding: 3px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 (warna background hover);
-webkit-transition: 1s;
color: (warna font hover);
border:1px solid (warna border hover);
}
</style>
<blogger>
<center><img src="(copy link image disini)" width="400"></center><br>

<blockquote>(Tulis text bebas disini)</blockquote><br>

<center><div style="margin-center: 30px;">
<a class="link" href="http://ar16-01.blogspot.com/">Annisa</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
</div></center>
</blogger>

4.Publikasikan lalu copy link laman tadi dan paste di navigation :3
5.Save^^

Udah ya? Maaf kalau rada absurd:'v gak jago bikin tutorial sendiri masalahnya:v semoga bermanfaat^^

Wassalamualaikum Wr.Wb

Label: , ,

Blogger Agatha Stella Tasya mengatakan...

awww makasi sayang :*

 
Blogger Agatha Stella Tasya mengatakan...

aku blm berhasil ngeditnya nih :( malah gada hovernya :(

 
Blogger Mutiara F H mengatakan...

nice tutor<3

 

Posting Komentar

Terimakasih sudah membaca postingan ini.
Bagi yang ingin bertanya, re-post, mengambil freebies. Jangan lupa untuk komentar di bawah^^

xx~


|