07 Juni, 2013

Cara buat web gratis

Cara buat web gratis


Cara buat Slide Menu horisontal dibawah posting

Posted: 07 Jun 2013 04:50 AM PDT

Menu horisontal ini terletak dibawah posting. Selain lebih fungsional karena letaknya dibawah posting, dilihat dari tampilannya menu horisontal ini memang sangat menarik. Sehingga tampilan web atau blog kita menjadi lebih bervariatif. Selain kelebihan diatas menu horisontal ini saya lengkapi dengan efek slide yang menggunakan fitur transition, agar tampil lebih dinamis.
Slide Menu horisontal ini saya buat dengan menggunakan kode CSS dan beberapa kode HTML tanpa menggunakan kode javascript ataupun jQuery, sehingga menu ini akan bekerja lebih ringan.


OK... bila anda berminat memasang tombol ini, silahkan anda bisa ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.

4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.

5. Jangan lupa Klik tombol "Expand Widget Templates"

6. Cari kode di bawah ini atau yang mirip dengan kode ini :
</head>

7. Copy kode dibawah ini dan paste sebelum kode </head>:

8. Copy kode dibawah ini dan paste setelah kode diatas :
<style type='text/css'>

ul#menu-slide-cbwg .item-1 a:hover
{ background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9S2iPfixWVQgekT7jR18Q8v743YmPf2IztCBzyZpz49e8lZHhc0g7Pe4n0PQMApUTegyENRsmsu32m5G4XYoWQETBOeoeXPIA1P3IV16Rv6Fvsml1ix0PEMEVnS9PbHEBwaiIIVk1s3Pb/s104/home.png);}

ul#menu-slide-cbwg .item-2 a:hover
{ background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicy_jRr1gx0D2jV2HMng0XflwaUG-pt3FynMD0yklYmVGZ412r6D3TqzTBM7dpBKpzb4vY0Ft3EPmm445M_GZG6tvX_uPoHEsmQJqNkJONM0b6U_FUf2un4Skf8zL7HQoTGKAFMmXHvys-/s104/id_card.png);}

ul#menu-slide-cbwg .nitem-3 a:hover
{ background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq__3zoBeqHyfpR61jstxlWZMYR2-H48LLjjlvRcDpirlHh29GH1th4NG7IjD4Hwe1j2tOeoH6zoK00vtGa1Ghe7wMS9_ADmY9nEz6R7TvEYJUoSo4mzLK0DFTziZ63NbgUyjZ-d6yBNTP/s104/promotion_new.png);}

ul#menu-slide-cbwg .item-4 a:hover
{ background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4Q6m_tYSw9DvJJHHH_g3nVpAxGaZ9v4jRwFX1CqrVIOJ8gsIuz-GOADJfoiAHO3hAVkCG3A-dSiLQLsAtIiB1N3s3WFOaH4AfuAkktPm-c3StXUOJ3gWF338U0bntN1vjqpIyvjFZieq/s104/rss.png);}

ul#menu-slide-cbwg .item-5 a:hover
{ background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqudEaMksqOunClvZqSHUYJZc-k_59HxMHED4Sy_8_gm7atMRKA2VNK7QikKhhWxKpg8raYi1ICFFVdyODye90P_iLLS5J4Unfgq8PGVGXgTwm1ln11sE-NeRP1iHYpA909xJ0-42463we/s104/mail.png);}

</style>
Catatan :
  • Teks merah adalah ULR Icon yang ada pada setiap menu. Silahkan anda bisa ganti ULR dan Iconnya sesuai dengan menu yang anda buat.
  • Sebagai refrensi, anda bisa dapatkan macam - macam bentuk icon di http://dryicons.com/free-icons/
  • Anda bisa menambah dan mengurangi jumlah item menu, sesuai kebutuhan anda, tapi disesuaikan dengan lebar area yang ada.
9. Langkah selanjutnya cari kode di bawah ini atau yang mirip dengan kode ini :
<data:post.body/>

