Cara Mudah Membuat Menu Dropdown di Blogspot

Nah sobat Berry Blog , kali ini saya akan bahas mengenai cara praktis, mudah dan cepat untukmembuat menu dropdown di blog blogspot. fungsinya apa ? jelas saja fungsinya untuk menghemat tempat di blog kita. jangan kawati , caranya sangat gampang , bagi anda yang pemula atau newbie pasti bisa melakukan ini ,heheehe.
berikut cara membuat dropdown sub menu di blog :

Pertama, log in ke akun blogger sobat .

Kedua, pilih design .

Ketiga, pilih add gadget.

Keempat,pilih html javascript .

Kelima, copas kode dibawah ini ke kotak tersebut , seterah mau pake judul atau tidak.

onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1name=menu>LinkBerry Bloghttp://www.yahoo.com

">Yahoo
http://www.google.com

">Google


yang tanda merah bisa sobat ganti dengan yang sobat inginkan , dan tempat letaknya bisa sobat letak juga di bagian edit html , seterah sobat mau berkreasi seperti apa, kalau yang ini cara mudahnya :) . hasilnya nanti seperti ini :

 Link Berry Blog Yahoo Google 

nah itulah Tutorial membuat menu dropdown submenu di blog dari Berry Blog , semoga ini bisa bermanfaat untuk sobat semua , baca juga ya artikel saya mengenai cara membuat link di gambar blog dan software akuntansi , makasih.

Silahkan dicopas, namun jangan lupa untuk meletakkan link ini Cara Mudah Membuat Menu Dropdown di Blogspot sebagai sumbernya.

Bagaimana Cara Membuat Dropdown Menu (Horizontal)

Bagaimana Cara Membuat Dropdown Menu (Horizontal)

Bagaimana cara membuat dropdown menu (horizontal)? - Saat ini semakin banyak blogger pemula yang tertarik untuk belajar dasar-dasar kode untuk mengatur tampilan blognya. Jadi kali ini saya hendak berbagi bagaimana cara membuat menu horizontal. Menu ini bisa ditaruh di bawah header, di atas footer, atau di mana saja dalam posisi horizontal.

Lalu bagaimana cara membuat menu dropdown horizontal ini? Untuk praktisnya ikuti prosedur mudah berikut:

• Login ke dalam akun blogger anda
• Pilih blog yang akan dipasangi
• Pilih Menu Template
• Klik Tombol EDIT HTML. Setelah itu akan muncul jendela konfirmasi, silahkan klik LANJUTKAN
• Carilah kode ]]>

Copy kode di bawah ini dan paste tepat di atas kode ]]> tadi

#RickyMenu {
    background: warna1;
    width: 880px;
    height: 35px;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    color: warna2;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 2px;

} 
#Rickybox {
    width: 875px;
    float: left;
    margin: 0;
    padding: 0;
}

#punch { 
    margin: 0;
    padding: 0;
}
#punch ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#punch li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#punch li a, #punch li a:link, #punch li a:visited {
    color: warna2;
    display: block;
    font-size: 16px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    text-transform: lowercase;
    margin: 0;
    padding: 9px 15px 8px;
}
#punch li a:hover, #punch li a:active {
    background: warna2;
    color: warna1;
    margin: 0;
    padding: 9px 15px 8px;
    text-decoration: none;
}
#punch li li a, #punch li li a:link, #punch li li a:visited {
    background: warna1;
    width: 150px;
    color: warna2;
    font-size: 14px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    text-transform: lowercase;
    float: none;
    margin: 0;
    padding: 7px 10px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
