Salsa's Tutobies Blog: Text Online Header vers 4

Wednesday, 7 May 2014

Text Online Header vers 4

Untuk text online header kali ini, aku engga tau ya bisa di template selain blogskin atau engga. Soalnya aku belum pernah nyoba, tapi kayaknya sih gak bisa. Gimana? Udah liat live previewnya? Kalau tertarik, ayo ikuti step nya!

Pertama tama, pasang kode font ini terlebih dahulu.
Copy kode dibawah ini

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

Pastekan kode tadi di bawah kode <head>.
Setelah itu copy lagi kode dibawah ini

#header {

font-family: 'pacifico', sans-serif!important;

font-size: 46pt!important;

text-shadow: 0px 0px 0px transparent;

-webkit-transition: all .15s linear;

-moz-transition: all .15s linear;

color: dddddd;

text-transform: lowercase;

-webkit-text-stroke: 1px transparent;

margin: 0px;

position: absolute;

z-index: 8;

}

#header:hover {

font-size: 46pt!important;

text-shadow: 1px 1px 0px #dddddd, 2px 2px 0px #dddddd, 3px 3px 0px #dddddd, 4px 4px 0px #dddddd, 5px 5px 0px #dddddd, 6px 6px 0px #dddddd, 7px 7px 0px #dddddd, 8px 8px 0px #e6e4e4;

-webkit-transition: all .15s linear;

-moz-transition: all .15s linear;

color: #fff;

}

Dan pastekan diatas kode </style>.
Gantikan kode yang berwarna merah dengan kode warna favoritmu.
Save and done!

4 comments:

po8 May 2014 at 05:29
Thanks kakak tutonya.. mau dipake ke skins baru
ReplyDelete
Replies
siti rahmani15 May 2014 at 14:24
thanks tutorialnya kak,,,
ReplyDelete
Replies
Unknown29 September 2014 at 08:39
KAAA! GABISAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA PADAHAL TEXT ONLINE HEADER INI...LUCU IMUT SIMPEL DAN AKU SUKA! NGEHOVER LAGEEHHH!!!!!!!!!!! TOLONG KASIHTAU CARANYA SUPAYA BISA KAKKKK
ReplyDelete
Replies
Yuki Haura14 November 2014 at 12:32
Kok gak bisa?
ReplyDelete
Replies

Add comment

Salsa's Tutobies Blog

Wednesday, 7 May 2014

Text Online Header vers 4

4 comments:

The Owner

Followers

Tagboard

Blog Stats

Credits

#header {
	font-family: 'pacifico', sans-serif!important;
	font-size: 46pt!important;
	text-shadow: 0px 0px 0px transparent;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	color: dddddd;
	text-transform: lowercase;
	-webkit-text-stroke: 1px transparent;
	margin: 0px;
	position: absolute;
	z-index: 8;
	}

	#header:hover {
	font-size: 46pt!important;
	text-shadow: 1px 1px 0px #dddddd, 2px 2px 0px #dddddd, 3px 3px 0px #dddddd, 4px 4px 0px #dddddd, 5px 5px 0px #dddddd, 6px 6px 0px #dddddd, 7px 7px 0px #dddddd, 8px 8px 0px #e6e4e4;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	color: #fff;
	}