pertanian modern: web desain

Tampilkan postingan dengan label web desain. Tampilkan semua postingan

Selasa, 29 Januari 2013

cara sangat mudah memasang widget Yahoo massenger di blog

Cara Memasang Widget Yahoo Messenger pada blogspot - hay sobat walaupun pada blog ini belum saya pasang widget yahoo massenger tapi seingat saya saya sudah pernah memasangnya di blog saya sebelumnya jadi saya ingin berbagi sedikit cara memasng Widget Yahoo Massenger pada blog.,.,.,

Pada posting kali ini saya akan memberikan sebuah tutorial untuk memasang status widget Yahoo messenger, ya tak usah basa basi lagi karena tidak adalagi yang mau saya sampaikan berikut tutorialnya :

Tata letak
Add gadget/tambah gadget
HTML/Javascript

<a href="ymsgr:sendIM?ID YM KAMU"> <img src="http://opi.yahoo.com/online?u=IDYMKAMU&m=g&t=1&l=us"/>

Nah untuk Style Silahkan pilih :

Jika kamu ingin mengganti style Widget ini kamu cukup ganti t=1 dengan style diatas ^ jika ada yang ingin ditanyakan jangan sungkan sungkan untuk meninggalkan komentar

terima kasih atas waktu anda berkenaan membbaca artikel saya ini yang banyak kekurangannya.,.,.,.

cara paling mudah memasang widget hamster atau tikus di blogspot

hay sobat pembaca setia beginerblog kembali lagi nich ke cara mendesain blog anda agar terlihat cantik.,.,.

pada pagi hari ne saya ingin berbagi sesuatu cara memasang widget hamster di blog sobat.,.,.,,sebenarnya sich widget ini sudah saya pasang sebelumnya di blog ini ,tapi karena saya akan fokus un memonetise blog ini jadi saya mengurangi beberapa widget

berikut langsung saja saya akan memberikan langkah - langkah pemasangannya.,.,..,.

Masuk ke Blog kamu
Klik, "Rancangan" atau kalo kamu sudah ada didalam Blog, Klik, "Desain-Tambah Gadget"
Klik, "HTML/JavaScript"
Copy Paste Kode dibawah ini

Klik, "Simpan/Save"
Atur Posisi Gadget/Widget sesuai keinginan kamu

cara mudah memasang widget menarik /cantik/dan indah

Hay jumpa lagi ,.,.,.saya harap and belum bosan kepada beinerblog pada hari tang berbahagia ini saya ingin berbagi cara untuk memebritahukan pada sobat sobat sekalian bagaimana sich cara membuat/memasang widget yang lucu di blog karena selain dapat menambah kesan seni dan perasaan pemilik blog atau gambaran tentang blog sobat
cara memasangnya sangat mudah sekali sobat hanya perlu menambahkan gadget dan memasangnya dan satu lagi anda bisa meilih sendiri lokasi yang kiranya paling pas bagi sobat...........................

Cara Memasang Widget Animasi Yang Lucu dan Keren di Blog -

Banyak hal yang dapat membuat sebuah blog dikatakan menarik, selain dari isi content atau postingan , ternyata ada hal - hal lain yang bisa membuat si blog terlihat lebih menarik dan tentunya banyak pengunjungnya. Nah selain postingan, disain dan animasi / pernak - pernik blog ternyata dapat meningkatkan performa dari suatu blog.. ga percaya ? cobalah anda berkunjung kesuatu blog yang disainnya polos hanya berisikan artikel saja kemudian bandingkan dengan blog yang berisi postingan menarik dengan disain yang menarik pula . Pasti kita akan lebih betah berlama-lama di blog yang berisi artikel menarik dan disain / animasi yang menarik itu bukan ? tentunya. Dan, memberikan efek animasi di blog itu ga sulit kok, dan pilihan animasinya pun beragam bergantung selera. . nah dibawah ini ada beberapa contoh widget animasinya. Kalo udah cocok, berikut langkahnya :

Cara Memasang Widget Animasi Di Blog

1.Copy script yang ingin anda munculkan animasinya

2.Login ke Blog

3.Pilih Rancangan

4.Tambah gedget

5.Pilih edit html atau script,

6.Pastekan script tadi

7.Lalu save.. “pasti akan langsung muncul animasi yang anda pilih tadi”

selamat mencoba..

