Dalam media online internet Blog terdapat beberapa gadget dapat diperoleh gratis langsung melalui akun blog. Salah satu gadget gratis yang bisa ditambahkan dan dihilangkan sesuai kebutuhan blogger adalah Gadget HTML/JavaScript. Tools ini dapat ditempatkan/dituliskan teks kata, kode kode script, kode CSS dan lain-lain. Dan pada posting saya akan membagi tips spesial yaitu membuat dua gadget/widget otomatis pas dibawah halaman posting blog.
Untuk design gadget HTML/JavaScript sehingga dapat terbagi menjadi dua bagian saya adaptasikan dengan kode tabel yang berlaku dalam media online internet seperti halnya gadget blogger blogspot. Kode yang ditempatkan dalam gadget HTML/JavaScript akan secara otomatis terbagi menjadi tabel (kolom dan baris) yang sama besarnya (lihat gambar dibawah ini). Atau bisa melihat pada halaman Home/Beranda Ronamasa.Com
Gambar: Tampilan dua gadget dibawah halaman posting blog
Cara membuat dua gadget/widget dibawah halaman posting blog dapat dilakukan dengan langkah-langkah sebagai berikut
- Sign in di blog
- Klick Tata Letak
- Klick Add Gadget
- Pilih HTML/JavaScript
- Copy lalu paste kode berikut ini pada gadget HTML/JavaScript
- Klick Simpan untuk menyimpan perubahan
Ini kode ditempatkan pada gadget HTML/JavaScript
Setelah melakukan step dijelaskan diatas kemudian gadget HTML/JavaScript ditambahkan tadi seret dan tempatkan pas dibawah gadget Blog Post.
Catatan:
Teks Untuk menempatkan kode script nomor disini ganti dengan kode script sesuai kebutuhan Blogger. Tempatkan kode script diantara kode <td> dan </td>. Sementara <tr> dan </tr> adalah kode pemisah baris tabel. Dan jika ingin menambahkan baris tabel berikutnya Copy kode mulai dari <tr> hingga </tr>. Sementara kode section-columns columns-2 adalah banyaknya kolom tabel.
Salah satu script yang dapat difungsikan gadget diperkenalkan pada artikel adalah untuk menampilkan posting/artikel terbaru dengan gambar snippet thumbnails.
Gambar: Tampilan gadget jika sudah diletakan dibawah gadget Blog post
Metode membuat dua gadget diperkenalkan pada posting ini merupakan salah satu dari beberapa cara lainnya.
Artikel lainnya
Cara Menghilangkan Navbar Blog Versi 2
Cara Mendapatkan Hasil Maksimal Tampilan Kode CSS-HMTL / JavaScript Tanpa Melalui Template Blog
Cara Menampilkan Widget Tertentu Hanya Pada Halaman Home dan Label Posting Blog
Cara Membuat Menu Dropdown-Menu Menjorok ke Bawah Pada Header Blog Versi 2
Cara Membuat Read More Dengan Gambar Snippet Pada Halaman Home Posting Blog