10. Copy kode dibawah ini dan paste setelah kode <data:post.body/>:
<ul id="menu-slide-cbwg">
 <li class="item-1">
<a href="ULR HALAMAN/ARTIKEL"><span>MENU-1</span></a>
</li>

 <li class="item-2">
<a href="ULR HALAMAN/ARTIKEL"><span>MENU-2</span></a>
</li>

 <li class="item-3">
<a href="ULR HALAMAN/ARTIKEL"><span>MENU-3</span></a>
</li>

 <li class="item-4">
<a href="ULR HALAMAN/ARTIKEL"><span>MENU-4</span></a>
</li>

 <li class="item-5">
<a href="ULR HALAMAN/ARTIKEL"><span>MENU-5</span></a>
</li>

</ul>
Catatan :
  • Bila sudah menggunakan fasilitas "read more" letakkan kode <data:post.body/> setelah kode yang kedua.
  • Teks warna BIRU pada kode ini harus sama dengan teks warna BIRU yang ada pada kode diatas
11.SIMPAN TEMPLATE.

Oh iya.... menu ini juga bisa diletakkan dimana saja seperti tab menu dibawah header.

Selamat mencoba dan Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda gunakan tombol berlangganan artikel yang ada disebelah kanan halaman ini, atau melalui tombol dibawah ini.

22 Desember, 2012

DAW - XP

DAW - XP


Manfaatkan Jejaring Sosial Untuk Promosi Blog

Posted: 26 Oct 2011 10:00 AM PDT

Jejaring Sosial
Sekarang ini perkembangan situs jejaring sosial di dunia semakin berkembang pesat. Banyak orang yang memanfaatkan fasilitas ini untuk berkomunikasi dengan keluarga, teman dekat, sahabat dan rekan kerja sekalipun. Tidak hanya itu, para bloger juga memanfaatkan jejaring sosial untuk mempromosikan blognya.

Di Indonesia, situs jejaring sosial yang terkenal dan biasanya banyak digunakan oleh pengguna adalah Facebook dan Twitter. Entah kenapa, mungkin karena branding atau sebab lain membuat kedua jenis situs jejaring sosial ini begitu digemari oleh masyarakat.

Pastinya jika kita mengambil sisi positifnya yaitu berpromosi blog di jejaring sosial maka akan sangat menguntungkan. Selain mendapatkan traffic, bagi pebisnis online juga akan lebih mudah untuk memasarkan produknya di jejaring sosial ini. Ada beberapa cara yang banyak digunakan blogger untuk mempromosikan blognya, yaitu sebagai berikut:

1. Pasang URL Blog di Profil Anda
Profil anda merupakan area yang paling sering dikunjungi seseorang. Maka dari itu, sepantasnyalah anda memasang url blog anda di profil. Ini penting sebagai brand dan kredibilitas website anda.

2. Update Status
Update status merupakan hal penting yang harus anda ingat jika ingin konsisten berpromosi blog. Karena semua teman Anda di Facebook melihat update status tersebut, maka update status sangat baik untuk memberi tahu teman Anda jika Anda tulisan baru atau ada sesuatu yang penting di blog Anda (seperti TwitterFeed untuk Twitter). Sehingga, orang-orang yang membaca status Anda bisa meluncur ke blog Anda.

3. Fanspage
Fanspage mempunyai peran penting dalam berpromosi blog (Facebook). Setiap followers yang mengikuti fanspage anda, mereka akan dapat mengikuti perkembangan apa yang terjadi di blog/website anda. Jika menurut mereka blog/website anda bagus, tidak menutup kemungkinan followers anda akan mengundang teman mereka yang lain untuk bergabung ke fanspage anda. Ini sangat bagus untuk perkembangan traffic anda, khususnya bagi anda yang ingin memasarkan produk-produk anda.