1.helicopter

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="widget animasi lucu bergerak atau gif" alt="animasi bergerak naruto dan onepiece"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

2. Ekspresi muka

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Ekspresi</a></center></small></div>

3. Kodok mata gede

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

4 Spiderman

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

5.Pig

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

6. Muka senyum

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

7. monyet

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

8.Doraemon

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

9.Spongebob

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

10.Panda

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

11.Monyet loncat

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

12.Anime cewek

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

13.Saringgan

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

14.Naruto berubah

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

15.Gajah loncat

<div  style="position: fixed; bottom: 0px; left:  20px;width:120px;height:160px;"><a  href="http://permathic.blogspot.com/"

target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Widget-Animasi</a></center></small></div>

16. Lumba lumba

<div  style="position: fixed; bottom: 0px; left:  10px;width:110px;height:160px;"><a  href="http://permathic.blogspot.com/"

target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>

17.Kucing tidur

<div  style="position: fixed; bottom: 0px; left:  10px;width:110px;height:140px;"><a  href="http://permathic.blogspot.com/"

target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>

18.Ayam betelur

<div  style="position: fixed; bottom: 0px; left:  10px;width:100px;height:130px;"><a  href="http://permathic.blogspot.com/"

target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Widget</a></center></small></div>

mungkin hanya itu saja yang daoat saya sampaikan

kurang dan lebinya saya mohon maaf

salam blogger indonesia

maju terus.,,..,.,.,

Senin, 28 Januari 2013

Cara memasang Widget Kamera Pengintai di blogspot

Hai para sobat setia beginerblog pada kesempatan kali ini saya ingin m=berbagi sesuatu yaitu tentang bagaimana cara membuat tampilan blog kita lebih cantik dengan widget kamera pengintai .

Bagaimana Cara Paling Mudah Memasang Widget Kamera Pengintai di Blog - Siapa sih yang tidak tahu dengan Kamera Pengintai atau nama populernya Kamera CCTV? semua orang pasti tahu donk, nah fungsi Kamera Pengintai ini adalah untuk merekam semua kejadian yang terjadi pada suatu tempat selain daripada itu kamera pengintai juga bisa menghindari dari berbagai macam hal kejahatan. sekarang bagaimana dengan Blog? Apakah bisa kita menggunakan Kamera Pengintai Pada Blog?

Jawabannya tentu bisa, tetapi fungsinya akan berbeda dengan Kamera Pengintai sungguhan yang dipasang di Toko maupun Rumah. lalu fungsi Kamera Pengintai di Blog buat apa donk? Jawabannya yaitu untuk mempercantik tampilan pada halaman blog agar terlihat lebih keren hehe

Nah sekarang apakah sahabat tertarik untuk Memasang Kamera Pengintai di Blog? dan bagaimana caranya? kalau iya sundaboy akan share Cara Memasang Widget Kamera Pengintai di Blog, silahkan sahabat lakukan langkah langkah dibawah ini :

1. Login ke Blogger

2. Pilih Tata Letak

3. Tambahkan Widget Baru dengan mengklick "Add Gadget"

4. Setelah itu pilih HTML/Javascript

5. Copy salah satu kode dibawah ini dan pastekan kedalam widget

<script language="JavaScript" src="http://sundaboy.googlecode.com/files/kamera_pengintai.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRXys7bFkrg_5sTZRxHbAZ0PxA4g1mH_F4fF5exnYWT_69IOAPQLNr7gEM1-1xpCfO8YByW8bo-gkeO6dSOPZGgmHoLcZyjkFVGsl0Go1A4CC6Furo6HVf3AXEWc2XydUlE6nCZnAT4Bc/s1600/kamera-1.gif") </script>

Mungkin Hanya itu yang dapat saya sampaikan ,apabila ada kesulitan dalam memasang widget ini dapat menambahkan,nya di kotak komentar.,.,.
tapi ingat CCTV ini hanyalah untuk variasi saja
jadi jangan dikira dapat memantau blog sobat ya...,.,.,
Terima kasih atas waktunya telah berkenaan membaca artikel ini...,.,.,.

Sabtu, 26 Januari 2013

Tips Mudah membuat translate berbentuk bendera di blog

