Membuat Intro Blog tanpa Flash

Berhubung kemarin ada teman blogger yang bertanya tentang cara membuat intro blog seperti blog saya ini di shoutmix, maka saya putuskan untuk open sourch nih..

Mungkin sudah banyak yang membahas masalah membuat intro blog seperti ini tetapi dari kebanyakan yang saya temui yaitu semuanya menggunakan flash. Sedangkan dari yang saya ketahui untuk menjalankan flash harus ada waktu untuk meload flash tersebut. Dan semakin lama blog kita terload maka semakin malas juga orang-orang mengunjungi blog kita.

Contohnya saat kita sedang menjelajah lewat google saat kita mengklik suatu blog dan ternyata loadingnya lama maka sering kali kita mengklik back dan mengurungkan niat untuk berkunjung ke web tersebut.

Balik lagi ke topik awal yaitu cara membuat intro blog tanpa flash, berikut langkah-langkah yang bisa kamu ikuti...

Copy semua kode dibawah ini lalu pastekan ke notepad.

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"><br /><html><br /><head><br /><title>Ebenk789 Weblog</title><br /><style type="text/css"><br /><!--<br />body { background-color:#000000; color:white; overflow:hidden }<br />#skipDiv {position:absolute; visibility:hidden; width:80px; }<br />#skipDiv a:link, #skipDiv a:visited { <br /> font-family: verdana, arial, helvetica, sans-serif;<br />  font-size:10pt; color:#dee7f7; }<br /><br />#wipeDiv1 { position:absolute; visibility:hidden; left:0px; top:0px; <br /> width:1px; height:1px; z-index:1; }<br /> <br />/* Classes for formatting the wipe text content. <br />  Wipe class is used in doWipes function. It's the only<br />  one needed if all your text is formatted the same. */<br />.wipe { color:#dee7f7; <br /> font-family: verdana, arial, helvetica, sans-serif; } <br />/* If you don't need different sizes, just put a size in<br />  the one above (.wipe) and delete unused classes */ <br />.wipe1 { font-size:36pt; } <br />.wipe2 { font-size:22pt; }<br />.wipe3 { font-size:18pt; }<br /> <br /> <br />--><br /></style><br /><script src="http://dl.getdropbox.com/u/567855/wipes.js" language="javascript" type="text/javascript"></script><br /><script language="javascript" type="text/javascript"><br /><!--<br /><br />/*<br />Document Wipes effect- Web Coding (www.dyn-web.com)<br />Copyright 2002 by Sharon Paine<br />Visit http://www.ebenk789.blogspot.com untuk mendapatkan script<br />*/<br /><br />dom = (document.getElementById) ? true : false;<br />ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;<br />ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;<br />ns4 = (document.layers && !dom) ? true : false;<br />ie4 = (document.all && !dom) ? true : false;<br />opr=  navigator.userAgent.indexOf("Opera")!=-1<br />nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;<br /><br /><br />//////////////////////////////////////////////////////////////////////////<br />// Customization Area<br />//<br />// If your wipe series includes images, put them in this array for preload, seperated by commas.<br />var wipe_imgs=new Array(<br /> 'dwc_btn.gif'<br />);<br />if (document.images) {<br /> var theImgs=new Array();<br /> for (var i=0;i<wipe_imgs.length;i++) {<br />  theImgs[i]=new Image();<br />  theImgs[i].src=wipe_imgs[i];<br /> }<br />}<br /><br />// Here's where you put the content for the wipes.<br />// Array elements are arranged in pairs:<br />// content to display, time allotted for wipe of that content. <br />// Suggestion: give longer, larger content more time.<br />// If all your text is to be formatted the same, you can use<br />// just the wipe class above (it is applied in the doWipes function)<br />// and put plain text here.<br />// Images and links are okay too.<br />var wipe_array=new Array(<br /> '<span class="wipe1">Ebenk789 Weblog</span>',2000,<br /> '<span class="wipe3">Blog untuk kita saling berbagi</span>',2500,<br /> '<span class="wipe2">Karena Berbagi Itu Indah</span>',2500,<br /> '<span class="wipe3"><center>Created by:<br><br><img src="ebenk789 logo.jpg" width="240" height="100" border="0" title="ebenk789"></center></span>',3000<br />);<br /><br />var wipe_final=new Array('Click here',2500);<br /><br /><br />var wipe_in_delay=1000;   // delay before each wipe in<br />var wipe_out_delay=1200;  // delay before each wipe out<br />// wipe out speed (wipe-in time is divided by this number)<br />var wipe_out_dv=2.5; // 2 to 4 recommended<br />var dest_delay=0;   // delay before going to destination url<br /><br />// destination url, where to go at end of wipes<br />function setDest() {<br /> window.location = "http://www.ebenk789.blogspot.com/";<br />}<br />// end customization area<br />/////////////////////////////////////////////////////////////////////<br /><br />if (opr||nodyn)<br />setDest()<br /><br />function initDynLyrs() {<br /> // non-capable browsers skip this and go to your url<br /> if (nodyn) setDest();<br /> positionBotmRt('skipDiv');<br /> wipeLyr1 = new dynObj('wipeDiv1');<br /> wipeLyr1.centerIn(window);<br /> wipeLyr1.show();<br /> //wipeLyr2 = new dynObj('wipeDiv2');<br /> //wipeLyr2.centerIn(window);<br /> doWipes();<br />}<br /><br />window.onload=initDynLyrs;<br />//--><br /></script><br /></head><br /><body><br /><br /><!-- This div is for the changing content --> <br /><div id="wipeDiv1"></div><br /><br /><br /><!-- This is for people who don't want to view the animation.<br />   Put your href here. --><br /><div id="skipDiv"><br /> <a id="skipLnk" href="javascript:setDest()">skip intro</a><br /></div><br /></body><br /></html><br />

