BloonOnline GoTemplatez VersiEdan
Facebook Twitter You Tube Friendfeed
Blog Seo Intermezo

Sekali lagi tentang intro img – : gambar : -

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 + &quot;search/label/?max-results=4&quot;'>

<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 + &quot;search/label/?max-results=4&quot;'>

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.
Page views this post: reader

24 komentar:

Ivan Kavalera said...

Thanks tutorialnya. Mantap.

Djawa said...

Mudah2an di ulik lagi spy intro-nya ga jadi halaman home >.<

JALOE said...

@ Djawa

hehehe.. dah coba tapi gagal maning.. but sip mungkin kalau terus di ulek ada halaman lain yg pas..

abinya syafiq said...

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.

Zippy said...

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

subagya said...

manggut-manggut

ChugyGÒgÓG said...

Siap siap ...mksh bt infonya.

Tian Djawa said...

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?

Tian Djawa said...

---> ""

Tian Djawa said...

Aduh jadi ngerusak komentar, agak error net nya, sorry2..
kode ini mskdnya..

b:if cond='data:blog.url == data:blog.homepageUrl

JALOE said...

@Tian Djawa

sesuai namanya " intro " yg di tempatkan pd halaman depan.. tapi kalau di atas pertayaannya bisa saja bisa cek tulisan ini

Vivieck said...

turtorialnya sangat membantu newbie sepri saya...
terimakasaih sekali mas...

bidikcom said...

wow... lama ndak mampir, sudah banyak artikel-artikel bagus yang lahir disini.
met ibadah puasa, moga selalu sukses.

Herdiansyah Hamzah said...

Mampir euy...Oh iya kang, ada template buat gotemplatez lagi nih. Ntar lagi kelar. Ini demonya, milddesign2.blogspot.com. Trims...

ا شين said...

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...

admin boogle said...

@ waduh kalau ada link blog na mungkin sy akan tahu apa penyebabnya

Rizky2009 said...

ini yg saya cari2 kang, pakai gambar, bukan yg pakai flash, akan saya coba praktekkan

yukyarysandy said...

kalau bisa buat tutorialnya yang gratis biAr kita orang indonesia bisa belajar gak kalah ma orang barat...
biar ragak ragak canggih gitu

ilham said...

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

panduan blogging said...

canggih om..
http://blog.umy.ac.id/tutorialblogging/
http://blog.umy.ac.id/tutorialblogging/

tian said...

nice info sob,,

CC said...

kang nih link blog aku...g brhasil kang...blognya klihatan semua http://moodmagz.blogspot.com/

DNA Photography said...

aku sih kurang mengerti ma fungsi2 skrip... tapi kalo blom dicoba gak bakal tau hasilnya

Obat Alami Thalasemia said...

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

 

Copyright 2009. Home | Serba Serbi Google | XHTML | CSS Design by Catalog-Tutorial