Selamat siang para pembaca setia beginerblog ,pada kesempatan kali ini saya ingin berbagi sesuatu bagaimana sich cara untuk membuat Translator dalam bentuk gambar ? apa sich fungsi dari translator tersebut ? kalau bagi seorang blog master mungkin yang namanya Translator yang berbentuk bendera mungkin hanyalah sesuatu yang biasa - biasa saja ,namun bagi seorang blogger pemula seperti saya Translator berbentuk bendera sesuai dengan negaranya masing - masing merupakan sesuatu yang sangat asing bagi saya ,nah karena pagi tadi saya sempat men search di google cara mendesain blog menjadi mewah dan cantik saya menemukan translate ini ,maka oleh sebab itu , tidaklah adil apabila yang mengetahui itu hanya saya oleh sebab itu saya akan menshare sedikit cara mudah membuat Translator di blog kesayangan sobat masing masing....

sebenarnya blogger pun sudah menyediakan untuk translate language namun dalam tampilan biasa, nah maka dari itu saya share posting ini agar merubah tampilan translate language lebih keren agar yang melihatnya pun lebih fresh heheheheee
oke langsung saja kita lihat tutorialnya

1. masuk Blogger
2. Rancangan/design
3. >elemen laman
4. >add gadget
5. pilih java script

masukan kode scriptnya seperti di bawah

6. save

selesai

Semoga berhasil,.,.,.
Apabila ada pertanyaan tentang tutorial diatas dapat menambahkan,nya di kotak komentar.,.,.
Mungkin hanya itu saja yang dapat saya berikan kurang dan lebih,nya saya mohon maaf.,.,.
Salam Sukses
Salam Blogger Indonesia

Tips mudah membuat kotak scroll pada popular post

hay para sobat setia beginerblog pada kesempatan kali ini saya ingin berbagi tips and trick cara membuat scrol pada tampilan popular post...,karena selain bisa membuat tampilan lebih rapi ,widget ini juga penting bagi kerapian blog sobat langsung saja saya akan menjelaskan cara pembuatnya :
Ada dua cara untuk membuat atau memasang scroll box pada widget popular posts blogger plugins.

Menggunakan kode CSS
Menggunakan kode html di bagian body.

Ke dua cara di atas menghasilkan fungsi yang sama, hanya cara yang digunakan berbeda. Jika kita gunakan kode CSS maka kode bisa kita simpan dalam template melalui add a gadget atau disimpan di atas kode ]]></b:skin>, sedangkan untuk xHTML kita harus menyimpan di antara tag pembuka body (<body>) dan tag penutup </body> melalui halaman "Edit HTML".

D E M O

Bentuk Scroll Box Widget Popular Posts Blogger Plugins dapat sampeyan lihat dengan membuka link demo di bawah ini.

D E M O

Cara membuat Scroll Box Popular Posts dg Kode CSS

Login ke Blogger.
Halaman Dasbor (Dasboard).
Rancangan (Design).
Edit HTML
Backup Template.
Cari kode ]]></b:skin>. Letakkan kode CSS di atas kode tersebut.
Simpan Temlate (Save Template).
Selesai (Finish).

Kode CSS

.popular-posts{
       overflow:auto;
       height:250px;
}

Cara membuat Scroll Box Popular Posts dg xHTML

Login ke Blogger.
Halaman Dasbor (Dasboard).
Rancangan (Design).
Edit HTML
Klik Expand Widget Template.
Backup Template.
Cari kode <div class='widget-content popular-posts'>.
Ganti kode di atas dengan kode berikut

<div class='widget-content popular-posts' style='height:250px;overflow:auto;'>

Simpan Temlate (Save Template).
Selesai (Finish).

semoga berhasil dan selamat menikmati.,.

CATATAN :

apabila ingin mengetahui lebih lanjut mengenai cara unik dan menarik untuk mendesain web silahkan cari di daftar isi yang terletak di sebelah kanan

Jumat, 25 Januari 2013

tips mudah membuat sub menu pada blogspot

Om Swastiastu.,.,.
hai para sobat setia blogger......pada malam ini walaupun cuaca sedang tidak mendukung dan hujan ,
tapi saya akan selalu berusaha untuk memberikan info terkini dan ter update yaitu cara mudah memasang sub menu pada blog sobat..contohnya dapat dilihat di bawah ini.....

Sub Menu (Pull Down Menu) Pada Tab Menu Standar Blogger

