Rabu, 17 November 2010

TIPS AND TRIK MEMPERINDAH TAMPILAN BLOG

| Rabu, 17 November 2010 | 4 komentar

searchingMungkin juragan sudah banyak yg tahu, bahkan lebih tahu dari saya.
saya cuma mau sharing aje buat para bloger yg masih newbe seperti saya
mau berbagi trik memperindah tampilan blog agar terlihat lebih menarik
trik ini free gk dipungut biaya sepeserpun..
tidak bermaksud mengajari atau menggurui, saya cuma mau bertukar informasi disini..
kalau kurang berkenan dihati juragan bisa komen disininohappy
kalau didunia nyata ada pribahasa DON'T SEE THE BOOK FROM THE COVER
tau dong arti dari pribahasa tersebut. yapz bener banget,
kurang lebih artinya JANGAN MENILAI ORANG DARI SISI LUARNYA SAJA
but in here.. diblog maksud gw, penampilan itu berperan penting untuk memikat mata si pembaca or pengunjung blog kamu. bukan sekedar dari hasil artikel yg anda buat,
pribahasa lain mengatakan DARI MATA TURUN KE HATI :inlove:
disisi lain lo juga bisa mejeng ke temen-temen.
beda tipislah sama promosi hehehehehe.. :ahaha:
OK langsung aje kita mulai dengan membaca bismillah untuk yg beragama islam.
untuk yg nonislam berdoa sesuai kepercayaannya masing-masing..

SCRIPT ALERT UNTUK VISITOR DIBLOG:hi:
pemberitahuan untuk mereka yg berkunjung ke blog kita,
bisa berupa salam or kata sapaan


Copy JavaScript



<SCRIPT language='JavaScript'>alert("Welcome to My Blog");</SCRIPT>
SCRIPT SEBAIKNYA DITEMPATKAN TERPISAH
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>
<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Terima KAsih Atas Kunjungan Anda, Ditunggu Kunjungan Selanjutnya');
}
parent.window.onunload=goodbye;
</script>
</div></div></div></div>


MERESIZE MOZILLA, jadi setiap ada yg berkunjung ke blog kamu:hilo:
mozilla mereka mengecil seperti kartu dan membesar kembali, cuma buat seru-seruan aja.

Copy JavaScript



<script type='text/javascript'>
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>


CATATAN : simpan code JavaScript pada elemen halaman
tambahkan gadget pilih JavaScript bukan ditab EDIT HTML

SEKARANG KITA BAHAS CARA MEMBUAT LINK DIBALIK TULISANclapclap
misalnya : MAJU KENA
MUNDUR KENA

Copy JavaScript



<a href="http://blogspot.com/" title="MAJU KENA">MAJU KENA</a>
<a href="http://new-inspiration4today.blogspot.com" title="MUNDUR KENA">MUNDUR KENA</a>

catatan : ganti alamat url tersebut sesuai kebutuhan anda.
penulisan kode HTML tersebut wajib ditulis pada postingan blog mode HTML, bukan mode Visual!!

Sebut Saja Membuat Link URL di Blog yang Bisa Diklik dan Dibuka di New Tab.
tambahkan kode: target=”_blank” pada sela-sela kode HTML. Lebih lengkapnya coba lihat kode berikut:

<a href="http://new-inspiration4today.blogspot.com" target="_blank">NeW-iNSpiRaTioN4ToDay.blogspot.com.com</a>



CARA MEMBUAT SPOILER DIPOSTINGAN ANDA:ha?:
yang bertujuan untuk menghemat space sewaktu memposting.

tanpa basa-basi lagi, cekidot :

Contoh



isi tulisan



tanpa basa-basi lagi, cekidot :

Contoh



<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"> Contoh </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 1px;">
<div style="display: none;">
isi tulisan

</div></div></div></div>



PASANG MUSIC OR SOUND BACKGROUND DI BLOGhappy
KLIK DISINI
kamu bisa pilih lagu yg kamu mau, sebagai contoh ini lagu
Rihanna - What's My Name? (feat. Drake)

Nanti kamu dapet code seperti ini : <center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music at divine-music.info</a></b><br>
<EMBED SRC="http://divine-music.info/musicfiles/02 What's My Name_ 1.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

kalau mau dijadikan background, kamu tinggal copy code seperti dibawah ini :
<EMBED SRC="http://divine-music.info/musicfiles/02 What's My Name_ 1.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="0" HEIGHT="0" ALIGN="CENTER"></EMBED> dance

CARA MEMBUAT TEKS BERKEDIP seperti dibawah ini :
contoh : BYE
scootercopy langsung codenya : <blink> BYE </blink>
juragan tinggal menyisipkan code seperti diatas...
thumbsupakhir kata .. "selamat mencoba" .. goodbye

4 komentar:

Aldoz mengatakan...

:a: nice info gan buat newbie kyk gw... tapi kok java scriptnya ga bisa dicopy??

vitha mengatakan...

wahh bagus niehhh..
nice info.. works semua

young mendosa mengatakan...

dah bisa tuh.. kemaren masih ane protex..
sory yua xixixixixixi

roziun mengatakan...

wahh tenggkyuuu infonYA broooo!!!!:t:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

 
© Copyright 2010. yourblogname.com . All rights reserved | yourblogname.com is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com