Sekali lagi tentang intro img – : gambar : -

Posted by Tips Trick Blogger Sunday, August 22, 2010 0 comments

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.

Adsense Content. bottom of article