Sobat, bisa jadi selama ini kita mengganggap bahwa pull down menu atau sub menu yang terdapat dalam bilah menu horizontal sebuah blog hanya dapat dibuat pada blog yang menggunakan kustom template saja. Hal ini disebabkan karena tiap kali kita menambahkan menu baru dengan menggunakan pilihan ‘Laman (Page)’ yang terdapat di dasbor Blogger, maka menu tersebut akan ditampilkan dalam satu baris tab menu, sehingga tampilannya terkesan kurang rapi apabila jumlah menu yang digunakan cukup banyak. Namun tahukah Anda bahwasanya kita juga dapat melakukan kustomisasi pada template standar yang disediakan oleh Blogger guna menambahkan sub menu ke dalam tab menu yang disediakan.

Perlu diingat bahwa apabila jumlah menu yang ditampilkan cukup banyak, sedangkan dari menu yang ditampilkan tersebut terdapat beberapa menu yang memiliki kategori sama, maka sebenarnya akan lebih efektif apabila menu dengan kategori sama tersebut dikelompokkan menjadi satu dalam sebuah sub menu atau pull down menu. Dan inilah salah satu tujuan dari kustomisasi template standar Blogger ini, yaitu untuk mengelompokkan beberapa menu yang memiliki kategori sama ke dalam sebuah menu dengan pull down menu atau sub menu di dalamnya.

Nah, untuk keperluan tersebut maka Anda dapat melakukannya dengan mengerjakan langkah-langkah berikut ini secara berurutan.

Pertama, ubahsesuaikan setelan tab menu dan menu halaman yang akan ditampilkan, dimana caranya adalah seperti yang tampak pada gambar di bawah ini.

Sumber gambar: blogger.com

Keterangan:

1. Pilih ‘Tab atas’ untuk menampilkan bilah menu di bawah header.

2. Menu yang dibuat pada bagian tersebut (dalam tanda angka 2) hanya menu yang tidak memiliki sub menu di dalamnya.

Apabila setelan telah disesuaikan, maka selanjutnya klik menu ‘Simpan setelan’.

Kedua, buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’ > ‘Expand Template Widget’.

Ketiga, cari kode ]]></b:skin> dan kemudian sisipkan kode CSS berikut ini tepat di atasnya.

.tabs-inner .widget li ul {
  z-index: 100; position: absolute;
  left: -999em; height: auto; margin: 0; padding: 0;
  border: 1px solid #999999;  
}

.tabs-inner .widget li ul, .tabs-inner .widget li ul a,
.tabs-inner .widget li ul li:first-child a {
  -moz-border-radius: 0px; -webkit-border-radius: 0px;
  -goog-ms-border-radius: 0px; border-radius: 0px;
}

.tabs-inner .widget li:hover ul, .tabs-inner .widget li.sfhover ul {
  left: auto;
}

.tabs-inner .widget li li a:hover, .tabs-inner .widget li li a:active {
  color: #ffffff; background: rgb(51, 102, 153);
}

.tabs-inner .widget li ul a {
  display: block; padding-left: 1.25em; padding-right: 1.25em;
  margin-left: 0px; margin-right: 0px; border: none;
  color: #000000; background: rgb(243, 244, 246);
}

.tabs-inner .widget li ul, .tabs-inner .widget li ul a {
  width: 220px;
}

Keterangan:

Anda dapat mengubah warna garis, teks, background, dan lebar menu dengan menyesuaikan beberapa kode berikut ini:

Kode border: 1px solid #999999; digunakan untuk mengatur setelan garis, color: #000000; background: rgb(243, 244, 246); digunakan untuk mengatur warna default teks dan beckground, color: #ffffff; background: rgb(51, 102, 153); digunakan untuk mengatur warna teks dan background ketika disorot, dan width: 220px; digunakan untuk mengatur lebar sub menu.

Keempat, cari kode <li><a expr:href='data:link.href'><data:link.title/></a></li> dan kemudian perhatikan kode <b:/loop> yang terdapat beberapa baris di bawahnya. Nah, sisipkan kode dengan format berikut ini tepat di bawah <b:/loop>.

<li><a href='#'>Menu</a>
  <ul>
    <li><a href='URL'>Sub Menu 1</a></li>
    <li><a href='URL'>Sub Menu 2</a></li>
    <li><a href='URL'>Sub Menu 3</a></li>
  </ul>
</li>

Keterangan:

