Cara Membuat Judul Blog Menjadi Animasi

Diterbitkan oleh Pranadipa Yajata on Jumat, 08 Juni 2012



Membuat blog tampil menarik sudah menjadi kewajiban seorang blogger. Materi posting bagus tentunya harus didukung dengan penataan yang baik dan penampilan menarik. Bukankah sekalipun punya wajah cantik body "bahenol" kalau tidak pernah mandi dan berpakaian rapi serta sesekali berdandan akhirnya membuat orang malas juga untuk mendekatinya ? Hal seperti ini berlaku juga untuk sebuah blog. Posting yang sudah dengan susah payah dibuat (lembur dan menghabiskan energi sekaligus makanan) tak jadi menarik bila penampilan blog sama sekali tidak di "otak-atik". "Ah, paling-paling orang ini baru seminggu ngeblog", begitu biasanya petualang blog berkata (dalam hati tentunya) kalau melihat wajah blog yang "sama sekali" persis dengan blog bawaan blogger. "Kasihan", bukan ?!


Merubah Bentuk teks judul blog munjadi berbentuk gambar merupakan salah satu cara merubah wajah header blog. Metode ini memungkinkan kita untuk lebih banyak menciptakan berbagai bentuk yang sangat variatif. Bisa berupa gambar biasa atau gambar animasi gif yang bisa berupa image atau image teks. Kita juga bisa menampilkan teks dengan efek blur, tiga dimensi dan masih banyak lagi yang lain.

CARA MEMBUAT :


  1. Tentukan bentuk yang diinginkan : gambar atau teks. Untuk ukuran : yang penting ruangan di bagian header mencukupi.
  2. Apabila ingin bentuk teks animasi datanglah di FlamingText.com - Logo Design. Silahkan langsung KLIK tuk ke sono ! Atau klo punya tempat lain, monggo !
  3. Buat teks yang kalian inginkan sepuas-puasnya dengan ukuran font ideal berkisar di bawah 50 (50px). Setelah jadi upload dulu ke image file hosting.
  4. Kembali ke blog kamu.
  5. Login ke blogger (Login to Blogger).
  6. Klik Template
  7. Klik Edit HTML
  8. Cari kode seperti berikut (di bagian atas di bawah <head>).
Tidak semua template punya kode sama. Sebagai contoh kira-kira seperti ini :
#header h1 {
        font-size: ...px; /* nilai dalam px atau %*/
        color: ....;
        text-align: ...;
        background: ...;
        ...
        ...
}
9.Rubah beberapa kODE menjadi seperti berikut :
#header h1 {
        font-size:...px;   /* tidak dirubah) px atau % */
        color:transparent;  /* color rubah ke  transparent */
        text-align:... ; /* tidak dirubah */
        background:transparent url(https://3288785158770787760-a-1802744773732722657-s-sites.googlegroups.com/site/gubhugreyotprojects/image-posting/mart-2010/blogsetangundulAnima-gubhugreyot.gif) left bottom no-repeat;
        ...  /* tidak dirubah */
        ... /* tidak dirubah */
}
10.Jangan lupa Klik Save Template.


{ 2 komentar... read them below or add one }

adr-de-starz mengatakan...

gk ngerti ku dip........!!!!!!

Yunita Ananda mengatakan...

maaf gan, aku udah coba tapi kok ngga bsa ya?

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...