#punch li li a:hover, #punch li li a:active {
    background: warna2;
    color: warna1;
    padding: 7px 10px;
}
#punch li {
    float: left;
    padding: 0;
}
#punch li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0;
    padding: 0;
}
#punch li ul a {
    width: 140px;
}
#punch li ul ul {
    margin: -32px 0 0 171px;
}
#punch li:hover ul ul, #punch li:hover ul ul ul, #punch li.sfhover ul ul, #punch li.sfhover ul ul ul {
    left: -999em;
}
#punch li:hover ul, #punch li li:hover ul, #punch li li li:hover ul, #punch li.sfhover ul, #punch li li.sfhover ul, #punch li li li.sfhover ul {
    left: auto;
}
#punch li:hover, #punch li.sfhover {
    position: static;
}

• Ganti kode warna1 dan warna2 dengan kode warna yang anda inginkan sebagai contoh bisa mengikuti kode di bawah ini:

Menu Hitam
warna1 = #555555
warna2 = #FFFFFF


Menu Biru 
warna1 = #66bbdd
warna2 = #004661


Menu Hijau 
warna1 = #38761d
warna2 = #FFFFFF

Menu Abu-abu 
warna1 = #d4d4d4
warna2 = #555555


Menu Kuning 
warna1 = #ffd966
warna2 = #d4812a

• Jika sudah mengganti semua kode warna di atas silahkan klik SIMPAN TEMPLATE

• Sekarang masuk ke Menu TATA LETAK atau LAYOUT
• Klik  ADD A GADGET atau TAMBAH GADGET
• Pilih HTML/JAVASCRIPT. Biarkan kolom judul nama gadget kosong, lalu copy paste kode di bawah ini ke kolom HTML yang tersedia

      

     

       
• Home

       
• 
            Sample Page
           
  
             
  • 
                  Sub Page #1
                 
    
                   
    • Sub Sub Page #1
    
                   
    • Sub Sub Page #2
    
                   
    • Sub Sub Page #3
    
                 
    
               
  
             
  • Sub Page #2
  
             
  • Sub Page #3
  
             
  • Sub Page #4
  
             
  • Sub Page #5
  
           
  
         

       
• Sample Post

       
• Blog Page

     

   

 

• Edit semua nama menu sesuai keinginan anda. Jangan lupa mengganti tanda # dengan alamat URL yang anda inginkan
• Klik SIMPAN
• Atur posisi gadget di tempat yang anda inginkan, lalu klik tombol SIMPAN SETELAN di bagian kanan atas layar.

Jika anda melakukan langkah-langkah di atas dengan benar, anda akan melihat sebuah horizontal dropdown menu di tempat yang anda inginkan. Bentuknya kurang lebih seperti gambar di bawah ini.

Cara Membuat Link Di Gambar Header Blog

Cara Membuat Link Di Gambar Header Blog

Membuat Link Di Gambar Header Blog. Inilah judul postingan Tutorial Blog kali ini, beberapa waktu yang lalu ada salah seorang teman spesial yang pengen banget menaruh Link Di Gambar Header Blog pribadinya, awalnya saya berpikir mungkin susah dan sangat ribet, butuh satu hari full untuk Membuat Link Di Gambar Header Blog dan berbagai cara sudah saya gunakan mulai menggunakan Script tapi tidak ada satupun yang berhasil dan akhirnya saya kepikiran dengan Adobe Dreamweaver yang sempat saya gunakan dalam metode pembelajaran beberapa semester lalu. Dan akhirnya hanya dengan beberapa menit Link Di Gambar Header Blog sudah selesai. Setelah itu saya berpikir mungkin ada baiknya jika saya sedikit berbagi Cara Membuat Link Di Gambar Header Blog bagi sobat-sobat yang belum mengetahui cara membuatnya.

Apabila anda tertarik untuk membuatnya, ada baiknya anda melihat dulu contoh Link Di Gambar Header Blog yang saya buat di http://vytha.com/. Perhatikan gambar di header ada tiga link yang saya buat di antaranya twitter, facebook dan rss atau lihat gambar di bawah ini;

