rss

Minggu, 25 Desember 2011

Flash Intro Blog


daripada ga bisa tidur mending posting dulu,kali ini saya akan postin cara membuat Flash Intro Blog
Halaman intro blog ini biasanya menampilkan "inti" dari blog itu. Bisa berupa logo, foto pemilik blog, banner blog, atau hanya sekedar judul blog. Baiklah tanpa berlama-lama saya akan jelaskan bagaimana membuat sebuah intro blog.
Demo : http://sundacyber.blogspot.com/

Dan langkah-langkahnya sebagai berikut:
1. Login ke blogger.com dengan ID anda.
2. Masuk ke settingan TATA LETAK / LAYOUT.
3. Klick EDIT HTML.
4. Lalu cari Kode yang seperti ini :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='contoh (Header)' type='Header'>
<b:includable id='main'>
5.  Jika sudah ketemu kemudian Copy Kode dibawah ini lalu Paste persis dibawah Kode tersebut diatas.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>body{background-color:#000000;background-image:none;}#intro-blog{font-size:80px;padding-top:220px;text-align:center;color:#ff0000;}#navbar-iframe{display:none;}#layout_wrapper{display:none;}#outer-wrapper{display:none;}#es{padding-top:30px;text-align:center;font-size:14px;font-weight:bold;</style><b:else/><style>#es{display:none;}#intro-blog{display:none;}</style></b:if>

6.  Lalu Copy Kode yang dibawah ini dan Paste dibawahnya Kode <body>
<div id='intro-blog' text-align='center'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK17WGz1kgnbBeBIfBjvO0e_Ouv0SCXqbvPPxgJH8Km3QpmJkvYAPeafmyt3Xdwxh5WsKJ_eGhQE6dhgP1dV0o_DlbyUbH816z4pCX3yJKses1y44I-COMtazQbRpbBGdWOeNADijwp1FV/s1600/coollogo_com-104804633.png'/>
</div><div id='es'><a href='http://sundacyber.blogspot.com/search/label/?max-results=3'><blink>Enter Site</blink></a></div>
<div id='outer-wrapper'><div id='wrap2'>


7.  Lalu  SAVE TEMPLATE / SIMPAN TEMPLATE
8.  Untuk menggunakan gambar sebagai tampilan INTRO ,  Ganti Kode yang saya beri tanda warna HIJAU dengan link gambar.


*Berdasarkan pengalaman, kode di atas mungkin butuh penyesuaian untuk setiap template yang berbeda, silakan tinggalkan komentar di bawah ini, saya siap membantu apabila soba blogger perlu bantuan. ^_^

0 komentar:


Posting Komentar

Please comment to this blog could be better.