Cara Membuat Halaman Flash Intro di Blog

Cara Membuat Halaman Flash Intro di Blog

Masih di BerBagiBUNG™ Sebelumnya saya pernah membahas tentang Cara Membuat Halaman Intro , Nah pada tutorial kali ini saya akan membahas tentang Cara Membuat Halaman Flash Intro di Blog yang sebenarnya hampir sama dengan Cara Membuat Halaman Intro , tapi kali ini lebih menarik untuk Demo nya silahkan Klik Disini atau lihat screenshot di bawah ini :

Gimana Sob Tertarikkah ?
Oke kita ikuti langkah pembuatannya berikut :

  • Seperti biasa login dulu di Blogger
  • Klik Tata Letak/Layout
  • Klik Edit HTML
  • Lalu cari kode seperti di bawah 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'>
  • 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: url(http://i1183.photobucket.com/albums/x461/hack_man/hack.gif);
}
#flashintro {
text-align:center;
margin:auto;
padding:auto;
}
#outer-wrapper{display:none;}
</style>
<b:else/>
<style>#flashintro{display:none;}</style>
</b:if>

  • Lalu Copy Kode yang dibawah ini dan Paste dibawahnya Kode <body>
<div id='flashintro'><br/><span style='background-image: url(http://mkzscc.com/bling1.gif); color: white; font-size: 20px; font-family: Papyrus; text-shadow: 1px 1px 3px blue;'><a expr:href='data:blog.homepageUrl + &quot;search/label/?max-results=4&quot;'>-=[ Klick Go To My Homepage ]=-</a></span><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><img src='http://shadowname.webatu.com/emoticon/DJ.gif'/>
<center><object data='http://flash-mp3-player.net/medias/player_mp3.swf' height='0' type='application/x-shockwave-flash' width='0'><param name='bgcolor' value='#ffffff'/><param name='FlashVars' value='mp3=http://www27.indowebster.com/d4a0bbc69b4127e970067ae249a9e912.mp3&amp;loop=1&amp;autoplay=1&amp;volume=125'/></object></center>
<div style='position:absolute;bottom:0px;right:15px;z-index=2;'>
<marquee align='center' behavior='alternate' direction='right' scrollamount='4'>
<center>
<img src='http://i1068.photobucket.com/albums/u452/bhakerblog/Dancing-scraps18.gif'/>
</center>
<font color='orange' size='3'>
</font>
<marquee direction='left'>
<font color='red' face='cursive' size='3'>
!! Design By Bhaker&#39;s Blog - http://ber-bagibung.blogspot.com !!
</font>
</marquee>
</marquee>
</div>
<script src='http://postrecent.googlecode.com/files/kembangapi.js' type='text/javascript'>
</script>
<div align='center' style='position:absolute;bottom:0px;left:10px;width:85%;z-index=4;'>
<marquee align='center' behavior='alternate' direction='left' scrollamount='4'>
<center>
<img src='http://i1068.photobucket.com/albums/u452/bhakerblog/Dancing-scraps18.gif'/>
</center>
<font color='orange' size='3'>
</font>
<marquee direction='right'>
<font color='red' face='cursive' size='3'>
!! wWw.berbagibung.blogspot.com !!
</font>
</marquee>
</marquee>
</div>
</div>


! Keterangan !
Teks yang berwarna MERAH adalah URL Gambar , dan dapat sobat ganti sesuai selera sobat . :)
  • klik SAVE TEMPLATE / SIMPAN TEMPLATE
Selamat Mencoba & Sampai Jumpa di tutorial berikutnya . :)



Cassanova In The Hoy~04.39
Silahkan copas artkel di blog opic blog dengan menyertakan link sumber. Karena semua materi POSTING di lindungi hak cipta MERTUA

6 komentar:

  1. salam BLOGGER dan salam kenal dari blogger asal kota padang, sumatra barat.
    maaf,saya masih Newbie

    BalasHapus
  2. mantap nice post gan. http://fajar-network.blogspot.com

    BalasHapus
  3. bagus artikelnya mas casanova..kalo saya mau bikin intro untuk satu widget youtube ditengah saja gimana ya mas.jadi begitu masuk homepage langsung tampil video youtube main,begitu video selesai langsung masuk homepage.trims

    BalasHapus

pic blog merupakan media penyimpanan hasil karya dan kreasi di dunia jumper hardware ponsel, elektronika, tafsir mimpi dan tutorial blog dengan tujuan untuk pembelajaran sekaligus referensi. semua halaman yang ada di opic blog akan selalu di perbaharui... kolom ini akan di jadikan tempat tukar link...
Copyright © 2012 BerBagiBUNG™ || All About Sharing
Template by:Opic Blog