Tutorial Blog Tutorial Blog

Pages

Monday, December 24, 2012

Cara Membuat Menu Horizontal di Blogspot

Bagaimana Cara Membuat Menu Horizontal di blogspot seperti menu kolom Home, About, Contact and Other secara horizontal, banyak jenis menu horizontal yang bisa divariasikan, seperti dengan dropdown CSS ,multi level jquery ,anvigasi slide dan dengan html jquery.
tapi kali ini akan diberikan tutorial bagaimana Cara Membuat Menu Horizontal pada Blogspot, berikut caranya :
-Login ke blogger.com, lalu pilih design .
-Pilih Edit HTML, download full template untuk menghindari terjadinya kesalahan pada saat terjadinya Error
  jadi Anda bisa mengembalikan lagi bentuk template  seperti semula.
-Lalu Klik kotak expand template widget pada template Anda, dan cari kode: </b:skin>
Hapus kode tersebut dan ganti dengan kode:
</b:skin><style type='text/css'>.pagemenu-container #pagemenu{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:#000 repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase}.pagemenu-container #pagemenu ul{margin:0;5px;0px;5px;padding:0;border:1px solid $bordercolor;list-style-type:none;width:860px}.pagemenu-container #pagemenu ul li{display:block;float:left;margin:0 1px 0 0}.pagemenu-container #pagemenu ul li a{display:block;float:left;color:#fbdafa;text-decoration:none;padding:10px 18px 0 18px;height:28px}.pageme nu-container #pagemenu ul li a:hover,.pagemenu-container #pagemenu ul li a.current{color:#fff;background:#306 no-repeat top center}</style>
Kemudian silahkan Anda cari kode: <div id='content-wrapper'>
Lalu silahkan dihapus dan diganti dengan:
<div class='pagemenu-container'> <div id='pagemenu'> <ul> <li class='page_item home'><a href='http://tutorialplan.blogspot.com//' title='Home'>Home</a></li> <li class='page_item page-item-2'><a href='http://tutorialplan.blogspot.com//l' title='About'>About</a></li> <li class='page_item page-item-3'><a href='http://tutorialplan.blogspot.com//profile/16474552668039271355' title='Contact Us'>Contact</a></li><li class='page_item page-item-4'><a href='http://tutorialplan.blogspot.com//2011/10/daftar-isi.html' title='Daftar Isi'>Daftar Isi</a></li><li class='page_item page-item-5'><a href=' http://igmpalembang.blogspot.com/ 2012/12/belajar-blog-l.html' title='Belajar Blog'>Blog</a></li></ul></div> </div> <div id='content-wrapper'>
Keterangan:
Kode background: #000 : warna latar belakang dari menu horizontal, #000adalah kode warna hitam, Kode tersebut dapat Anda ganti sesuai dengan keinginan Anda misalkan untuk kode warna  Biru, kodenya adalah #0C36F5.
Kode width:860px : panjang horizontal menu nya, silakan samakan dengan panjang pada kode #header-wrapper atau panjang #outer-wrapperblog Anda.
Kode {color:#fff;background:#306 no-repeat top center} : warna text dan warna background pada saat disorot dengan pointer mouse.
Untuk diingat bahwa url link  http://igmpalembang.blogspot.com  diganti dengan Blog kepunyaan Anda .

Selamat mencoba........

Sunday, December 23, 2012

Cara Menampilkan Video di Postingan

Video yang di tampilkan diantara Artikel pada Blog kita  fungsinya teramat penting karena selain memperindah tampilan Blog sehingga lebih Variatif juga berfungsi sebagai Media yang efektif dalam penyampaian untuk memperjelas bagi pengunjung Blog. terutama bagi yang melakukan kegiatan dalam bisnis Online yang berfungsi untuk menarik minat para pengunjung untuk tujuan Bisnisnya. dalam membuat sebuah video, kita dapat mengunakan situs layanan pembuatan video, salah-satunya adalahhttp://www.youtube.com.

Ikuti langkah-langkah berikut ini :
  1. Untuk daftar silahkan kunjungi http://www.youtube.com
  2. Setelah berada di situs tersebut, klik tulisan Sign Up yang berada pada layar bagian atas
  3. Isi semua data diri anda pada form yang di sediakan, jangan lupa beri tanda tik/cek pada kotak di samping tulisan »» Sign me up for the "Broadcast Yourself" email
    - I agree to the terms of use and privacy policy. lalu klik tombol Sign Up
  4. Setelah berhasil, anda diminta untuk veryfikasi, silahkan cek email yang anda daftarkan tadi untuk melakukan veryfikasi
  5. Jika email dari youtube.com sudah masuk, silahkan buka lalu klik tulisan Confirm your email addres
  6. Dengan menekan klik tulisan tadi, secara otomatis anda sudah masuk kedalam halaman account anda dan siap untuk upload video
  7. Klik tulisan Upload Video yang berada pada layar sebelah atas
  8. Isi form yang di sediakan
  9. Klik tombol bertuliskan Continue Uploading
  10. Klik tombol Browse, masukan file video yang ingin anda masukan
  11. Beri tanda tik/cek pada radio button, public »» jika video anda bisa dilihat oleh umum. Private »» Jika video anda bersifat pribadi yang hanya bisa di lihat oleh orang yang anda tunjuk
  12. Klik tombol Upload Video, tunggu beberapa saat sampai proses upload selesai
  13. Setelah proses upload selesai, anda tinggal mengcopy kode HTML yang di berikan. lalu paste pada Notepad
  14. Silahkan klik Log Out untuk keluar dari situs tersebut dan proses selesai
  15. Anda sudah mempunyai video yang bisa di simpan pada artikel anda

Untuk memasukan kode video yang telah anda copy tadi, caranya yaitu anda tinggal posting artikel seperti biasa lalu sisipkan kode tersebut pada tempat yang anda inginkan. namun pada saat copy dan paste kode tersebut posisi posting harus pada Edit HTML tdak boleh pada posisiCompose. Jika sudah selesai memasukan artikel, Tinggal klik Publish dan video anda siap di lihat oleh para pengunjung blog anda.

Monday, December 3, 2012

Cara Menampilkan Musik Pada Blog/Blogspot

Langkah pertama yang kita lakukan dalam menampilkan Musik pada Blog, kita dapat memanfaatkan situs-situs yang menyediakan Musik secara Gratis yang banyak sekali terdapat di dunia Maya ini. untuk situs penyediannya dapat teman-teman langsung browsing langsung di internet.



Berikut ada tiga jenis situs penyedia musik yaitu :

  1. Situs tersebut menyediakan berbagai pilihan lagu yang bisa kita pilih sesuai dengan selera kita
  2. Situs tersebut tidak menyediakan lagu, tapi kita harus upload lagu dari komputer kita
  3. Situs tersebut menyediakan berbagai pilihan lagu, atau bisa juga kita upload lagu dari komputer
Tentu diantara ketiganya ada kelebihan dan kekurangannya. Keuntungan menggunakan jasa situs yang pertama yaitu kita tidak perlu mempunyai lagu sendiri, kita tinggal pilih lagu yang di sukai lalu ambil kode HTML nya kemudian masukan ke blog kita, prosesnya sangat cepat dan praktis. Tapi kekurangannya yaitu terkadang lagu yang kita sukai tidak tersedia di situs tersebut.

Untuk situs kedua, keuntungannya yaitu kita bisa memasukan lagu yang kita sukai tanpa harus tergantung dari situs tersebut jadi apapun lagunya pasti bisa yang penting ya kita harus mempunyai file lagu yang harus di upload. kekurangannya yaitu karena kita harus upload lagu ke situs tersebut maka dalam proses upload biasanya memerlukan waktu yang cukup lumayan lama, sehingga sedikit membosankan ketika melakukan proses upload juga tentunya biaya berinternet kita jadi semakin bengkak.

Untuk situs ketiga, untuk saat ini kita baru mengetahui satu situs saja, namun apabila ada masukan dari Anda dapat Anda kabarkan melalui email saya yang kegunaannya nanti untuk saling berbagi informasi yang kemudian nantinya akan di beritakan kembali untuk Sahabat Blogger semua.

Berikut salah satu contoh yang pertama adalah memanfaatkan situs yang telah menyediakan berbagai lagu tanpa harus upload terlebih dahulu, Seperti www.song2play.com. silahkan ikuti langkah-langkah berikut :
  1. Silahkan kunjungi www.song2play.com
  2. Masukan judul lagu yang anda inginkan pada search engine yang tersedia. Contoh : lambada. Atau menuliskan nama penyanyi atau grup bandnya. Contoh Sting
  3. Jika judul lagu belum muncul, biasanya ada tulisan Click here to get more Result. silahkan klik tulisan tersebut
  4. Setelah terlihat beberapa judul lagu, klik pada judul lagu yang sedang anda cari, secara otomatis akan ditampilkan kontrol navigasi dan lagu yang dipilih tadi akan di perdengarkan
  5. Di pojok kiri bagian bawah ada kotak yang sudah di beri tanda centang, yaitu AutoStart, Show song Title. AutoStart artinya ketika pengunjung mengunjungi blog Andat, maka lagu akan langsung diputar/play. dan apabila tidak ingin pilih secra outomatis maka kita memberi kesempatan kepada pengunjung untuk memilih sendiri apakah mau mendengarkan lagu atau tidak, sobat hilangkan tanda centang tadi dengan cara mengkliknya
  6. Show Song Title artinya pada panel navigasi akan di munculkan judul lagu yang di muat. Jika tidak mau muncul ya hilangkan saja tanda centangnya
  7. Copy seluruh kode HTML yang di sediakan pada text area, paste pada notepad. Silahkan close window situs tersebut
  8. Langkah selanjutnya yaitu Anda tinggal masukan kode HTML yang diberikan tadi ke dalam blog
Sedikit tambahan, jika Anda ingin menyesuaikan lebar panel navigasi agar sesuai dengan sidebar blog Anda, Kita dapat menganti nilai yang ada pada kode HTML lagu tersebut yaitu nilai width=...px.
Contoh : didalam kode tersebut ada kode width=210px, untuk memperkecilnya kita tinggal perkecil nilai px nya. Contoh : width=150px.
Contoh layanan yang kedua adalah www.songhere.com. dan langkah-langkah mendapatkan kode HTML dari situs ini hampir sama dengan langkah-langkah diatas namun layanan di situs www.songhere ini tidak menyediakan pasilitas untuk memilih fasilitas AutoStar dengan kata lain kita memakainya akan langsung play tanpa harus di klik oleh pengunjung, untuk tapi ada cara untuk melakukan settingnya kita harus mengganti sendiri kodenya, silahkan Anda cari di dalam kode lagu tersebut yang bertuliskan autostart=true, silahkan ganti tulisan truemenjadi false sehingga kode tadi akan menjadi seperti iniautostart=false.kemudian contoh situs yang harus melakukan upload lagu dari komputer kita salah satunya adalah www.tunefeed.com

Untuk langkah-langkahnya bawah ini :

  1. Silahkan Anda kunjungi situs www.tunefeed.com
  2. Klik kotak di sebelah tulisan widget Color, pilih warna panel navigasi yang Anda inginkan
  3. Klik tombol yang ada tulisan Click here to share your music
  4. Klik tombol yang bertuliskan Add Music or Photos
  5. Masukan file foto atau lagu yang Anda miliki
  6. Klik tombol upload
  7. Sambil menunggu proses upload, Anda dapat melengkapi data-data diri Anda pada kolom yang di sediakan
  8. Tunggu sampai proses upload selesai
  9. jika proses upload selesai, Anda akan di minta untuk mngecek email di berikan tadi
  10. silahkan buka email dari www.tunefeed.com
  11. Klik link untuk melakukan aktivasi keanggotaan, dengan mengklik link tadi otomatis Anda telah berada pada halaman acount Anda
  12. Klik tulisan Share This Tunefeed
  13. Pilih volume yang diinginkan pada menu dropdown di samping tulisanSelect Volume
  14. Pilih mode player, ada dua opsi pilihan di samping tulisan auto-play, sebaiknya pilih No
  15. Copy seluruh kode yang di berikan pada text area kemudian paste di notepad
  16. Klik tulisan Log Out untuk keluar dari halaman account Anda
  17. Silahkan close window browser Anda
  18. Tugas selanjutnya yaitu memasukan kode HTML yang sudah diberikan ke dalam blog. Untuk caranya seperti penjelasan di atas. Selesai..
Selamat mencobaa........... 
Related Posts Plugin for WordPress, Blogger...