Tutorial : Social Network { 1 }

Assalamualaikum and annyeonghaseyo. Salam Nuzul Al-Quran to all muslims. Okay hari ni tieqa nak buat tutor yg sgt simple dan tutor ni juga ada yg request mggu lepas. Sorry tieqa tak tahu sape, sbb dia tnya dkat Ask.fm. Contoh social network mcm ni ;


Template Designer / Denim
1. Dashboard > Layout
2. Add a Gadget > HTML/JavaScript

Template Classic / Blogskin
1. Dashboard > Template
2. Copy code di bawah
<style>
a.luhan {
font-size: 9px;
font-family: Trebuchet Ms;
display:inline-block;
text-align:center;
width: 20px;  
color: #fff; 
background:#D0DBFC;
padding:3px; 
margin:2px;
text-decoration: none; 
-webkit-transition-duration:1200ms;
}

a.luhan:hover{
display:inline-block;
text-align:center;
width: 20px;
color: #000; 
background:#fff;
-webkit-transition-duration:1200ms;
}

</style>
<a class="luhan" href="LINK">WEB NAME</a> 
<a class="luhan" href="LINK">WEB NAME</a>
<a class="luhan" href="LINK">WEB NAME</a>
<a class="luhan" href="LINK">WEB NAME</a>
3. Template designer / denim paste di ruangan HTML/JavaScript
4. Template classic paste di edit HTML
5. Preview & save

Purple : warna background
Pink : link wesbite
Biru : nama website

4 comment [s]:

Zack said...

Template classic boleh paste kat mana2 ke? ^o^

atiqahjaidin said...

@FaZa Yup. paste dekat mana awak nak letak social network tu :)

Shafa Kahransya R said...

Nak kut tuto ni ya, Akak! Thanks ^^

anshmnf said...

Thanks for the tuto kaka Tiqa :)