Menambahkan tombol back to top di blogspot

Pada kesempatan kali ini saya akan membahas mengenai cara menambahkan tombol back to top di blog tepatnya di blogspot.com. setelah di artikel sebelumnya saya membahas mengenai cara membuat link atau tombol back to top dengan HTML.

Biasanya tombol / link back to top ini ditempatkan di bagian bawah artikel atau ada juga yang menempatkannya di bawah body atau bagian paling bawah halaman. pada pembahasan kali ini saya akan menempatkan tombol back to top ini di bagian bawah halaman atau tepatnya setelah form comment. seperti di halaman ini.

Caranya seperti berikut ini :
1. Masuk ke Dashboard > Template
2. Klik Edit HTML. 
3. Cari Kode seperti di bawah ini :

Tepatnya di bagian tag penutup dari di diatas: tambahkan kode html Seperti berikut ini : 4. Simpan hasil edit template tersebut setelah selesai. 5. cek hasilnya dengan membuka halaman blogspot anda maka hasilnya akan tampak seperti di halaman ini di bagian paling bawah. 6. jika berhasil maka ketika tombol / link tersebut di klik maka halaman akan melakukan scrol ke bagian paling atas. sekian artikel kali ini semoga bermanfaat selamat mencoba dan semoga berhasil.

Membuat link kembali ke atas atau back to top dengan HTML

Pada Kesempatan kali ini saya akan mencoba membahas mengenai cara membuat tombol kembali ke atas atau istilah bahasa inggrisnya back to top dengan menggunakan HTML biasa.
Sebelumnya saya akan membasa mengenai apa itu link kembali ke atas atau back to top? link ini adalah link yang jika di klik maka halaman akan secara otomatis melakukan Scroll ke bagian atas halaman.

Membuat gambar transparan dengan CSS

Pada tulisan kali ini saya akan mencoba membahas sedikit mengenai cara membuat gambar transparan dengan CSS sehingga hasilnya akan menjadi seperti gambar di bawah ini :

Untuk contoh gambar di atas berikut adalah kode HTML nya.

dan untuk CSS yang dipakainya adalah seperti di bawah ini. Dari Script css diatas ada yang tag

filter: alpha(opacity=60);

itu merupakan CSS yang digunakan agar dapat berfungsi di browser internet Explorer mulai dari IE8. mudah bukan silahkan mencoba dan semoga berhasil terimakasih.

Membuat Pembatas antar Menu / Divider dengan CSS

Pada kesempatan kali ini saya akan membahas cara membuat pembatas antar menu / divider dengan CSS. contoh divider ini misalnya menu seperti di bawah ini.

Sederhana bukan. dari gambar diatas HTML versi HTML nya adalah seperti di bawah ini :

untuk CSS nya sendiri silahkan gunakan CSS seperti di bawah ini :

Sekian trik CSS kali ini semoga bemanfaat dan memberikan inspirasi selamat mencoba dan semoga berhasil terimakasih.

Menampilkan data di database MySQL menggunakan Right Join

Pada artikel ini saya akan menampilkan data di database MySQL menggunakan Right Join setelah sebelumnya saya membahas mengenai Menampilkan data di database MySQL dengan left join kebalikan dari yang dibahas kemarin Right Join ini menggunakan tabel di sebelah kanan atau tabel kedua sebagai patokan. sehingga kalaupun data di tabel ke 1 kosong tabel ke 2 akan tetap dimunculkan.
Secara umum query yang digunakan tidak jauh beda dengan Left Join seperti ini :

SELECT * FROM table1 RIGHT JOIN table2 ON table2.id=table1.id

untuk contoh kasusnya bisa anda lihat pada artikel sebelumnya yang membahas mengenai cara menampilkan data di database MySQL dengan menggunakan Left Join  

Selamat Mencoba dan semoga bermanfaat terimakasih.