DeddyCamp.com |
- Hosting Murah Indonesia Indositehost.com
- Tombol View Pop Up
- Membuat Efek Blur Pada Gambar
- Menu Navigasi Horizontal
| Hosting Murah Indonesia Indositehost.com Posted: 10 Jul 2010 01:57 PM PDT Hosting Murah Indonesia Indositehost.com - Mungkin bagi sebagian orang terutama yang telah mengenal dunia internet tapi masih terasa asing dengan istilah Hosting, Hosting berdasarkan arti harfiah wikipedia adalah jasa layanan internet yang menyediakan sumber daya peladen-peladen untuk disewakan sehingga memungkinkan organisasi atau individu menempatkan informasi di internet berupa http, ftp, email, atau dns. Jadi kalau dipersingkat, Pengertian Hosting adalah tempat kita menyimpan segala data sebuah web yang tersimpan didalam sebuah server komputer yang terhubungan dengan internet selama 24 jam. Jadi Arti Hosting Hemat sendiri adalah tempat kita untuk menyimpan data web yang dimiliki, dimana data tersebut tersimpan dalam sebuah komputer yang terhubung dengan internet. Sedangkan arti Web Hosting adalah salah satu bentuk layanan jasa penyewaan tempat di Internet yang memungkinkan perorangan ataupun organisasi menampilkan layanan jasa atau produknya di web / situs Internet. Tempat dapat juga diartikan sebagai tempat penyimpanan data berupa megabytes (mb) hingga terabytes (tb) yang memiliki koneksi ke internet sehingga data tersebut dapat direquest atau diakses oleh user dari semua tempat secara simultan. Jadi pengertian Web Hosting lebih khusus sedangkan Hosting lebih umum. Salah satu Web Hosting murah adalah Indositehost.com Indositehost.com memiliki struktur website yang mudah untuk di telusuri. Proses Order Hosting Murah Indonesia di Indositehost.com begitu mudah, cukup mengikuti petunjuk yang ada di website mereka. Nilai plus lainnya dari Indositehost.com adalah adanya tutorial atau panduan setting seperti install cms, custom domain dan lainnya. Hal ini sangat membantu bagi para pemula dalam hal membangun weblognya dari awal hingga online dan bisa diakses dari seluruh dunia. Salah satu produk yang menarik adalah reseller hosting dengan fitur dan performa yang handal, stabil, akses cepat, profesional dan garansi uptime 99%. Dengan begitu, kita bisa memiliki bisnis hosting sendiri dengan budget yang bisa disesuaikan dengan model rencana bisnis hosting yang kita bangun dengan harga yang terjangkau tanpa mengorbankan service quality. Bagusnya, untuk reseller hosting menggunakan server khusus yang terpisah dengan paket shared hosting indositehost.com. Kunjungi saja website indositehost.com untuk memperoleh informasi lebih lanjut mengenai produk-produk yang mereka tawarkan. Dan jangan lewatkan kesempatan untuk memperoleh domain dan hosting gratis serta diskon 50% untuk seluruh paket hosting yang ada dengan menggunakan kode promosi (dalam rangka 1st anniversary). Hosting Murah Indonesia Indositehost.com, Partner anda menuju sukses.  |
| Posted: 10 Jul 2010 03:55 AM PDT  Jika memakai tombol view pop up ini, saya yakin pengunjung lebih penasaran untuk mengklik link yang anda ingin tampilkan ketimbang menggunakan banner atau tulisan biasa. Kenapa ? karena banner yang anda pasang sudah memperlihatkan isi dari link yang dimaksud, so..yang liat juga males, soalnya sudah pada tau isinya.."oh bisnis online yang itu ya", atau "ehmm..kalo bisnis tabungan online yang begitu sih males ah". Nah loh, jadi ga diklik deh tuh banner atau tulisan anda, bener ga tuh. Ya udah deh langsung aja, begini nih contoh tombol view pop up yang dimaksud. Untuk membuatnya, silahkan anda copy saja scripnya dibawah ini : <center><form onsubmit="window.open('http://ALAMAT URL','popupwindow','scrollbars=no, width=300,height=100');return true"><input type="submit" value="TULISAN PADA TOMBOL"></form></center> Copy paste kode tersebut di tempat yang anda inginkan, di sidebar, header atau dipostingan juga bisa. Keterangan : <center> : untuk tombol yang terletak ditengah, jika ingin letaknya di sebelah kanan tinggal anda ganti saja dengan <right> jangan lupa ditutup dengan </right> Tulisan yang berwarna biru adalah alamat url yang ingin anda pasang. Tulisan yang berwarna merah adalah tulisan pada tombol. Silahkan kreasikan sendiri tombol view pop up milik anda Selamat Mencoba  |
| Posted: 10 Jul 2010 03:38 AM PDT Tutorial sederhana ini sebenarnya hanya membutuhkan sedikit kode css pada template. Cara membuat efek blur pada gambar, ya begitulah kira-kira pembahasan kali ini. Efek blur ini akan terjadi jika cursor melintas pada gambar, jadi gambar akan terlihat menjadi tampak samar apabila cursor melintas diatas gambar. Dan nanti akan saya jelaskan sekalian bagaimana caranya agar gambar yang di klik tidak pindah halaman atau menuju alamat url yang ada (tidak ngelink kemana-mana). Caranya gampang aja kok, silahkan ikuti langkah-langkahnya berikut ini : 1. Login ke Blogger dulu ya. 2. Silahkan anda tuju halaman Edit HTML. 3. Kemudian cari kode ]]></b:skin> 4. Letakkan kode berikut ini diatas / sebelum kode ]]></b:skin> .linkopacity img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;} 5. Simpan Template. Kemudian untuk membuat efek blur pada gambar yang akan di upload, contoh alamat url gambar yang ada : <a href="http://www.deddycamp.com"><img src="http://i643.photobucket.com/albums/uu155/miskahiper/samsung-amoled.jpg" border="0" alt="Laptop"></a> maka tampilan normalnya seperti dibawah ini :  Untuk menambahkan efek blur kedalam gambar, maka kode yang harus anda tambahkan adalah class="linkopacity" dan hasilnya seperti dibawah ini : <a href="http://www.deddycamp.com" class="linkopacity"><img src="http://i643.photobucket.com/albums/uu155/miskahiper/samsung-amoled.jpg" border="0" alt="Laptop"></a> Jika disorot maka gambar akan tampak samar atau ngeblur dan jika di klik maka akan menuju link terkait. Agar gambar yang di klik tidak ngelink kemana-mana atau tidak pindah ke halaman link yang ada, maka anda tinggal mengganti linknya menjadi "#nogo" dan hasilnya seperti berikut : <a href="#nogo" class="linkopacity"><img src="http://i643.photobucket.com/albums/uu155/miskahiper/samsung-amoled.jpg" border="0" alt="Laptop"></a> Silahkan di sorot dan di klik, maka gambar tidak akan lari kemana-mana. Untuk merubah tingkat keburaman pada gambar, anda tinggal atur angka pada kode css yang sudah disimpan pada template tadi. Ubah saja angka "30" menjadi angka yang lebih rendah untuk mendapatkan tingkat blur yang lebih gelap, contoh jika saya ubah angkanya menjadi "10"maka kodenya menjadi seperti berikut : .linkopacity img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;} Selamat mencoba  |
| Posted: 10 Jul 2010 03:19 AM PDT Sebelum ini pernah saya bahas tentang tutorial horizontal menu dropdown, kurang lebih sama dengan menu navigasi horizontal. Hanya saja dalam menu navigasi ini, sobat tidak perlu lagi masuk ke kode HTML template jika ingin menambahkan link baru. Namun kekurangan menu navigasi horizontal ini adalah tidak bisanya menambah link baru kebawah (vertikal) atau sub menu seperti pada horizontal menu dropdown.  langsung saja pada pembuatannya ya. Sip, sekarang silahkan anda Login ke blogger dulu, kemudian tuju Elemen Halaman, lalu klik button Edit HTML, klik Expand Template Widgets. Letakkan kode css berikut ini diatas kode ]]></b:skin> /*-- (Menu/Nav) --*/ Kamudian letakkan kode berikut ini tepat dibawah kode <div id='outer-wrapper'><div id='wrap2'> kode ini biasanya letaknya dibawah <body> <div id='nav'> Jangan lupa Simpan Template. Coba lihat hasilnya ! Keterangan : 1. -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px adalah garis melengkung pada ujung kotak navigasi, semakin besar angkanya maka akan semakin besar garis lengkungnya. Jika ingin membuat kotak lancip, silahkan hapus saja semua kode tersebut.2. height:30px adalah tinggi kotak navigasi. 3. Background:#000 adalah warna kotak navigasi, untuk merubah dengan warna lain silahkan klik disini. Dan jika ingin mengganti warna dengan gambar yang anda punya, ubah kodenya sehingga menjadi seperti berikut : #nav{background:#000 url('http://lh6.ggpht.com/_7Y9pl24WpQY/StGMv1nlCvI/AAAAAAAAB4U/RmIZGEvqvHA/gradient.php_thumb%5B2%5D.jpg?imgmax=800') repeat-x; height:30px; padding:5px 0 0; margin-bottom:0px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px}................. dst.. alamat gambar diatas hanya contoh yang saya punya, jika ingin melihat gambarnya silahkan anda block url gambar diatas kemudian masukkan ke address pada browser anda dan enter, jreeng keliatan kan gambarnya. Silahkan jika ingin menggunakan gambar diatas atau jika punya gambar sendiri, monggo ! Jika berhasil maka menu navigasinya terletak di bagian paling atas header. Jika ingin meletakkan menu navigasi dibawah header maka yang harus anda lakukan adalah merubah letak posisi <div id='outer-wrapper'><div id='wrap2'>, cut dan paste setelah kode header atau jika bingung maka letakkan saja tepat diatas kode <div id='content-wrapper'> Selamat mencoba  |
| You are subscribed to email updates from Tutorial Blog | Business | All in One To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
0 komentar:
Posting Komentar
Terima kasih atas komentar anda