selamat malam,
mau tanya.. untuk bikin intro page yg tanpa flash bagaimana kode dan tutorialnya? jadi memakai gambar dan cukup satu tulisan saja..saya sedikit bingung..karena hanya ada tutorial utk flash saja..
Pertayaan di atas saya dapati via form comment kemarin.
Dan sebenarnya untuk memasang intro img sama saja dengan pasang intro flash cuman objeknya saja yang berbeda. tapi baiklah akan saya jelaskan di sini. Dan silahkan anda modifikasi sesuai keinginan anda.
Pertama:
Siapkan dulu file img-nya, ukuran tinggi saya sarankan kurang dari 400 px, karena jika lebih dari itu akan munculnya tab scroll dan menurut saya kurang bagus. Sedangkan untuk ukuran lebar kurang dari 960 px, untuk resolusi monitor 1024 px. namun lebih baik jangan terlalu besar ukuran pixel-nya biar cepat untuk di loding. Untuk format file img Jpg dan Gif
Setelah beres simpan img file-nya pada img hosting seperti picasa, photobucket, imgus dll.
Kedua.
Tandai tulisan Expand Widget Templates.
Kemudian cari Html
<body>
Ganti dengan script di bawah.
<body><div id='intro'>
<div align='center'> <p style='padding:50px 0 20px;'><a expr:href='data:blog.homepageUrl + "search/label/?max-results=4"'>
<img alt='Desert' border='0' height='210'
src='http://gambarkamu.jpg'
style='border-bottom: 0px; border-left: 0px; display: inline;
border-top: 0px; border-right: 0px' title='Desert' width='300'/></a> </p>
<p style='padding-top:5px;font-size:18px;font-weight:bold;color:#fff;'><a expr:href='data:blog.homepageUrl + "search/label/?max-results=4"'>
skip intro or login to blog</a></p>
</div>
</div>
Ganti http://gamabrkamu.jpg yaitu url img di atas dengan alamat gambar yang anda simpan . sesuaikan juga untuk ukuran width dan height dengan ukuran gambar yang anda miliki.
Setelah itu cari kode
<b:includable id='main'>
kemudian masukan di bawahnya css berikut.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
#navbar-iframe{display:none; height:0; visibility:hidden}
body {
background-color: #000000;
background-image: none;
}
#intro {
text-align:center;
margin:auto;
padding:auto;
}
#outer-wrapper{display:none;}
</style>
<b:else/>
<style>#intro{display:none;}</style>
</b:if>
Setelah itu di atas kode
]]></b:skin>
masukan css berikut
body#layout #intro {display:none;}
Pratinjau dan Save
Quote of the day:
Allah Yang Maha Mulia dan Maha Besar berfirman : “Apabila hamba-Ku senang bertemu dengan Ku, maka Aku senang untuk bertemu dengan-Nya, apabila ia benci bertemu dengan-Ku, maka Aku benci bertemu dengannya. – hadis qudsi.
24 komentar:
Thanks tutorialnya. Mantap.
Mudah2an di ulik lagi spy intro-nya ga jadi halaman home >.<
@ Djawa
hehehe.. dah coba tapi gagal maning.. but sip mungkin kalau terus di ulek ada halaman lain yg pas..
kalo pake hp ga bisa kang editnya, maklum ga punya pc. kalo cuma naro 2 doang sih bisa kang.
Yg ga bisa itu html dan css nya, bingung dan rumit.
Ya..ya..ya...
Hanya bilang gitu sekarang kang :D
Udah gak pake Blogger soalnya :D
Btw, pindah aja kang ke WP kalo emang tertarik, hihihi...
#AjakanMaut :D
manggut-manggut
Siap siap ...mksh bt infonya.
Kang mau nanya.
kode diatas teh buat nampilin di home kan? klo misal mau diganti ke halaman lain gmn?
Ga bisa di ganti url gitu?
---> ""
Aduh jadi ngerusak komentar, agak error net nya, sorry2..
kode ini mskdnya..
b:if cond='data:blog.url == data:blog.homepageUrl
@Tian Djawa
sesuai namanya " intro " yg di tempatkan pd halaman depan.. tapi kalau di atas pertayaannya bisa saja bisa cek tulisan ini
turtorialnya sangat membantu newbie sepri saya...
terimakasaih sekali mas...
wow... lama ndak mampir, sudah banyak artikel-artikel bagus yang lahir disini.
met ibadah puasa, moga selalu sukses.
Mampir euy...Oh iya kang, ada template buat gotemplatez lagi nih. Ntar lagi kelar. Ini demonya, milddesign2.blogspot.com. Trims...
udah nyoba, tapi gambar header ama bawahnya tetep keliatan kang, jadi bukan intro, alnya seluruhnya masih keliatan, apa saya waktu nyoba ada yang kuran naruh scriptnya ya...
@ waduh kalau ada link blog na mungkin sy akan tahu apa penyebabnya
ini yg saya cari2 kang, pakai gambar, bukan yg pakai flash, akan saya coba praktekkan
kalau bisa buat tutorialnya yang gratis biAr kita orang indonesia bisa belajar gak kalah ma orang barat...
biar ragak ragak canggih gitu
nasalah nya sma ka
udah nyoba, tapi gambar header ama bawahnya tetep keliatan kang, jadi bukan intro, alnya seluruhnya masih keliatan, apa saya waktu nyoba ada yang kuran naruh scriptnya ya...
www.ilham-7.co.cc
canggih om..
http://blog.umy.ac.id/tutorialblogging/
http://blog.umy.ac.id/tutorialblogging/
nice info sob,,
kang nih link blog aku...g brhasil kang...blognya klihatan semua http://moodmagz.blogspot.com/
aku sih kurang mengerti ma fungsi2 skrip... tapi kalo blom dicoba gak bakal tau hasilnya
aku juga kurang ngerti gan tentang apa itu yang dinamakan dengan intro img dan into flash
Post a Comment
" Apapun Yang Dapat Anda Lakukan, Atau Ingin Anda Lakukan Mulailah
Keberanian Memiliki Kecerdasan, Kekuatan Dan Keajaiban Di Dalam-nya"
Makacih Atas Komentar-Nya