Cara Merubah Judul Blog (Header) Dengan Teks Keren

Merubah judul blog dengan gambar atau animasi  memang terlihat menarik tapi sedikit memperlambat loading blog apalagi kalau gambarnya berukuran besar.

Nah mungkin artikel  kali ini cocok buat anda yang ingin merubah judul blog biar terlihat menarik tanpa menambah beban loading blog.

Contohnya seperti di bawah ini

Kegunaannya

• mempercantik tampilan header blog tanpa menambah beban loading blog

Cara membuatnya

1. Loggin ke blogger
2. Masuk ke dasbor
3. Klik "template"
4. Cari kode ini 

kalau sudah ketemu, copas kode di bawah ini lalu simpan di atas kode 

@font-face {
font-family: "zerro";
src: url(https://sites.google.com/site/amiengblog/kumpulan-fonts/zero.ttf) format("truetype");
}

Cari lagi kode yang seperti di bawah ini 

#header.title { 

Atau kode :

.header h1 { font: $(header.font);

Kalau sudah ketemu di antara 2 kode di atas, copas kode di bawah ini lalu simpan  setelah kode#header.title {  atau kode .header h1 { font: $(header.font);

font: 40px/20px zerro;

Tapi kalau tidak di temukan 2 kode di atas, bikin sendiri aja sob seperti contoh di bawah ini.
biar enggak ribet, copas aja kode di bawah ini lalu simpan di atas kode 

#header .title { 
width: 400px; 
margin: 0 auto; 
float: left; 
color: #8c6c0c; 
font: 40px/20px zerro; 
text-align: left; 
text-shadow: 0 10px 12px #1D2301; 
border: 10px solid rgba(255, 255, 255, 0.01); 
border-top-color: rgba(255, 255, 255, 0.01); 
border-bottom-color: rgba(255, 255, 255, 0.01); 
}

Keterangan :;
width: 400px; : untuk merubah lebar teks
color: #8c6c0c; : umtuk merubah warna teks
text-align: left : untuk merubah posisi teks
text-shadow: 0 10px 12px #1D2301;  : untuk merubah warna shadow teks
border: 10px solid rgba(255, 255, 255, 0.01); 
border-top-color: rgba(255, 255, 255, 0.01); 
border-bottom-color: rgba(255, 255, 255, 0.01);  : kode perintah untuk membuat teks shadow/bayangan

Cukup sekian dulu, bila ada yang kurang di mengerti jangan sungkan-sungkan untuk bertanya

Bila sobat ingin merubah teksnya dengan teks kepunyaan sobat, sobat cukup mengganti kode yang berwarna merah di atas dengan kode teks kepunyaan sobat.

sumber : http://duniacoratcoret.blogspot.com