Ubah URL sesuai dengan URL yang akan digunakan pada sub menu dan sesuaikan ‘Menu’ serta ‘Sub Menu’ sesuai dengan teks yang akan ditampilkan. Dan apabila akan membuat beberapa menu pull down, maka salin kode tersebut secara berulang di bawahnya kemudian lakukan penyesuaian setelan dengan cara yang sama dengan sebelumnya.

Kelima, simpan template.

Dan selanjutnya sebagai contoh hasil dari penerapan dari teknik tersebut adalah seperti yang tampak pada gambar di bawah ini.

Sumber: http://eltelu.blogspot.com/2012/08/cara-menambahkan-sub-menu-pull-down.html#ixzz2IzlTF1mw

Semoga bermanfaat dan salam blogger Indonesia..,.,.,.

Kamis, 24 Januari 2013

Tips mudah memasang radio online di blog

hay blogger ,,,,,,saya ingin berbagi sesuatu nich....,pada kesempatan saya kali ini saya ingi berbagi sedikit info yaitu tentang bagaimana cara memodifikasi blog dengan memasang streaming radio online...............
untuk mempersingkat waktu langsung saja saya akan memberikan tips and trick nya nich sob:

Widget By: Forantum

Cara memasang radio online atau cara memasang Mp3 di blog adalah sebagai berikut:

Setelah masuk ke Dasbor, klik "Tata Letak"

Maka anda akan masuk ke "Elemen Halaman"

Klik tulisan "Tambah Gadget"

Pilih widget "HTML/JavaScript"

Masukkan kode di bawah ini, lalu Simpan.

<center><embed style="margin-top: 0px;" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" autostart="true" displaysize="0" showstatusbar="1" type="application/x-mplayer2" src="http://ceriaradio.com:8000/" name="RAOCXplayer" allowscriptaccess="never" height="70" width="160"></embed></center>
<div style="text-align: center;">
<center><span style="font-size: xx-small;">Widget By: <a href="http://forantum.blogspot.com/">Forantum </a></span></div></center>

Tips mudah memasang tv online di blog pribadi

hey kawan jumpa lagi dengan saya ,,,,saya harap sobat tidak bosan dengan saya .,..,karena pada pagi hari ini ,walaupun tidak secerah yang kita harapkan ,tapi kita harus tetap bersemangat dalam menjalani hari hari ini......................,langsung saja saya akan memberikan Tips and Trick cara mudah memasng tv online di blog sobat

beginilah caranya

Cara Pasang TV Online di Blog-Nah Kali ini saya akan bahas sedikit tentang Cara Pasang TV Online di Blog. TV Online ini lumayan lah Buat Hiburan Sobat+berguna banget kalo buat saya, karena kalo pas perjalanan gak ada tv bisa nonton sambil bloggeran. Nah dengan TV Online ini bisa memudahkan saya Dan mungkin Sobat juga. Untuk cara pemasangan silahkan Simakh selengkapnya.

Langsung saja Sobat Silahkan copy embed di bawah ini.

<embed align="top" allowfullscreen="true" allowscriptaccess="sameDomain" bgcolor="#ffffff" devicefont="false" height="790" menu="true" name="MivoTV" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" scale="noscale" scroll="auto" src="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" type="application/x-shockwave-flash" width="100%" wmode="transparent"></embed>

Cara memasang widget TV online>> tata letak>>>tambah gadget>>>HTML/Javascript>>> paste embed TV online>>>simpan.
atau Lewat Postingan juga bisa Sob Caranya>>New Posting>>Klik HTML/disamping Compose>>Copas Embednya>>Publikasikan deh.

Semoga membantu ......

salam sukses,,,,.,.,

thank's to : RobzHitz

my inspiration

pertanian modern

Entri Populer

Selasa, 29 Januari 2013

cara sangat mudah memasang widget Yahoo massenger di blog

cara paling mudah memasang widget hamster atau tikus di blogspot

cara mudah memasang widget menarik /cantik/dan indah

Senin, 28 Januari 2013

Cara memasang Widget Kamera Pengintai di blogspot

Sabtu, 26 Januari 2013

Tips Mudah membuat translate berbentuk bendera di blog

Tips mudah membuat kotak scroll pada popular post

Jumat, 25 Januari 2013

tips mudah membuat sub menu pada blogspot

Kamis, 24 Januari 2013

Tips mudah memasang radio online di blog

Tips mudah memasang tv online di blog pribadi

Label