Setelah semua kode diatas dipaste ke notepad maka langkah kita selanjutnya yaitu memahami kode diatas..

<title>Ebenk789 Weblog</title>

Merupakan Title halaman intro blog kita jadi rubah sesuka kamu

Kamu bisa rubah warna backgroud, ukuran tulisan, dan posisi dari intro blog kamu dengan merubah sedikit kode diatas..

'Ebenk789 Weblog',2000,
'Blog untuk kita saling berbagi',2500,
'Karena Berbagi Itu Indah',2500,
'<center>Created by: <img src="ebenk789 logo.jpg" width="240" height="100" border="0" title="ebenk789"></center>',3000

Nah Pesan-pesan diatas kamu dapat rubah sesuai kebutuhan kamu..

window.location = "http://www.ebenk789.blogspot.com/";

Code diatas merupakan pengalihan dari hamalan ini setelah animasi telah selesai. jadi rubah alamat url diatas menjadi alamat url blog atau web kamu.

Setelah semua pengeditan selesai maka save hasil pengeditan tadi dengan nama terserah kamu tetapi harus berekstensi html contoh introblog.html

Upload file introblog.html ketempat hosting kamu atau web yang menyediakan web hosting gratis. Untuk lebih jelas kamu bisa baca free web hosting untuk mengetahui tempat hosting yang bagus. Setelah mengupload file html tentunya kamu mendapatkan link dari file hasil upload tadi.. Sebarkan link tadi sebagai homepage kamu atau kamu bisa daftar ke web yang memberikan domain gratis seperti www.co.cc Dan untuk hasilnya maka akan seperti ini www.ebenk789.co.cc

Ok.. Selamat mencoba

24 comments

Senoaji mod

February 13, 2009 at 9:40 AM

loadnya jadi berat gak mas???

Buchex mod

February 13, 2009 at 4:14 PM

Gwa coba benk ...

alfakir mod

February 13, 2009 at 9:45 PM

g mudeng ni.. kyak hiperlink gono bro /

di sambungin .. langsung?

Anonymous mod

February 14, 2009 at 11:54 AM

hiyaaaa kereeen...tapi *lemod mode on*

February 14, 2009 at 12:44 PM

====== ebenk789 ========

@ Senoaji: karena ini merupakan eksternal dari blog jadi gak ada pengruh sama sekali dengan berat blog..
@ Kojek: SilaHkan SemoGa Berhasil..
@ abala: jadi ini kita kayak buat file html bisa yang pake code javascript buat bikin animasinya nah setelah jadi kita upload dan ubah alamat linknya..
@ wening : WaH kok BiSa lemot hehe..

======== Berbagi itu Indah ======

February 15, 2009 at 1:31 AM

TOP ABIZ DECH

February 15, 2009 at 3:08 PM

bagus jga nich tipsnya..........gw coba dech!!!!

btw ka' bisa posting artikel tentang form komentar ga'????soalx blog aq form komentarx ga' berfungsi n bisa diliat di http://bluesrikandy.blogspot.com

thanks before ya ka'.............

February 19, 2009 at 9:09 AM

wah mantep mas triknya boleh di coba ga?

February 20, 2009 at 12:42 PM

hmm.. oke banget!!!

ForNez mod

February 20, 2009 at 4:22 PM

coba ya

February 20, 2009 at 4:24 PM

wah mantap nih...
nyoba dulu aja ah...

February 20, 2009 at 8:14 PM

Ini kan eksternal (terpisah) dari blog asli. Kl bikin yg tergabung dalam blog misalnya kayak situs www.telkomspeedy.com itu gimana? sewaktu-waktu nanti bisa kita ganti ataupun dihapus.

February 21, 2009 at 9:20 AM

patut dicoba niiieee

