Thursday, January 27, 2011

Membuat Backround Posting dan Spoiler

Disini saya ingin memeberikan tips/tutorial untuk masalah backround di postingan dan masalah spoiler di blog ataupun di berbagai forum.

Materi yang akan Di Bahas
-Membuat Backround Posting Berbeda
-Spoiler Blog and Forum
Langsung Cekibrot
-Membuat Backround Posting Berbeda
Dalam membuat background ada dua alternatif yaitu membuat background dengan warna dan membuat background dengan bantuan gambar.

Namun disini saya hanya akan memberikan masalah backround dengan warna saja
Langsung caranya.
Kode yang akan digunakan ini


<div style="background: kode_warna_disini;">


Pada bagian akhirnya harus ditutup bagian bawah ini:


</div>

Pada tulisan kode_warna_disini Dapat anda otak-atik sesuka anda. Jika ingin melihat lebih jelas maka disini Kode Warna.

Karena kode tersebut termasuk Style dari CSS, tentu saja bukan hanya warna background yang bisa sobat tentukan, tapi seperti warna huruf, jenis huruf, perataan posting, dan lain-lain pun bisa ditentukan.

Contoh kodenya seperti berikut ini


<div style="background: #737373; font-size: 120%; text-align: justify;">


Asia Tenggara terletak pada pertemuan lempeng-lempeng geologi, dengan aktivitas kegempaan (seismik) dan gunung berapi (vulkanik) yang tinggi. Sementara ATD relatif stabil dan merupakan daratan tua, ATM sangatlah dinamik karena di sana bertemu dua lempeng benua besar: lempeng Indo-Australia dan lempeng Eurasia, ditambah dengan lempeng Filipina yang lebih kecil. Tiga pulau besar di Indonesia: Sumatra, Jawa, dan Kalimantan baru terpisah dari benua Asia sekitar 10 ribu tahun yang lalu akibat naiknya muka air laut karena usainya Zaman Es terakhir. 


</div>

Code diatas yang #737373 Dapat anda ubah. Contoh kode tersebut seperti dibawah ini:


Asia Tenggara terletak pada pertemuan lempeng-lempeng geologi, dengan aktivitas kegempaan (seismik) dan gunung berapi (vulkanik) yang tinggi. Sementara ATD relatif stabil dan merupakan daratan tua, ATM sangatlah dinamik karena di sana bertemu dua lempeng benua besar: lempeng Indo-Australia dan lempeng Eurasia, ditambah dengan lempeng Filipina yang lebih kecil. Tiga pulau besar di Indonesia: Sumatra, Jawa, dan Kalimantan baru terpisah dari benua Asia sekitar 10 ribu tahun yang lalu akibat naiknya muka air laut karena usainya Zaman Es terakhir.


Itulah kodenya. Semoga Membantu


-Spoiler Blog and Forum

Selanjutnya kita ke pembahasan kedua. Yaitu membahas Spoiler yang bisa digunakan untuk blog maupun Forum.

Jika akan digunakan pada blogspot berikut kodenya

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">
Di ISI Dengan judul... </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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: 6px;">
<div style="display: none;">

Masukan yang ingin di spoiler disini

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

Maka hasilnya akan seperti dibawah ini
Di ISI Dengan judul...

Masukan yang ingin di spoiler disini



Itulah cara membuat spoiler untuk di blogspot. Jika ingin digunakan di forum maka caranya.

KasKus: [spoiler=Judul]Isi Spoiler[/spoiler]

ForumVivaNews: [spoiler]Isi[/spoiler]

Oke 2 pembahasan sudah saya berikan. Semoga membantu dan bermanfaat.


Sumber: Sumber

Blog Archive