Untuk Membuat Link Di Gambar Header Blog anda harus memiliki Software Adobe Photoshop dan Adobe Dreamweaver dan yang paling penting adalah imajinasi untuk menggambar header. Baiklah sekarang kita langsung saja ke TKP.

01. Buka Adobe Photoshop anda. Bualah Gambar Header yang anda inginkan dan yang perlu di perhatikan adalah ukuran Width dan Height gambar header yang anda buat, jika anda tidak tahu ukuran header blog anda silahkan copy gambar di header blog anda yang sekarang dan lihat berapa dimension-nya atau anda juga dapat mengedit gambar header blog yang ada sekarang.

klik gambar untuk memperjelas

02. Setelah anda membuat gambar baru, isi gambar dengan gambar yang anda inginkan, anda bisa mencari gambar di Google ataupun anda bisa membuatnya sendiri.

klik gambar untuk memperjelas

03. Masukkan gambar lebih banyak atau buatlah gambar yang sesuai untuk header blog anda agar tampak lebih menarik.

klik gambar untuk memperjelas

04. Setelah gambar header blog yang anda buat telah selesai, selanjutnya masukkan gambar yang ingin anda berikan Link dan masukkan tulisan sesuai dengan menu link yang ingin anda buat.

klik gambar untuk memperjelas

05. Jika gambar header blog yang ingin anda berikan link telah selesai, silahkan save dengan format .png. Untuk contoh diatas hanya ada tiga menu di gambar header yang saya buat untuk di berikan link, anda juga bisa menggunakan satu menu atau lebih tergantung dari kebutuhan anda.

06. Buka Adobe Dreamweaver. Setelah Dreamweaver terbuka silahkan anda pilih HTML.

klik gambar untuk memperjelas

07. Selanjunya tampilan Dreamweaver anda seperti dibawah ini;

klik gambar untuk memperjelas

08. Pada menu bar, klik Insert > Image atau anda juga bisa menekan Ctrl+Alt+I. Setelah itu masukkan gambar header yang tadi anda buat.

Cat: jika anda menemukan pop up seperti dibawah ini, klik saja OK dan klik lagi OK.

klik gambar untuk memperjelas

09. Setelah anda selesai memasukkan gambar maka tampilannya akan seperti dibawah ini;

klik gambar untuk memperjelas

10. Perhatikan bagian bawah pada Menu Properties. Ada kotak, bulat dan poligonal silahkan gunakan salah satu tools tersebut untuk menentukan bagian gambar header yang ingin anda berikan Link.

klik gambar untuk memperjelas

11. Untuk contoh saya menggunakan tool kotak, silahkan gunakan tools untuk menentukan bagian gambar mana yang ingin anda berikan Link, bagusnya jika anda sesuaikan dengan menu yang anda buat. Tools ini nanti berfungsi untuk memberikan Link pada menu di gambar header blog yang anda buat tadi. Perhatikan gambar dibawah ini;

klik gambar untuk memperjelas

Ket:

A = Adalah gambar yang sudah saya tandai menggunakan tools untuk diberikan Link

B = Masukkan Link yang ingin anda tuju

C = Pilih target Link, "_blank" jika anda ingin Link yang dituju saat di klik terbuka di tab baru dan "_self" jika anda ingin Link yang dituju saat di klik terbuka di tab yang sama

Cat: Sampai disini hanya satu menu di bagian gambar yang sudah saya berikan Link, jika di Gambar Header anda lebih dari satu menu silahkan ulangi langkah di atas mulai dari anda menentukan bagian gambar yang ingin anda berikan Link untuk menu selanjutnya.

12. Setelah semua menu yang anda buat di gambar header telah anda berikan Link atau telah selesai, selanjutnya Save header dengan format .html.

klik gambar untuk memperjelas

13. Klik 2x file header.html yang tadi anda save dan lihat hasilnya. Seperti itulah nanti yang akan tampil di Header Blog anda, periksa bagian menu di gambar yang anda berikan Link. Apakah sudah sesuai dengan yang anda inginkan atau belum.