4. Lebih Akrab dengan Teman
Ini adalah kunci kesuksesan dalam berpromosi blog lewat situs jejaring sosial. Karena pada dasarnya situs jejaring sosial ini merupakan wahana yang difungsikan untuk bisa menjalin kedekatan antarpersonal secara baik. So, manfaatkan lah peluang tersebut sebaik-baiknya. Jangan pernah menjadikan teman kita sebagai objek dagangan atau semata-mata objek kita dalam berpromosi. Bersikaplah sewajarnya layaknya kita sedang berteman dengan sahabat baik kita.

Semakin erat kedekatan kita dengan teman kita, maka secara tidak langsung proses berpromosi blog kita kepada mereka pun akan terbawa dengan baik. Murah menyapa, tidak terkesan sombong, tetap low profile adalah kuncinya. Selain itu anda bisa berpartisipasi di grup-grup jejaring sosial. Ini sangat penting, karena akan dapat menambah ilmu kita tentang hal-hal yang ingin dikuasai, selain itu dapat menambah teman di dunia maya. Contohnya adalah grup DBP yang dijadikan sebagai tempat belajar blogger.

Situs jejaring sosial adalah media yang paling pas untuk berpromosi. Gunakan kesempatan ini sebaik mungkin, maka dalam waktu singkat jumlah pengunjung dalam blog kita pun akan bertambah ramai. Sekian dulu artikel saya mengenai memanfaatkan jejaring sosial untuk promosi blog. Semoga bermanfaat

13 Desember, 2012

DAW - XP

DAW - XP


Jual Sepatu - sepatuvision.com

Posted: 13 Dec 2012 03:38 AM PST

Jual Sepatu - sepatuvision.com - Terkadang kita masih malas mencari sepatu di pasaran. Dengan adanya teknologi yang serba canggih saat ini, Anda dapat membeli sepatu di situs Jual Sepatu - sepatuvision.com dengan internet. Dengan membeli online, Anda tidak perlu lagi keluar rumah untuk mencari barangnya langsung, Anda hanya tinggal pilih di internet dan klik untuk membayar/transfer uang. Dan dalam beberapa hari, barang yang Anda beli pun sampai di rumah.

Tentu dalam memilih situs jual beli online itu Anda harus bijak. Jangan sampai Anda sudah mentransfer uangnya, ternyata barang tak kunjung datang. Hal ini sering terjadi dikarenakan memang mendeteksi kejahatan di internet masih sulit. Namun Anda jangan khawatir, situs jual beli yang kali ini akan saya share pasti aman untuk Anda.

toko sepatu online

Situs Jual Sepatu - sepatuvision.com Terpecaya

Keamanan dan kenyamanan saat membeli online adalah tujuan utama pelanggan. Nah dari sini, ada sebuah situs yang memang mengutamakan dalam hal keamanan yang pasti dan terpecaya jika Anda ingin membeli sepatu.

Sebagai toko sepatu online profesional, Kualitas, Kecepatan, dan Harga adalah merupakan faktor yang sangat penting bagi pelanggan di situs ini, dan semua itu selalu menjadi perhatian. Setelah berpengalaman selama bertahun-tahun sekarang kami telah dapat memyediakan yang berkualitas serta dengan Harga yang lebih Kompetitif / Bisa disesuaikan dengan budget Anda.

sepatuvision.com siap melayani permintaan pesanan Sepatu Bola & Futsal berbagai macam merk seperti: Nike,Adidas,Lotto,Specs, dan berbagai macam sepatu lain.

Tampilan Jual Sepatu - sepatuvision.com


Jual Sepatu

Tampilan khas warna putih dan abu-abu dari situs jual beli ini tentu merupakan tampilan yang enak dilihat dan nyaman bagi pembaca. Dengan banyaknya navigasi memudahkan calon pelangga melihat-lihat datar sepatu yang dijual.

Nah memang tidak diragukan lagi Jual Sepatu - sepatuvision.com merupakan situs jual beli sepatu online terpecaya untuk Anda yang ingin bertransaksi. Jangan ragu untuk membeli sepatu dari situs ini, karena kualitas, kecepatan dan harga yang pantas menjadi perhatian utama bagi owner dari pemilik situs ini.