Merubah Judul Blog

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.

 

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 </b:skin>
5. kalau sudah ketemu, copas kode di bawah ini lalu simpan di atas kode </b:skin>


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


6. Cari lagi kode yang seperti di bawah ini 


#header.title { 

Atau kode :

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


7. 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 </b:skin>


#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

https://sites.google.com/site/amiengblog/kumpulan-fonts/KASNAKE.TTF

https://sites.google.com/site/amiengblog/kumpulan-fonts/Tarzan__.ttf

https://sites.google.com/site/amiengblog/kumpulan-fonts/ALHAMBRA.TTF

https://sites.google.com/site/amiengblog/kumpulan-fonts/JFJunRoc.ttf

https://sites.google.com/site/amiengblog/kumpulan-fonts/tatu_font.ttf

https://sites.google.com/site/amiengblog/kumpulan-fonts/Blazed.ttf

https://sites.google.com/site/amiengblog/kumpulan-fonts/BRAD.TTF

https://sites.google.com/site/amiengblog/kumpulan-fonts/Patriot.ttf