14. Selanjutnya klik kanan file header.html dan Open with > Notepad. Perhatikan gambar dibawah ini.

klik gambar untuk memperjelas

Ket: Dalam lingkaran merah adalah alamat Gambar Header anda yang ada di PC/Laptop anda, tapi gambar itu belum ada di internet, jadi yang harus anda lakukan adalah meng-upload gambar tersebut ke internet. Anda bisa meng-uploadnya di Photobucket, Picasa Google dll.

15. Setelah anda selesai upload gambar header, ganti alamat gambar yang tadi dengan alamat gambar yang anda telah upload ke internet.

klik gambar untuk memperjelas

16. Copy kode mulai dari "". panjang atau pendeknya kode yang akan anda Copy tergantung dari banyaknya Menu di gambar yang anda buat.

klik gambar untuk memperjelas

17. Setelah itu Log in ke Blogger anda dan klik "Layout" > "Add a Gadget" dan pilih "HTML/JavaScript" (kosongkan "Title") dan paste kode yang tadi anda copy dan klik "Save".

klik gambar untuk memperjelas

18. Selanjutnya Drag "HTML/JavaScript" tersebut tepat di Bawah Header Blog anda. Lihat Gambar dibawah ini;

klik gambar untuk memperjelas

Ket: 

Dalam lingkaran merah itulah HTML/JavaScript yang tadi anda buat, dan sudah di Drag tepat di bawah Header. BUKAN TEPAT DI ATAS POSTINGAN BLOG ANDA.

19. Selanjutnya "Save Arrangement" dan lihat hasilnya.

Waktu pertama kali saya Membuat Link Di Gambar Header Blog, posisi gambar header yang saya buat tidak berada pada posisi semestinya, ini dikarenakan saat menyimpan HTML/JavaScript tidak tepat dibawah Header melainkan di atas Postingan Blog. Perlu diingat tidak semua Theme Blog yang anda download menyediakan tempat widget dibawah Header dan kebanyakan berada diatas Postingan Blog terkecuali anda menggunakan theme bawaan Blogspot (Blogger Template Designer).

Jika anda menemui masalah seperti itu, mungkin solusi dibawah ini dapat membantu anda.

- Masuk di "Edit HTML" dan Ceklist "Expand Template Widget"

- Cari

- Tekan Ctrl+F untuk mempermudah anda menemukan kode diatas

- Setelah anda mendapatkan kode tersebut, Copy kode yang tadi di Notepad dan Paste tepat dibawah

(Kode yang anda Copy tetap sama dengan kode yang anda Copy ke HTML/JavaScript). 

- Save Template anda dan lihat hasilnya.

Cara Mendaftarkan Blog di Webmaster Google

Cara Mendaftarkan Blog di Webmaster Google

Google Webmaster Tools merupakan layanan gratis milik perusahaan search engine raksasa, Google yang memungkinkan kita untuk untuk memantau dan mengoptimalkan blog atau web kita agar dapat dicrawl dan diindex dengan baik oleh Google. Layanan ini juga memungkinkan untuk meminta search engine melakukan crawling terhadap blog atau web dan memantau 'kesehatan' suatu blog/web. Tentunya hal  ini sangat penting manfaatnya bagi para blogger dalam melakukan optimalisasi blognya.
Untuk dapat menggunakan layanan Google Webmaster Tools anda harus mendaftar terlebih dahulu menggunakan akun Gmail atau akun Google lainnya. Bagi yang belum memiliki akun Google silakan mendaftar terlebih dahulu.
Berikut ini cara mendaftar dan melakukan verifikasi blog di Google Webmaster Tools :

1.)  Buka halaman www.google.com/webmasters/tools/ lalu Login lah menggunakan akun Gmail atau akun Google anda.
2.)  Kemudian pada halaman Google Webmaster Tools , Klik tombol Add a Site lalu masukkan alamat blog anda yang ingin didaftarkan. Setelah itu klik Continue.

