Selasa, 07 April 2015

Tutorial Membuat Header Blog Sendiri

Akhirnyaa...... blog saya berubah jadi dot com juga. Senangnyaaa berasa punya rumah sendiri.

Alasan utamanya sih mau mandiri, ngga numpang lagi sama si blogspot hahaha. Alasan keduanya biar ikut kekinian lah. Dan alasan ketiga siapa tahu dengan sedikit perubahan, rezeki mengalir lebih lancar cring... cring... cring.

Karena berubah domain, sekalian dong merubah tampilan. Bertahun-tahun ngeblog tampilan blognya polos banget. Bahkan kemarin pas minta pendapat dari salah seorang blogger, katanya blog saya ini tampilannya membosankan. Aduh sakit mak , dan setelah dilihat-lihat memang bener sih, habisan polos banget. 

Awalnya mau pakai jasa designer blog untuk merubah tampilan biar tambah kece, ee tapi pas ditanya maunya gimana kok ternyata maunya saya banyak banget. Pengen headernya begini, trus tulisannya begini, side barnya begitu, edebre edebre, malah bikin susah orang. Lagi ngobrol-ngobrol sama mak Fardelyn Hacky, dikasih tahu aplikasi untuk edit-edit foto yang gampang banget makainya. Maka akhirnya saya coba sendiri dan tadaaaa........ jadilah tampilan blog super manis ini. xixixi.


Awalnya headernya seperti ini. Tapi dilihat-lihat kok terlalu girly yah kayak abege, jadi saya ubah warnanya.

Nah, karena banyak yang bilang header blognya manis semanis yang punya  dan banyak yang minta tutorialnya, sekalian saya tulis disini yah.

Pertama yang harus diketahui bagi para blogger yang mau membuat header keren plus tampilan blog yang macem-macem, bahwa ada yang namanya web/blog designer yang bisa melakukannya tanpa perlu kalian merasa repot, tapi kudu bayar. Keuntungannya, bisa minta macem-macem tanpa capek berkutat dengan segala macam yang namanya widget, dan kode-kode blog yang aduhai bikin pusing kalau belum terbiasa.

Tapi kalau kalian pengen berkreasi sendiri dan punya banyak mau  kayak saya,  yang cuma hati dan pikiran sendiri yang tau apa yang kalian mau, maka ngga ada salahnya coba bikin sendiri, xixixi.

Saya pakai aplikasi yang namanya picmonkey.com


Ada 4 menu disitu : Edit, touch Up , design, dan College

Di oprek aja ya mak, biar tahu fungsi-fungsinya. Sama lah kayak aplikasi edit foto lain, untuk mengcrop, resize, atur ketajaman warna, atur kontrasnya, rotate foto, dll.

Nah karena permintaanya tutorial membuat header blog, jadi langsung saya contohkan saja cara membuat header kayak punya saya ini ya mak.

Pertama kita perlu yang namanya kanvas untuk melukis. Caranya:

Pilih Design

Ada pilihannya tuh, mau yang kotak, persegi, memanjang. Pilih yang memanjang, yang tulisannya facebook cover ( nanti ukuran bisa menyesuaikan ). Lalu, pilih basic Edit, dan pilih warna dasar untuk canvasnya. Kalau mau simple,centang transparat canvas, biar nanti warna background header mengikuti warna blog kita.



Sebelumnya, menu-menu disamping kiri ntu masing-masing fungsinya kayak di bawah ini.


Nah canvas siap, silahkan deh diisi tuh sesuai selera.  

Pertama saya mau buat ada tulisan windi teguh-nya, ceritanya personal branding gitu mak, soale kan di dumay saya lebih dikenal sama nama itu daripada nama sendiri. ya udin, masukin tuh tulisan. Pilih yang ada huruf Tt, pilih jenis tulisan, atur sendiri ukuran tulisan yang diinginkan.beserta warnanya.


Udah gitu, saya pengen ada foto kece sayadisitu, harap maklum ya mak, emak narsis sok eksis. Maka klik icon kupu-kupu itu, trus upload foto yang diinginkan.


Lalu, ditambahin deh pernak-pernik lain, biar lebih berseri. Saya tambahin kupu-kupu, biar kesannya dari jari saya keluar magic berupa kata-kata dahsyat untuk menyihir pembaca, ihiiir.


Masih banyak tuh di Icon kupu-kupu , pernak-pernik lain. Ada burung, daun, pohon, bubble, suka-suka mak, puas-puasin berkreasi. Biar ada kesan feminim saya tambahin lagi mawar-mawar kecil. Ngambilnya dari roses, scroll ke bawah ya untuk gambar bunga.

Udin mak, gitu aja. Setalh merasa cukup, resize dulu sesuai ukuran blog kita. kalau header saya itu saya pakai ukuran 920 x 341. Setelah itu tinggal save aja.


Kalau sudah jadi headernya tinggal dimasukin ke blog.

Caranya?

Login ke blog kita, pilih Tata Letak,


Klik Edit Header. Pilih Foto yang tadi sudah dibuat



Jangan lupa isi judul blog karena kalau ngga diisi ngga mau nyimpen nanti, tapi supaya ngga kelihatan di header blog pilih " Tempatkan Keterangan setelah gambar", save. Udah lihat hasilnya di blog.

Kalau posisinya kurang pas, terlalu kepinggir atau terlalu ke atas, silahkan diatur ukurannya. Tapi kalau mau gampang dan posisi header pas di tengah, masukin code CSS. Ada tutorialnya di blog mak Annisa, sila baca langsung disana ya.

Trus kalau dilihat tuh, share untuk medsos blog saya ada di headernya kan sodara-sodara. Itu dapet caranya dari hasil ngoprek google. Ntar kalau ada yang mau tahu, saya tulis di postingan lain.

Selamatmencoba ya . Betewe minta pendapat dong,bagusan yang mana nih header blog saya, warna pink atau gold? ^_^







Tidak ada komentar:

Posting Komentar