| ^SMK_PESAT^

AYO PAKE SHOW AND HIDE

Maaf banget buat para senior bloger
kalau ternyata yang saya posting kali ini cuma script ga berguna buat para master
tapi sekali lagi ini cuma arsip buat saya...
kali ini saya akan kasih sedikit tips buat bloger pemula(termasuk saya ckikikik...)
tips kali ini untuk memyederhanakan halaman web/blog kita dengan widget show and hide.

lumayanlah buat mempersingkat halaman kita,jadi ga begitu berat loading awalnya.
mau tahu scriptnya...???

ini dia scriptnya...

<center>
<br /><div>
<div style="margin: 5px;">
<br /><div style="margin-bottom: 1px;" class="bigfont">
<input style="margin: 0px; padding: 0px; width: 130px; " value="<span style="font-weight: bold; color: rgb(255, 255, 255);">BUKU TAMU</span>" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = '<span style="font-weight: bold; color: rgb(255, 255, 255);">UWISS AHH</span>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '<span style="font-weight: bold; color: rgb(255, 255, 255);">BUKU TAMU</span>'; }" type="button" /><br /></div>
<br /><div style="border: 0px inset ; margin: 0px; padding: 0px;" class="alt2">
<br /><div style="display: none;">
<br /><br /><span style="color: rgb(255, 204, 102);"><!-- BEGIN CBOX - www.cbox.ws - v001 --></span><br /><span style="color: rgb(255, 204, 102);"><div id="cboxdiv" style="text-align: center; line-height: 0">
</span><br /><span style="color: rgb(255, 204, 102);"><div>
<iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=540099&boxtag=4pvh5r&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#2F00F4 1px solid;" id="cboxmain"></iframe></div>
</span><br /><span style="color: rgb(255, 204, 102);"><div>
<iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=540099&boxtag=4pvh5r&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#2F00F4 1px solid;border-top:0px" id="cboxform"></iframe></div>
</span><br /><span style="color: rgb(255, 204, 102);"></div>
</span><br /><span style="color: rgb(255, 204, 102);"><!-- END CBOX --></span><br /><br /></div>
</div>
</div>
</div>
<br /></center>

sedikit catatan anda bisa memodifikasi tulisan yang berwarna putih
dan kode yang berwarna orange anda ganti dengan code widget yang ingin anda modifikasi
dan seperti biasa untuk pemasanganya langkah - langkahnya sebagai berikut
1. login ke Blogger.
2. Pilih Tata Letak.
3. Pilih Elemen Halaman.
4. Pilih tambah HTML JavaScript.
5. Copy script diatas kemudian paste kedalam kotak HTML JavaScript.
6. Klik tombol Simpan

and silahkan lihat keajaiban kecil yang sudah anda buat...
selamat mencoba...

0 komentar

TIPS MUDAH MEMBUAT READMORE

sebuah postingan di blog kadang terlalu panjang
sehingga memakan waktu loading yang cukup lama.
dan membuat tampilan blog kadang kurang sedap dipandang
kalau postingan anda terlalu panjang
cara menyiasatinya adalah dengan memotong dengan link cepat readmore.

inti dari pembuatan readmore adalah kata

<span class="fullpost"> di awal pemotongan kalimat

Tulisan anda disini

</span> ditaruh di paling akhir kalimat

anda cukup mencari kode dibawah ini

<data:post.body/>

atau

<p><data:post.body/></p>

hapus kode diatas kemudian anda ganti dengan

<b:if cond='data:blog.pageType == "item"'><br /><style>.fullpost{display:inline;}</style><br /><p>
<data:post.body/></p>
<br /><b:else/><br /><style>.fullpost{display:none;}</style><br /><p>
<data:post.body/><br /><a expr:href='data:post.url'><b>Baca Selengkapnya Disini...</b></a></p>
<br /></b:if>

kemudian pratinjau terlebih dahulu, apakah sesuai dengan yang anda inginkan..???
kalau sudah cocok silahkan save hasil karya anda
selamat mencoba semoga bermanfaat

0 komentar