February 21, 2009 at 9:59 AM

====== ebenk789 ========

@ ADI RABBANI: ThanK's
@ atma.maniest: Thank's taPi untuk kotak komment udah jalankan..??
@ torik: CoBa aja..
@ Rio Sembilan: Sip..!!!
@ forNez: Silahkan
@ e-je: Hati_haTi ntar nyoba-nyoba jadi jatuH hati hehe..
@ infini3: www.telkomspeedy.com kan dia berbasis PHP jadi punya web hosting sendiri dan tentunya terpisah.. Kalo Blogger kan cuma 1 lembar Dan trik ini bisa kamu rubah atau hapus sama mudahnya.
@ didiet: SilaHkan..

======== berbagi itu indah ===========

February 24, 2009 at 10:43 PM

malam...code yg ada didalam scroll ngga bener, soalnya banyak tanda .mungkin kamu harus menggantinya lg jgn memakai scroll mungkin bisa memakai quote agar code yg ditampilkan benar.

slurpz mod

February 24, 2009 at 10:46 PM

ronda malem boz!!!!

Aditya Ramadhan mod

February 25, 2009 at 6:19 AM

waw...ini dia yg aku cari2 dari kemaren...
thx ya sob..

Walah brooo,... blog aku aja dah beratt.... malah lagi mikirin buangin yang beberapa widget neeh...

ardi33 mod

February 25, 2009 at 2:25 PM

link dagh q pasang yah???

hasi mod

May 18, 2009 at 6:41 AM

nah iya,,itu jadi berat gak ya???

cb914 mod

June 7, 2009 at 12:29 AM

mas.......

masih bingungggg

Blogger Cilik mod

July 4, 2009 at 11:58 PM

www.ebenk789.co.cc = http://ebenk789.byethost12.com/ebenk789.htm

tujuan lu apa mskn itu?

itu trojan khan bro!

tulisanny aja www.ebenk789.co.cc.. g tw linkny http://ebenk789.byethost12.com/ebenk789.htm

apa tujuanny???

Omadi Jaya mod

July 5, 2009 at 5:37 PM

@ Blogger Cilik: ) ketakutan bgt sih u. Udah jelas itu contoh dari animasi intro blog bukan trojan.. lagian klo mau bagi-bagi trojan ngapain di blog ini.. Langsung aja kasih ke target susah amat sih.. So jangan pernah berburuk sangka terhadap orang ok..

chintia lim mod

July 22, 2019 at 5:35 AM

Dapatkan Penghasilan Tambahan Dengan Bermain Poker Online di www , SmsQQ , com

Keunggulan dari smsqq adalah
*Permainan 100% Fair Player vs Player - Terbukti!!!
*Proses Depo dan WD hanya 1-3 Menit Jika Bank Tidak Gangguan
*Minimal Deposit Hanya Rp 10.000
*Bonus Setiap Hari Dibagikan
*Bonus Turn Over 0,3% + 0,2%
*Bonus referral 10% + 10%
*Dilayani Customer Service yang Ramah dan Sopan 24 Jam NONSTOP
*Berkerja sama dengan 4 bank lokal antara lain : ( BCA-MANDIRI-BNI-BRI )

Jenis Permainan yang Disediakan ada 8 jenis :
Poker - BandarQ - DominoQQ - Capsa Susun - AduQ - Sakong - Bandar Poker - Bandar 66

Untuk Info Lebih Lanjut Dapat menghubungi Kami Di :
BBM: 2AD05265
WA: +855968010699
Skype: smsqqcom@gmail.com

Dapatkan Penghasilan Tambahan Dengan Bermain Poker Online di www , SmsQQ , com

Keunggulan dari smsqq adalah
*Permainan 100% Fair Player vs Player - Terbukti!!!
*Proses Depo dan WD hanya 1-3 Menit Jika Bank Tidak Gangguan
*Minimal Deposit Hanya Rp 10.000
*Bonus Setiap Hari Dibagikan
*Bonus Turn Over 0,3% + 0,2%
*Bonus referral 10% + 10%
*Dilayani Customer Service yang Ramah dan Sopan 24 Jam NONSTOP
*Berkerja sama dengan 4 bank lokal antara lain : ( BCA-MANDIRI-BNI-BRI )

Jenis Permainan yang Disediakan ada 8 jenis :
Poker - BandarQ - DominoQQ - Capsa Susun - AduQ - Sakong - Bandar Poker - Bandar 66

Untuk Info Lebih Lanjut Dapat menghubungi Kami Di :
BBM: 2AD05265
WA: +855968010699
Skype: smsqqcom@gmail.com

bosku minat daftar langsung aja bosku^^

Membuat Intro Blog tanpa Flash

24 comments

Post a Comment

Categories

Popular Posts

Tentang Penulis