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.

Query Replace di Database MySQL

Pada kesempatan kali ini saya akan membahas mengenai Query Replace di Database MySQL. misalnya saya ingin mengubah semua yang bernama "ali" di "table_a" menjadi "ahmad" di field "NamaCustomer" di table. jika mengubah data tersebut satu-persatu tentunya akan menjadi sangat sulit dan sangat lama namun dengan menggunakan Query bisa sangat cepat dan sangat mudah.

Sebelum mempraktekannya silahkan backup terlebih dahulu data dari table yang akan di replace karena jika salah penggunaan maka anda akan menjadi rusak. misalnya saya punya sebuah table bernama "table_a" dengan data seperti di bawah ini.

IdCustomer	NamaCustomer	Alamat
1	Ali Mutasal	Jl. Raya MT Haryono
2	Jackie Chan	Jl. Raya Sudirman
3	Bruce Lee	Jl. Raya Bogor

Mari kita mulai. gunakan Query di bawah ini :

UPDATE table_a SET `NamaCustomer`=REPLACE(`NamaCustomer`,'Ali','Ahmad');

Maka hasilnya setiap kata Ali yang ada di Column NamaCustomer akan berubah namanya menjadi ahmad. sekian artikel kali ini semoga bermanfaat terimakasih.

Menampilkan data dengan dari beberapa tabel dengan Left Join di MySQL

Pada kesempatan kali ini saya akan membahas sedikit tentang Menampilkan data dengan dari beberapa tabel dengan Left Join di MySQL setelah sebelumnya saya membahas mengenai cara menampilkan data dari dua tabel di database MySQL. pada kesempatan kali ini ada perintah tambahan yang akan kita gunakan yaitu menggunakan perintah Left Join.

Pada prinsipnya cara menampilkan data di database MySQL dengan menggunakan Left Join ini sama saja dengan JOIN biasa yang dibahas sebelumnya namun ada sedikit perbedaan antara JOIN dengan LEFT JOIN yaitu dengan ini semua tabel di sebelah kiri akan ditampilkan datanya atau nilainya secara keseluruhan namun untuk tabel di sebelah kanannya hanya sebagian saja atau hanya data yang memiliki kaitan dengan tabel sebelah kiri saja walaupun data di sebelah kanan kosong dengan memakai LEFT JOIN pun akan ditampilkan. 

Supaya lebih jelas saya akan coba memeberikan contoh sebagai berikut. saya mempunya 2 buah tabel yaitu tabel customer dan tabel pesanan dengan data seprti berikut ini :

1. tabel customer

NoPesanan	IdCustomer	Jumlah
1	1	10
2	2	2
3	1	3

2. tabel pesanan

IdCustomer	NamaCustomer	Alamat
1	Ali Mutasal	Jl. Raya MT Haryono
2	Jackie Chan	Jl. Raya Sudirman
3	Bruce Lee	Jl. Raya Bogor

Dari data tersebut saya akan menampilkan data dari customer menggunakan perintah Left Join sehingga perintahnya seperti berikut ini:

SELECT * FROM customer AS cs LEFT JOIN pesanan AS ps ON ps.IdCustomer=cs.IdCustomer; 

Sehingga hasilnya menjadi seperti di bawah ini :

IdCustomer	NamaCustomer	Alamat	IdCustomer	NamaCustomer	Alamat
1	Ali Mutasal	Jl. Raya MT Haryono	1	1	10
2	Jackie Chan	Jl. Raya Sudirman	2	2	2
1	Ali Mutasal	Jl. Raya MT Haryono	3	1	3
3	Bruce Lee	Jl. Raya Bogor	(NULL)	(NULL)	(NULL)

Sekian Artikel kali ini semoga bermanfaat terimakasih dan sampai jumpa.