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
Previous
Next Post »

5 komentar

Click here for komentar
Blog Dasista
admin
16:03 ×

hem...
sya baru tau ni...
saya coba dlu ya sob....

iznkan sya follow jg ya..??

Reply
avatar
forgot
admin
00:59 ×

Mantabs sob. Bisa jadi pengetahuan saya, yang baru dalam dunia Blogger. Salam kenal...

Reply
avatar
14:16 ×

bagus juga nanti mu dicoba juga nih Gan, tks sheringnya

Reply
avatar
Bilbul
admin
15:07 ×

@blog dasista Thanks dah mampir.
@Forgot saya senang bisa membant :4:

Reply
avatar
Bilbul
admin
15:09 ×

@sepak bola news = soccer says Monggo di coba, semoga bermanfaat

Reply
avatar

Orang Bijak Dan Pintar, Selalu Memberikan Komentar...
Komentar Pun Pastilah "No Junk, No SPAM, N No Porn" ConversionConversion EmoticonEmoticon

Thanks for your comment