Wednesday 7 May 2014

Text Online Header vers 4

      Click here for the live preview!
       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:

  1. Thanks kakak tutonya.. mau dipake ke skins baru

    ReplyDelete
  2. KAAA! GABISAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA PADAHAL TEXT ONLINE HEADER INI...LUCU IMUT SIMPEL DAN AKU SUKA! NGEHOVER LAGEEHHH!!!!!!!!!!! TOLONG KASIHTAU CARANYA SUPAYA BISA KAKKKK

    ReplyDelete

 
Copyright © 2013-2017 By Anugerah Mullia Ulfa Salsabella. All Rights Reserved.