3.)  Lalu pada halaman Verify Ownership kita diminta untuk melakukan verifikasi blog. Ada 4 pilihan dalam melakukan verifikasi blog, yaitu :

    >> Use your Google Analytics account
         Menggunakan kode Google Analitycs pada blog anda

    >> Add a DNS record to your domain's configuration
         Menambahkan DNS record pada domain registrar atau hosting provider

    >> Add meta tag to your site's home page
         Menyisipkan kode meta tag yang disediakan kedalam kode HTML blog.

    >> Upload an HTML file to your server
         Kita akan diminta untuk mendownload sebuah file HTML yg disediakan
         kemudian menguploadnya ke blog kita.
 
     Saya sarankan menggunakan metode Add meta tag to your site's home 
     page karena lebih mudah.

    Adapun berikut ini cara melakukan verifikasi menggunakan meta tag:
    a.) Pada halaman Verify Ownership tadi, klik Add meta tag to yous site's
         homepage
    b.) Kemudian, copy kode meta tag yang ada disana.
    c.) Login ke akun Blogger anda di Tap baru
    d.) Pilih Design >> Edit HTML
     e.) Sebaiknya backup dulu template anda dengan cara klik Download Full
          Template
    f.) Masukan kode meta tag tadi diantara tag dan (anda
        boleh meletakkannya dibawah tag atau diatas tag , pilih
        salah satu saja)
    g.) Klik Save Template. Sekarang meta tag sudah terpasang di blog anda,
        ikuti langkah selanjutnya

4.)  Setelah memasang kode meta tag, kembali ke halaman Verify Ownership lalu klik Verify.

Sekarang Blog anda sudah terdaftar dan terverifikasi di Google Webmaster Tools. Langkah selanjutnya agar blog lebih mudah dicrawl oleh spiderbot adalah dengan mensubmit sitemap blog anda ke Google Webmaster Tools. Sitemap digunakan untuk memberiahu search engine tentang suatu halaman blog atau web agar dicrawl. Dengan membuat dan mensubmit sitemap ke Google Webmaster Tools, blog anda memiliki kemungkinan lebih besar untuk cepat dicrawl dan diindex search engine Google.

Adapun cara mensubmit sitemap ke Google Webmaster Tools adalah sebagai berikut :

1.)  Masuk ke dashboard Google Webmaster Tools blog anda

2.)  Klik Site Configuration, lalu pilih Sitemaps.

3.)  Klik Submit a Sitemap, lalu masukkan sitemap blog anda. Setelah itu Klik Submit Sitemap.

Sekarang blog anda sudah terdaftar di Google Webmaster Tools dan sitemap blog anda sudah tersubmit.

10 Tips Memotret Sunset Dan Sunrise

Memotret sunset dan sunrise adalah salah satu dari sekian banyak ”foto wajib“ yang harus dilakukan oleh seorang penggemar fotografi. Kalau anda sudah pernah mencoba memotret sunset atau sunrise tetapi kurang puas dengan hasilnya, silahkan coba tips berikut ini supaya foto sunset dan sunrise bertambah baik:

Lakukan Persiapan Sebaik-baiknya

Sunset dan sunrise hanya berlangsung sekitar setengah jam. Untuk itu kita harus melakukan persiapan matang sebelumnya. Pastikan datang lebih awal dan pastikan anda sudah tahu dari  titik sebelah mana anda akan memotret. Agar komposisi akhir foto keren, lakukan observasi tempat sebelumnya. Untuk memastikan anda tidak terlambat , usahakan anda tahu jam berapa sunset atau sunrise akan tiba (karena jam sunset / sunrise berbeda dari lokasi ke lokasi).  Juga pastikan peralatan sudah siap: kamera – lensa – tripod (jika ada) serta aksesoris lainnya sudah terpasang & disetel dengan baik, sehingga saatnya tiba kita bisa sibuk memotret bukan sibuk mengeset alat. Baca lagi tips tentang komposisi.

Jangan Kecewa Karena Mendung

Karena anda sudah bersusah – payah mendatangi lokasi yang jauh dan sulit, jangan kecewa kalau mendadak mendung tiba. Maksimalkan kreatifitas anda saat langit tertutup mendung. Langit mendung bukan halangan menghasilkan foto indah saat sunrise dan sunset. Cari tahu obyek apa saja yang menarik untuk difoto saat mendung atau hujan.

Jangan Terpaku Pada Wide Angle

Memotret sunset dan sunrise menggunakan lensa sudut lebar (wide angle) merupakan hal yang biasa, namun jangan terpaku hanya menggunakan lensa tersebut (kalau anda memang punya pilihan lain). Manfaatkan rentang lensa yang lain, misalnya lensa tele.

Maksimalkan Siluet

Hal yang menambah daya tarik foto sunset dan sunrise adalah siluet. Siluet memberi kesan yang kuat serta memberi cerita dalam foto anda, apalagi jika anda memotret sunset atau sunrise di lokasi yang memiliki identitas kuat. Baca juga tips memotret siluet.

Bawalah Tripod

Jika anda ingin memanfaatkan teknik long shutter – membuat HDR atau panorama: tripod wajib dibawa. Baca Juga tips memilih tripod dan tips memilih kepala tripod.

Gunakan Manual Focus

Karena sunset dan sunrise memiliki kualitas cahaya yang lumayan ekstrim, kadang kamera akan kesulitan menemukan fokus jika anda menggunakan mode auto focus, segera ganti ke mode manual sehingga kita tidak menyia-nyiakan waktu menunggu kamera menemukan titik fokus.

Gunakan Preset White Balance Cloudy

Ubahlah setting white balance anda ke cloudy (biasanya dilambangkan dengan ikon mendung). Setting white balance ini akan membuat foto sunset atau sunrise lebih hangat dan warnanya lebih “menggigit”, dibandingkan kalau menggunakan setting white balance auto. Atau jika anda suka bereksperimen, cobalah setting white balance lainnya. Apa itu white balance?

Gunakan Spot Metering (DSLR dan Prosumer) atau Sunset Scene (Untuk Kamera Saku)

Untuk memperoleh eksposur yang tepat, gunakan mode metering spot jika anda memiliki kamera DSLR dan prosumer (apa itu spot metering?), atau gunakan mode scene sunset/ sunrise jika anda menggunakan kamera saku pemula. Untuk pengukuran menggunakan spot meter, arahkan titik fokus ke area sekitar matahari (jangan tepat di matahari – nya lalu lakukan metering dengan memencet separuh shutter, lalu kunci eksposur anda. Untuk kamera saku (dengan mode scene), tinggal arahkan dan jepret. Pahami mode pengoperasian kamera digital.

Jangan Berhenti Ketika Sunset Lewat

Saat memotret sunset, jangan kemasi kamera anda hanya karena matahari sudah melewati garis horison. Bertahanlah sebentar lagi, karena cahaya sesaat setelah sunset adalah salah satu cahaya paling indah yang dikeluarkan alam. Begitu juga dengan sunrise, jangan datang terlalu mepet dengan waktu matahari terbit. Cahaya sesaat sebelum sunrise adalah salah satu yang paling indah

Berdoalah Agar Alam Berpihak Pada Anda

Anda sudah jauh – jauh datang ke pantai terpencil (atau gunung), menyiapkan alarm untuk bangun jam 4 pagi dan sudah menata semua peralatan agar siap memotret, namun tiba – tiba hujan tiba. Ya apadaya, memotret di alam terbuka memang membutuhkan keberuntungan dan kesabaran, kenapa kesabaran? karena anda bisa mencoba lagi esok hari