The Lil' Kid
READ!
Having a hard time here :3
Wendy Marcella
HOME ABOUT LINKIES Follow Facebook
Tutorial 3: Cara baru membuat Header
Friday 16 November 2012 at 06:45 | 0 Comment [s]

Asslamualaikum and hello kepada para pengunjung. Malam2x ni rasa boring pula. Tiada apa mahu di buat so ajar sesuatu yang soooppa cool kepada pengguna Blogskin. Okay, saya ambil tutorial ni dari Google. Saja nak share.  Sekarang saya nak ajar macam mana nak buat header. Tanpa photoshop, tanpa photoscape! Simple sahaja. Tapi header ni tidak boleh letak gambar. So, kalau x tahu macam mana rupanya, jom tengok :-


# Yang saya kotakkan warna merah tu itulah header nya. Kalau x jelas, click gambar untuk tumbesaran. Kalau dah faham, jom mula.

1. Log in ke blogspot.
2. Pergi ke TEMPLATE 
3. Cari code ini:-

<center><img class="header" src="Url header korang" /></center>

4. Kalau dah jumpa, padam code <center><img class="header"src="Url header korang" /></center> .

 5. Kalau dah padam, cari code di bawah :-

blockquote {

ATAU

blockquote:hover { 


6. Kalau dah jumpa, copy code dibawah:-


.header {
color: #00ffff;
font: 100pt 'Dancing Script';
padding-top: 10px;
padding-bottom: 5px;
text-align: center;
-webkit-transition: 2s;
}
.header:hover {
padding-left:112px;
-webkit-transition: 2s;
-webkit-transform: rotate(0deg);
opacity:.01;
}

7. Dah copy, then paste kan ia di BAWAH code blockquote {  ATAU  blockquote:hover {.

 8. Kalau dah selesai, korang tukar benda ni:-

00ffff :- Warna tulisan header. Tukar kalau x suka.
100 : - Size header. Semakin besar nombor yang kamu letak, semakin besar size header.
Dancing Script :- Font header. Kalau nak cantik header tu, bagilah font yang berangkai sikit.

9. Kalau semua sudah di settle kan, cari code dibawah:-

</style> 

10. Dah jumpa? Then copy code di bawah:-

<div class="header">// A Jar Of Hearts</div> 

11.  Pastekan ia di BAWAH code </style> tadi.

12. // A Jar Of Hearts  sila tukar dengan perkataan sendiri.


13. Preview dulu. Kalau dh jadi baru SAVE =)


------------------------------------------------------------------------>

# Kalau korang nak font header macam saya, copy code dibawah:-


<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>

Kalau dah copy, pastekan ia di BAWAH code ini:-

<html> 

SEnangkan? SElamat mencuba :)










Post a Comment


Older | Newer
The Author
The Lil' Kid


Hello :) Welcome to "The Lil' Kid". This blog was 100% designed by me. Mostly, my updates are about my daily life and sometimes I will share some facts. Can you do me a favor? Can you click the FOLLOW button up there? If you clicked it then I'll click yours. Just tell me on my chatbox so I can click yours. So haters, just press CTRL + W please. Enjoy :)



Followers
They're Awesome!



Blog Archive
Click One :)





Older | Newer