Seputar Wordpress

Memodifikasi Tema The Morning After Part 2

Posted by ⋅ ⋅ 40 Komentar

Di beberapa artikel sebelumnya, blog Irfanhandi telah menyajikan tutorial bagaimana memodifikasi tema wordpress The Morning After agar tampil menjadi seperti majalah. Toturial itu benar-benar brilyan! Bagi anda yang menggunakan tema tersebut, segera dikotak katik aja blognya dengan tutorial tsb biar semakin blog anda semakin kinclong.

Nah tutorial itu saya tambahkan sedikit . Jika pada bagian header, bang Irfan memberikan file banner yang bisa diklik, sekarang saya modifikasi dikit dengan mengganti gambar header itu dengan animasi flash!

Coba anda lihat contoh berikut : klik disini Beasiswa Mantap

(blog saya yang sudah lama terlantar) :mrgreen:

Perhatikan bagian headernya ? Itu animasi flash. Bagaimana cara membuat animasi tersebut ?

  1. Kita bisa menggunakan template flash gratisan dari web semacam 123banner.com atau flashvortex.com. Lihat disini tutorial membuat animasi flash  yang ditulis bang Irfan. Nah untuk kepentingan tutorial ini, pilihlah template animasi flash yang sifatnya horizontal seperti template ini (dari 123banner.com) : http://www.123-banner.com/picturebanner.php. Kenapa horizontal, yah biar pas atuh sama penempatan header The Morning After ^_^
  2. Ada baiknya sebelum anda mengupload animasi flash tsb ke widgipedia, hapus dulu iklannya dari file tersebut. Baca disini tutorial menghapus iklan dari animasi flash gratisan
  3. Setelah iklan dihapus dari animasi flash anda dan diupload ke widgipedia, masuk ke dashboard admin blog anda >> Tampilan >> Widget >> clik and drag widget teks ke bagian sidebar kanan dan kopi paste saja kode HTML ini ke widget teks tersebut:
<span style=”position:absolute;top:8px;left:20px;width:550px;height:115px;background:#fff;”><div style=”text-align:center;width:550px;height:115px;margin:0 auto;”>[/gigya width="550" height="115" src="http://www.widgipedia.com/widgets/red_conjurer/Beasiswa-17329-8192_134217728.widget?__install_id=1343052598811&amp;__view=expanded" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></span></a>

Keterangan:

  • yang diberi warna biru adalah kode HTML dari animasi flash. ganti dengan kode HTML animasi flash yang sudah anda upload ke widgpedia ya
  • hapus tanda ” / ” dari depan kata gigya agar kode HTML ini berfungsi

Ada pertanyaan ? Kalo ada, segera antri ambil tiket pada mbak Idah, tukang sapu-sapu dan penjaga blog Irfanhandi. Mbak yuhuuuuuu…siap-siap ya..banyak antrian nih kayaknya

:mrgreen:

Perlu Tutorial lainnya di blog Irfanhandi ?

bagaimana cara membuat arsip dropdown ini? klik disini

Tentang Red

Blogger tampan, seksi, kaya raya dan baik hati. Mengelola blog pribadi di http://annunaki.me/ serta lapak jualan di http://agenhajarjahanam.net/

Diskusi

40 Tanggapan to “Memodifikasi Tema The Morning After Part 2”

  1. berkunjung lagi gan :)

    Posted by muhammadiqbalm | Juli 24, 2012, 3:20 pm
    Reply to this comment

  2. Mas mau tanya bagaimana membuat menu dropdown list yang “Perlu Tutorial lainnya di blog Irfanhandi ?”

    Posted by Hanggar PS | Juli 24, 2012, 7:46 pm
    Reply to this comment

  3. terimakasih infonya., mantabs banget nih., jangan lupa mampir kesini juga ya : http://motogp.unsri.ac.id/

    Posted by downno | Juli 25, 2012, 5:42 am
    Reply to this comment

  4. ngabuburit sambil lihat tips keren blog Irfan Handi … :)

    Posted by onesetia82 | Juli 25, 2012, 9:31 am
    Reply to this comment

  5. Jadi ingin ganti tema juga nih.. :-)

    Posted by Asyim | Juli 25, 2012, 3:23 pm
    Reply to this comment

  6. Mantabs gan..Terimakasih atas infonya..
    Perlu banyak belajar nhe kayaknya.., sebab soal template selama ini ane cuma terfokus pada deblogger je.. :)
    Coba melangkah ke WP ah.., biar kayak Mase.. :lol:

    Posted by SanG BaYAnG | Juli 25, 2012, 10:30 pm
    Reply to this comment

  7. kepingin…. tapi temaku bukan the morning after… :-(

    Posted by Ummu El Nurien | Juli 26, 2012, 1:02 am
    Reply to this comment

  8. yah saya malah pengguna wordpress tapi nice share gen nambah ilmu banget ni

    Posted by kangset | Juli 26, 2012, 2:31 am
    Reply to this comment

  9. makin mantap aja nih tips2nya :D

    Posted by airyz | Juli 26, 2012, 4:38 pm
    Reply to this comment

  10. menarik :D eh bro… itu bikin dropdownnya manual apa otomatis setiap posting tulisan ?

    Posted by SaniNugraha | Juli 28, 2012, 9:13 am
    Reply to this comment
« Komentar Lebih Lama

Kasih Komentar Dong Om & Tante Semua . . .

Fill in your details below or click an icon to log in:

Gravatar
WordPress.com Logo

You are commenting using your WordPress.com account. ( Log Out / Ubah )

Twitter picture

You are commenting using your Twitter account. ( Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. ( Log Out / Ubah )

Batal

Connecting to %s

Kategori

artikel menarik lainnya

Powered by Wordpress ~ Designed by WooThemes ~ Redesigned by Irfan Handi
Jump To Top

%d bloggers like this: