Tampilkan postingan dengan label Mempercantik Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Mempercantik Blog. Tampilkan semua postingan
Cara Membuat Script Widget Kode Warna Html Generator
Jumat, 10 Oktober 2014
Setelah sebelumnya saya memposting kumpulan kode warna html lengkap , sekarang saya akan memposting cara membuat widget kode warna html . script Kode warna html generator ini bisa dipasang dimanapun di blog anda, baik itu di postingan, di sidebar atau halaman khusus.
Cara membuat kode warna html di blog sangatlah simpel. Kamu tinggal copy saja script di bawah ke dalam blog sobat. Berikut script kode warna html yang mungkin berguna untuk sobat.
Cara Membuat Script Widget Kode Warna Html Generator
Silahkan langsung saja copy script di atas ke blog anda. semoga berhasil.
Kumpulan Kode Warna Html Lengkap
Kode warna html menjadi sebuah hal yang wajib diketahui oleh blogger. Saya yakin 90 % para blogger tidak hapal berbagai macam kode warna html. Ya iyalah secara warna di dunia ini jumlahnya ribuan, hehe. Kalo saya sendiri cuma hapal beberapa kode warna html dasar seperti hitam dan putih. Selain itu masih saya masih membutuhkan tool widget kode warna html untuk mengetahui kode warna html.
Daripada berpanjang lebar, kamu yang sedang mencari kode warna html generator baik digunakan untuk keperluan blogging, facebook dll, berikut saya sajikan beberapa kode warna html lengkap . Ada beberapa pilihan kode warna html, salah satunya adalah kode warna html gradasi. tinggal kamu pilih salah satu aja. Jika kamu ingin memasang widget kode warna html generator ini, silahkan baca postingan saya Cara Membuat Script Widget Kode Warna Html Generator
Cara Mudah Membuat Spoiler di Blog
Selasa, 28 Mei 2013
Spoiler adalah istilah untuk menyebutkan keterangan tambahan dari suatu tulisan atau cerita dalam buku, majalah, atau media baca lainnya. Istilah yang sama artinya dengan spoiler adalah catatan kaki. Spoiler banyak digunakan di forum-forum seperti kaskus, dan forum-forum lainnya. Spoiler gunanya adalah untuk menghemat space.
Spoiler ditandai dengan tombol buka tutup. Jadi penggunaan spoiler sebenarnya lebih efisien karena dapat menghemat space blog atau postingan. Masih bingung? ini sob saya contohkan bentuk spoiler.
Judul Spoiler:
Itu di atas penampakan spoiler sob, lantas bagaimana cara membuat spoiler di blog? OK, ikuti langkah-langkah membuat spoiler di blog atau di dalam postingan di bawah ini :
Langkah langkah membuat spoiler di blog
- Copy kode html berikut ke tempat dimana spoiler akan ditempatkan, contohnya di dalam artikel atau postingan, ini kodenya :
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video) di sini
<br>
</div>
</div>
</div>
- Anda bisa langsung copy paste script di atas ke dalam postingan, tetapi harus dalam mode html (bukan mode compose)
- Judul spoiler silahkan diganti menurut selera masing-masing, tulisan berwarna ungu silahkan diganti dengan isi yang mau anda masukan dalam spoiler. Anda juga bisa mengganti detail ukuran spoiler sesuai selera.
Itulah cara mudah membuat spoiler di blog. Jika masih bingung, silahkan tanyakan di kotak komentar.
Cara Menghilangkan Menu Newer dan Older Post
Kamis, 16 Februari 2012Pada saat Anda membuka salah satu artikel/ postingan dalam sebuah blog, biasanya pada halaman bawah akan muncul menu Newer (posting lebih baru) dan older post (posting lama). Menu seperti ini sebenarnya bermanfaat ketika seorang pengunjung ingin melihat artikel sebelumnya ataupun sesudahnya. Tapi jika anda tidak memerlukan menu tersebut, anda bisa saja menghilangkannya. Caranya, anda harus mengedit kode CSS pada html template.
Langkah-langkah menghilangkan menu newer dan older post adalah sebagai berikut :
Cara menyembunyikan Navbar
Navbar adalah baris menu dan kotak pencari yang ada di pinggir blog bagian atas, tepatnya bagian blog yang mepet dengan sisi pinggir browser. Perhatikan gambar di bawah ini :
Langganan:
Komentar
(
Atom
)
