Menambahkan Tombol Spoiler di Post di Blogger

Tombol Spoiler atau tombol show/hide di postingan bloger, digunakan untuk postingan artikel yang panjang sehingga menghemat tempat atau dengan kata lain Tombol Spoiler juga bisa digunakan jika Anda ingin memberikan pengguna pilihan untuk menampilkan atau menyembunyikan item, dapat berupa foto, teks, dll.

Langkah-langkah Menambahkan Tombol Spoiler di Post di Blogger

1. Login di Blogger
2. Pilih Entri Baru
3. Masukan Code dibawah ini.

<div style="margin-bottom: 2px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 65px;" type="button" value="Tampilkan" />
</div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Masukan content anda disini untuk menampilkan/menyembunyikan</div>
</div>
</div>

Sebagai contoh tekan tombol di bawah ini.

Ini contoh menampilkan/menyembunyikan content

Demikian tips blogger Menambahkan Tombol Spoiler di Post di Blogger semoga bermanfaat, terima kasih.

Read more »

Membuat Tombol Kembali ke Atas dan Bawah Untuk Blog

Kali ini saya akan membagikan artikel mengenai Membuat Tombol Kembali ke Atas dan Bawah Untuk Blog. Seringkali pengunjung blog kita enggan menekan tombol home untuk ke awal halaman atau menekan scrollbar untuk naik turun karena postingan kita panjang. Dengan adanya tombol atas dan bawah memudahkan pengunjung blog kita untuk bergerak ke atas halaman atau ke bawah halaman dengan sekali klik. Bagi rekan-rekan yang pingin mencobanya silakan ikuti tahaptahap berikut.

Tahap-tahap Membuat Tombol Kembali ke Atas dan Bawah Untuk Blog

1. Login di Bloger Anda.

2. Pilih Tata Letak.
3. Pilih Tambah Gadget.
4. Masukan kode berikut :

• Kode untuk tombol ke bawah halaman

<a rel="nofollow" style="display:scroll;position:fixed;top:10px;right:5px;" href="#footer" title="Ke Bawah Halaman"><img src="https://sites.google.com/site/kodegratis/down.ico"/></a>

Untuk tulisan berwarna merah sesuaikan dengan id footer anda dan tulisan berwarna biru anda bisa ganti dengan gambar yang diinginkan.

• Kode untuk  tombol ke awal halaman

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Ke Atas Halaman"><img src="https://sites.google.com/site/kodegratis/up.ico"/></a>

Untuk tulisan berwarna biru anda bisa ganti dengan gambar yang diinginkan.

Sebagai contoh kunjungi halaman ini pada pojok kanan dan bawah terdapat tombol navigasi naik turun. Demikian tips Membuat Tombol Kembali ke Atas dan Bawah Untuk Blog semoga bermanfaat. Terima Kasih

Read more »

Membuat Tombol Feedback Untuk Blog

Seringkali kita melihat website atau blog terdapat tombol umpan balik mengambang atau Tombol Feedback yang nampak dan mengambang walaupun kita telah scrooling page. Tentunya kita berpikir bagaimanakah membuat Tombol FeedBack tersebut? Membuat Tombol Feedback Untuk Blog sangat mudah sekali, kita hanya menyediakan link gambar feedback dan membuat form untuk saran dan pesan. Untuk membuat form anda tinggal memilih beberapa publiser penyedia seperti emailmeform. Tata cara pembuatan kontak form silakan anda kunjungi Membuat Email Form Atau Kontak Saya. Tombol feedback adalah merupakan tool untuk memberikan kesempatan bagi pengunjung untuk memberi saran kepada kita mengenai blog atau artikel yang kita sajikan.

Cara Menambahkan Tombol Umpan balik/Feedback ke Blogger

Langkah-langkah cara menambahkan tombol umpan balik sangat sederhana. Download ikon dan tombol upload umpan balik favorit Anda di Blogger. Setelah selesai, Anda kemudian dapat mengikuti beberapa langkah di bawah ini,

1. Login di Bloger Anda
2. Pilih Tambah Gadget.
3. Pilih HTML/Javascript
4. Masukan kode di bawah ini.

<a style="display:scroll;position:fixed;bottom:50%;left:0px;" href="http://www.emailmeform.com/builder/form/5J7eKt10d8QC0" title="Feedback Please, Can't go further without your help" target="_blank"><img src="https://sites.google.com/site/kodegratis/feedback1.jpg" /></a>

• Secara default tombol akan muncul di sebelah kiri tetapi jika Anda ingin beralih ke kanan rubahlah tulisan yang berwarna kuning.
• Ganti URL halaman kontak dengan link alamat kontak anda pada tulisan berwarna biru.
• Ganti dengan judul anda pada tulisan berwarna pars.
• Pada tulisan berwarna merah merupakan gambar feedback anda. bisa di ganti dengan gambar lain sesuai keinginan anda.

Anda juga bisa mencoba kode berikut.

<a style="display:scroll;position:fixed;bottom:5px;left:0px;" href=" http://www.emailmeform.com/builder/form/5J7eKt10d8QC0" title=" Feedback Please, Can't go further without your help" target="_blank"><img onmouseover="this.src='https://sites.google.com/site/kodegratis/largefeedbackbutton%5B1%5D.jpg'" src="https://sites.google.com/site/kodegratis/smallfeedbackbutton%5B1%5D.jpg" onmouseout="this.src='https://sites.google.com/site/kodegratis/smallfeedbackbutton%5B1%5D.jpg'"/></a>

• Untuk tulisan berwarna merah adalah gambar feedback besar saat mouse mengarah ke fokus link feedback.
• Untuk tulisan berwarna hijau adalah gambar feedback kecil saat mouse meninggalkan fokus link feedback.

Perbedaan dari kedua kode diatas yaitu pada kode pertama gambar feedback tidak berubah seiring dengan mouse menuju pada fokus link sedangkan kode kedua berubah seiiring dengan mouse menuju dan meninggalkan fokus link. Tergantung anda memilih yang mana?.

Demikian tips belajar Membuat Tombol Feedback Untuk Blog semoga bermanfaat. Terima Kasih.

Read more »

Membuat Email Form Atau Kontak Saya

Membuat Email Form Atau Kontak Saya pada blog adalah memberikan kesempatan pada pengunjung blog untuk memberikan saran atau menghubungi anda. Email Form merupakan tool untuk memperdalam hubungan antara pengunjung dan pemilik blog untuk saling menukar pengetahuan.

Cara Mendaftar Di Email Form atat Membuat Kontak Saya

• Masuk ke halaman website emailform disini

• Pilih Free Signup kemudian isi from yang ada.

• Pilih Create Account. Anda akan mendapat email konfirmasi.
• Masuk pada account email dan pilih tautan yang diberikan.
• Login kembali di emailform dan akan nampak seperti gambar berikut.

• Pilih AddForm dan anda akan diberikan 2 pilihan, yang pertama menggunakan form yang telah disediakan dan kedua membuat form sendiri. Untuk lebih sederhana pilih yang pertama.

• Pilih Costomize untuk mengisi kelengkapan data yang di perlukan pada sidebar kiri.

• Pilih Save Form. dan anda kembali ke halaman My Form.
• Pada halaman my form sorot mouse anda pada kontak form yang telah di buat dan pilih Tag Code.

• Nah... pada tahap ini anda diberikan pilihan untuk code yang dibutuhkan. sebagai implementasi pilih pada urutan kedua dan tag kode pertama. Implementasinya klik Membuat Tombol Feedback Untuk Blog.

Demikian tips Membuat Email Form atau Kontak Saya semoga bermanfaat. Terima Kasih

Read more »