Membuat Tombol ( Button ) Spoiler Select All Di Blogger


Hai Sobat Blogger ! kembali lagi nih saya berbagi tutorial blog gratis dan bermutu serta gak repot nih,hehe, setelah cukup lama gak update nih,kali ini rizaldi priantama blog akan berbagi tutorial tentang cara menambahkan tombol copy select all di blogger, tombol ini sering saya gunakan untuk meletakkan kode-kode html tanpa harus merusak isi dari kode tersebut, ini memudahkan sobat blogger untuk mengopy kode html dari saya . Oke daripada bingung mendengar penjelasan saya, Mari kita bahas dan kupas tuntas bersama disini.

1.) Baca Basmallah
2.) Masuk ke akun blogger sobat
3.) Buat entri baru atau masuk ke Tata Letak > Tambah Gadget > Html/Javascript
4.) Untuk entri baru, ganti tombol Compose dengan Edit html ( Biasanya dibagian atas kiri pengeditan entri)
5.) Copy dan taruh/paste kan kode ini di form yang disediakan


<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div>
<div style="text-align: center;">
<textarea name="txt" style="height: 50px; padding: 3px; width: 300px;">ISI SPOILER
ISI SPOILER ISI SPOILER ISI SPOILER ISI SPOILER ISI SPOILER ISI SPOILER ISI SPOILER ISI SPOILER ISI SPOILER ISI SPOILER ISI SPOILER ISI SPOILER</textarea></div>
</form>

6.) Hasilnya akan seperti ini





7.) Ganti Tulisan Select All dengan kata yang diinginkan dan Ganti tulisan Isi Spoiler dengan kode                 html/foto/tulisan yang sobat inginkan


8.) Terbitkan Entri dan lihat hasilnya


0 comments:

Post a Comment