Tips Mendesain Blog

              CARA MEMBUAT TEXT AREA DI BLOG

Textarea adalah bagian dari form yang berfungsi sebagai space/ruang bagi teks/konten khusus yang ingin diberi posisi/penempatan tertentu.
Untuk membuat text area, silahkan anda Copy kode di bawah ini : 

<span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(114, 45, 50); "> <p align="center"> <textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area

 

CARA MEMBUAT SPOILER DI BLOG

Spoiler blog biasanya digunakan untuk memperkecil atau mempersingkat kode, postingan, atau tulisan apapun agar tidak terlalu memenuhi halaman. Spoiler dapat anda pasang pada side bar, halaman posting, header dan footer.Untuk membuatnya tidaklah sulit,anda tinggal mencopy kode dibawah ini.

1. Copy code dibawah ini kepostingan anda.

</code></span></span></font><span class="Apple-style-span" style="font-family: Georgia, Times, serif; font-size: 13px; line-height: 16px; font-weight: normal; "><div style="margin: 5px 20px 20px;"> </span></p> <span class="Apple-style-span" style="font-family: Georgia, Times, serif; font-size: 13px; line-height: 16px; font-weight: normal; "><div class="smallfont" style="margin-bottom: 2px;"> <b>Spoiler</b> Untuk lihat <b>Script</b>: <input value="Lihat" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Lihat'; }" type="button"><br></div> <br><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <br><div style="display: none;"> <br><br>Isi kode script, HTML dan teks anda disini<br><br><br><br></div> <br></div> <br></span><p style="text-align: -webkit-auto;"><font class="Apple-style-span" face="monospace" size="2"><span class="Apple-style-span" style="font-weight: normal; white-space: pre-wrap;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px; white-space: normal; "><code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><span class="Apple-style-span" style="font-family: Georgia, Times, serif; font-size: 13px; line-height: 16px; "></div> </span>

2. Seterusnya gantilah tulisan yang yang berhuruf tebal dan berwarna hitam dan merah.
Width: 55px adalah lebar kotak spoiler.Gantilah sesuai kebutuhan anda. font-size: 11px adalah ukuran huruf dalan kotak spoiler.Dapat diganti sesuai kebutuhan. Tutup dan Lihat dapat anda ganti sesuai keinginan anda Isi kode script, HTML dan teks anda disini dapat anda ganti dengan teks atau kode script.

3. Hasilnya seperti dibawah ini :

Spoiler Untuk lihat Script:

CARA MEMBUAT SHOUMIX / KOTAK CHATING DI BLOGSPOT

Cara membuat Shoutmix Chat

Shoutmix Chat yaitu sebuat kotak Chat untuk kita Chatting. seperti punya gua di blog ini. Namun Shoutmix box nya gua letakkan di dalam Buku tamu. Jika anda ingin mengetahui cara meletakkan Shoutmix Box ke dalam buku anda, anda bisa melihat di postingan ini. Dipostingan yang ini akan diberitahu cara membuat shoutmix di Blog. Cara membuat Shoutmix Chat box cukup mudah.
langkah-langkahnya sebagai beriku :

1. Langkah pertama daftar aja di Shoutmix.com 
2. Klik Create Shoutbox
3. Lalu isi data anda
4. Trus Klik Continue yang ada di sudut kanan bawah
5. Nah jika semua itu selesai, anda klik Get Codes yang ada di kotak Quick Start (Di kanan atas)
6. Kemudian anda copy aja code shoutmix anda itu..
7. Sekarang anda login ke Blogger, kemudian Beranda, lalu Tata Letak (Rancangan) dan Edit Laman
8. Anda tambah Gadget HTML /Java Script
9. Lalu anda paste Code Shoutmix tadi
10. Dan terakhir simpan (Save)

jadi dah...
Simple kan??
Jika masih kurang paham bisa tanya lewat Komentar..


Thanks :)



CARA MEMBUAT GALERI FOTO UNTUK BLOGSPOT DARI FLICKR

1. Langkah pertama anda harus membuat account di Flickr (http://www.flickr.com/)

2. Setelah anda membuat account di Flickr, selanjutnya anda Upload foto anda.

3. Kemudian anda masuk ke dalam Kumpulan Foto Anda.

4. Masuk ke dalam foto anda, kemudian untuk menampilkan galeri foto di blogspot anda. Anda harus klik icon share (email,twitter,facebook,tumblr,blogspot) ya

ng letaknya di sebelah tayangan slide. Pilih icon blogspot untuk menshare foto anda ke blog.

5. Setelah anda klik icon blogspot, anda akan diberikan informasi seperti gambar di bawah ini. Anda isi judul galeri foto anda dan isi postingan anda.

Hasilnya seperti galeri blog saya, jadi intinya anda tidak perlu mengupload sendiri-sendiri foto dipostingan anda. Anda cukup menshare foto anda di Flickr.

Selamat mencoba :)

SUMBER :  http://madhadesain.blogspot.com/p/serba-serbi.html