Friday, September 23, 2016

Trik Modifikasi Header blog dengan gambar

cara membuat gambar header blog secara online Prosesnya tidak lama, cukup mengunjungi situs penyedia layanan pembuatan gambar, dan memilih salah satu bentuk gambar yang kita inginkan. Setelah itu download dan pasang di blog kita. Silakan lihat dulu contoh gambar dibawah ini.


Gambar diatas adalah contoh gambar dalam bentuk tulisan yang ada di penyedia layanan pembuatan gambar online. Dengan menggunakan gambar, kita punya banyak pilihan bentuk dan juga warna yang bisa digunakan. Berbeda dengan tampilan huruf blog, yang warna dan bentuknya terbatas, hanya bisa menggunakan satu warna.
Disitus tersebut ada juga jenis gambar animasi, seperti huruf yang mengeluarkan api, Petir, animasi Glow yang bergerak dan masih banyak lagi. Untuk lebih jelasnya, Cara membuat gambar header blog. 
Ikuti langkah-langkah dibawah ini:
  1. Kunjungi situs http://cooltext.com/ 
  2. Selanjutnya pilih salah satu gambar huruf yang kalian suka.
  3. Dan atur warna dan juga bentuk hurufnya.
  4. Setelah selesai, lihat bagian bawah, klik Creat Logo.
  5. Terakhir Download
 Cara Memasang gambar tulisan dalam Blog
  1. Login ke blog, kemudian
  2. Klik pengaturan Tata Letak.
  3. Pada bagian layout Header Blog, Klik Edit. Dan Upload gambar tadi.
  4. Selanjutnya atur penempatan gambar. Pilih dibalik judul dan keterangan 
  5. Terakhir Save pengaturan gambar. Dan lihat, gambar berada di belakang judul dan deskripsi.
 Jika ingin menyembunyikan tulisan judul dan deskripsi blog. Ikuti langkah-langkah dibawah ini.

  1. Sekarang kita sembunyikan tulisan judul dan deskripsi dari halaman blog, 
  2. Login ke Blogger
  3. Pilih Template
  4. Klik edit HTML
  5. Cari kode ]]></b:skin> dengan cara ctrl+F untuk mempermudah pencarian dan 
  6. tempatkan kode dibawah ini diatasnya ]]></b:skin>.
               .Header h1 {
                height: 0px;
                 visibility: hidden;
                 display: none;
                 }

              .Header .description {
               height: 0px;
               visibility: hidden;
               display: none;
               }
    7. Setelah menambahkan kode diatas maka judul blog dan deskripsi akan disembunyikan dari tampilan  
        blog, tinggal gambar saja.
    8. Dengan begitu judul dan deskripsi tetap ada, hanya disembunyikan.
    9. setelah selasai kemudian Save.
    10. silahkan dicek tampilan blog anda