rss

Saturday, January 16, 2010

Buat Flash Intro Di Blogger Blog Anda!

Jeng...jeng...jeng..hoho. Pernah buat flash intro di blogger blog anda tak sebelum ini? Mesti bestkan,nampak steady dan cool jer blog anda,mana tidak ada intro tambah flash lagi. Kali ini saya akan tunjukkan dan berikan kod kepada anda semua untuk hasilkan flash intro di blog blogspot anda. Sebelum ini saya dah postkan macam mana nak letak animasi flash di blogger blog kali ini intro flash plak!


Baiklah...mari-mari kita mulakan proses memasang flash intro di blog masing-masing... kasih cool impact maa sama itu blogspot...huehue.

* Hasil tutorial dan proses ini nanti anda boleh lihat disini  amacam? pasang di blog sendiri nanti k...

Langkah 1 :
- Log masuk ke akaun blogger anda
- Klik dashbord
- Klik layout
- Klik edit html
- Klik download full templates ( jika masih kurang yakin,elok backup awal-awal hehe...)
- Klik atau tik expand widget templates
- Cari kod ini : <body>
- Salin kod dibawah ini dan letakkan tepat dibawah atau selepas kod  <body> ini

<div id='flashintro'>
<div align='center'> <p style='padding:50px;'> <object height='340' width='150'> <param name='movie' value='IntroFlash.swf'/> <embed height='450' src='Url Flash Anda' width='560'> </embed> </object> </p><p style='padding-top:5px;font-size:18px;font-weight:bold;color:#fff;'><a expr:href='data:blog.homepageUrl + &quot;search/label/?max-results=4&quot;'>skip intro</a></p> </div>
</div>
* PERINGATAN !!
- Angka berwarna biru dalam kotak di atas boleh anda tukar mengikut kehendak dan kesuaian yang anda  perlukan.
- Tulisan warna merah plak anda kena gantikan dengan url atau link flash anda.

Langkah 2 :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
body {
background-color: #000000;
background-image: none;
}
#flashintro {
text-align:center;
margin:auto;
padding:auto;
}
#outer-wrapper{display:none;}
</style>
<b:else/>
<style>#flashintro{display:none;}</style>
</b:if>
- Masukkan kod dalam kotak di atas ini, di bawah atau selepas kod <b:includable id='main'> ini.

** NOTA PENTING !!
- Kalau anda tidak jumpa kod <b:includable id='main'> ini. Ianya mungkin berbeza,jadi cari sahaja    kod yang hampir sama.
*Sebab ia berbeza : sebab template dan struktur blog kita tidak sama...hehe
- Janji dan penting anda jangan keliru...ok

Langkah 3 :
- Seterusya masukkan kod dalam kotak dibawah ini,sebelum atau di atas kod ]]></b:skin> ini.
body#layout #flashintro {display:none;}
* Tujuan memasukkan kod di atas ini,adalah untuk menggelakkan intro flash blog muncul di semua laman blog anda. Cukup la muncul di home page,baru nampak professional..huahua...

- Kalau anda sudah selesai semua proses di atas
- Klik sahaja preview ( untuk memastikan semua betul )
- Kalau tiada masalah dan intro flash anda muncul,klik sahaja save templates.
- Maka dengan itu,selesai sudahlah proses memasang intro flash kita.

Sekian sahaja untuk kali ini kengkawan semua,semoga kalian dapat pasang intro flash di blog masing-masing dengan baik dan selamat.

* Kalau ada masalah,kekeliruan,kekusutan,kebuntuan dan sebagainya ketika anda mengikuti tutorial ini. Silakan tinggalkan komen-komen anda,saya akan cuba membantu.

Sekian sahaja,wasalam...


Comments :

Comment 1
sarahzainal said...
in 

sori,tapi saya buat xbole sbb saya xdapt cari kod yg no 1 tu kat html sya.tolong ye..TQ


Post a Comment

* You can leave some comment here. No spam please!
** Allowed HTML Tags : (b),(i),(a)

 
How To Create Blog On Blogger
How To Purchase Domain Name On Blogger
How To Change Template On Blogger