Hanya arsip

halaman asli ada di http://kolom-tutorial.blogspot.com

Horizontal Dropdown Menu

Beberapa hari tidak ada tulisan baru, bukan karena kehabisan bahan untuk menulis, tapi terlalu sibuk dengan kode-kode template. Yups, akhirnya ada juga template yang sudah jadi walaupun sekilas masih mirip dengan pendahulunya. Jika ada yang mau lihat templatenya seperti apa, bisa sobat Klik di sini !. Tapi maaf nih, bagi sobat yang suka akan template ini belum bisa di download sekarang karena datanya masih belum saya upload, jadi sabar deh mungkin besok atau lusa sudah bisa di download.

Yo’i sobat tadi adalah hanya sekilas info saja, yang akan saya bahas sekarang adalah
menyoal tentang pernak-pernik blog, ada satu lagi nih yang bisa sobat pasang. kali ini tentang cara pembuatan menu dropdown dengan javascript dalam bentuk
horizontal alias mendatar. Sekilas tentang menu dropdown ini yaitu menu navigasi yang apabila di sorot oleh mouse akan secara otomatis mengeluarakan sub menu yang terkandung di dalamnya. Contoh gampang yaitu silahkan sobat sorot menu-menu yang ada pada bagian atas blog ini, tentunya nanti akan keluar berupa sub-sub menu. Ingin tahu cara membuatnya? silahkan baca tutorialnya sampai selesai !

Untuk membuat menu dropdown seperti di atas, bisa menggunakan bantuan image ataupun cukup hanya warna background biasa. Untuk saat ini saya mau menerangkan menu dropdown tanpa bantuan image, dan untuk yang menggunakan latar belakang image, akan di bahas pada pembahasan selanjutnya.

Script yang saya pakai kali ini adalah di ambil dari http://www.dynamicdrive.com akan tetapi saya modifikasi pada bagian css agar tampil lebih menarik. Ada beberapa tahapan yang harus di persiapkan yaitu yang pertama adalah menentukan menu utama apakah yang akan di tampilkan. Contoh pada blog saya adalah Home, Free Blog Tamplate, Rubrik Elektronik, Obral lus, How to make a Website, serta Contuct Us. Yang kedua adalah mempersiapkan sub menu dari menu utama yang di tampilkan. Contoh blog saya yaitu Link-link postingan yang ada pada blog tersebut, untuk template unik dan rubrik elektronik yaitu menampilkan judul-judul dari postingan semisal About Battery Electronic shopping, Minima 3 column, dan lain sebagainya. Nah sudah barang tentu dari judul-judul yang saya sebutkan tadi itu mempunyai alamat URL masing-masing, langkah selanjutnya adalah mencatat alamat URL setiap judul yang di pasang.

Setiap template tentunya akan berbeda kodenya, untuk memberi gambaran saja maka yang saya terangkan adalah template minima dengan pemasangan menu dropdown di bagian header

•  Untuk template minima klasik

  1. Sig in di blogger
  2. Klik menu Template
  3. Klik menu Edit HTML
  4. Copy seluruh kode template yang ada lalu paste pada notepad kemudian save. ini untuk backup data bila terjadi kesalahan editting
  5. Copy kode berikut lalu paste pada style sheet css sobat, atau bila bingung simpan saja di atas kode </style>

  6. #dropmenudiv{
    position:absolute;
    border:1px solid black;
    border-bottom-width: 0;
    font:normal 12px verdana;
    line-height:18px;
    z-index:100;

    }

    #dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid black;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    color:#ffffff;

    }

    #dropmenudiv a:hover{ /*hover background color*/
    background-color: #e7f4fd;
    color:#000000;
    }

    /* menu dropdown
    ----------------------------------------------- */

    #menu{
    text-align: center;
    background:#c4e1ff;
    height:20px;
    }

    #menu a{
    margin:0;
    font-size:1em;
    font-weight:normal;
    padding-left:20px;
    padding-right:20px;
    letter-spacing:-1px;
    color: #000000;
    font-family:georgia,verdana,arial;
    text-decoration:none;

    }

    #menu a:hover{
    color: #ffffff;
    background: #140E7E;
    }

  7. Copy paste kode berikut di atas kode </head>

  8. <script type='text/javascript'>
    //<![CDATA[

    /***********************************************
    * AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/

    //isi dari menu 1, silahkan ubah dengan link milik sobat
    var menu1=new Array()
    menu1[0]='<a href="http://template-unik.blogspot.com/2007/07/white-minima-3-column.html">Minima 3 column (classic)</a>'
    menu1[1]='<a href="http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html">Minima 3 column (beta)</a>'
    menu1[2]='<a href="http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html">Scribe 3 column (classic)</a>'
    menu1[3]='<a href="http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html">Scribe 3 column (new)</a>'
    menu1[4]='<a href="http://template-unik.blogspot.com/2007/07/1st-template-unik.html">1St Template Unik (new)</a>'
    menu1[5]='<a href="http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html">Denim 3 column (new)</a>'
    menu1[6]='<a href="http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html">Blue Lover (new)</a>'

    //isi dari menu 2, silahkan ubah dengan link milik sobat
    var menu2=new Array()
    menu2[0]='<a href="http://rubrik-elektronik.blogspot.com/2007/05/tips-maintenance-of-crt-television.html ">About Television</a>'
    menu2[1]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/baterai.html">About Battery</a>'
    menu2[2]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/progressive.html">About Progressive</a>'
    menu2[3]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/electronic-shopping.html">Electronic Shopping</a>'
    menu2[4]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/cute-bean.html"&gt; About Mp3 Player</a>'
    menu2[5]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/tips-maintenance-of-camera.html">About Handy Cam</a>'

     

    //isi dari menu 3, silahkan ubah dengan link milik sobat
    var menu3=new Array()
    menu3[0]='<a href="http://www.obralplus.com/?id=rohman&quot; title="menjual berbagai software dengan harga sangat murah">Obral Plus</a>'

    //isi dari for menu 4, and so on
    var menu4=new Array()
    menu4[0]='<a href="http://www.resepbisnis.com/?id=rohman&quot; title="cocok bagi anda yang ingin belajar lebih jauh tentang pembuatan website">Resep Bisnis.com</a>'

    var menuwidth='200px' //default menu width
    var menubgcolor='#4B4D52' //menu bgcolor
    var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
    var hidemenu_onclick="yes" //hide menu when user clicks within menu?

    /////No further editting needed

    var ie4=document.all
    var ns6=document.getElementById&&!document.all

    if (ie4||ns6)
    document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

    function getposOffset(what, offsettype){
    var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
    var parentEl=what.offsetParent;
    while (parentEl!=null){
    totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
    parentEl=parentEl.offsetParent;
    }
    return totaloffset;
    }

    function showhide(obj, e, visible, hidden, menuwidth){
    if (ie4||ns6)
    dropmenuobj.style.left=dropmenuobj.style.top="-500px"
    if (menuwidth!=""){
    dropmenuobj.widthobj=dropmenuobj.style
    dropmenuobj.widthobj.width=menuwidth
    }
    if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
    obj.visibility=visible
    else if (e.type=="click")
    obj.visibility=hidden
    }

    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

    function clearbrowseredge(obj, whichedge){
    var edgeoffset=0
    if (whichedge=="rightedge"){
    var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
    dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
    if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
    edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
    }
    else{
    var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
    var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
    dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
    if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
    edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
    if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
    edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
    }
    }
    return edgeoffset
    }

    function populatemenu(what){
    if (ie4||ns6)
    dropmenuobj.innerHTML=what.join("")
    }

    function dropdownmenu(obj, e, menucontents, menuwidth){
    if (window.event) event.cancelBubble=true
    else if (e.stopPropagation) e.stopPropagation()
    clearhidemenu()
    dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
    populatemenu(menucontents)

    if (ie4||ns6){
    showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)

    dropmenuobj.x=getposOffset(obj, "left")
    dropmenuobj.y=getposOffset(obj, "top")
    dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
    dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
    }

    return clickreturnvalue()
    }

    function clickreturnvalue(){
    if (ie4||ns6) return false
    else return true
    }

    function contains_ns6(a, b) {
    while (b.parentNode)
    if ((b = b.parentNode) == a)
    return true;
    return false;
    }

    function dynamichide(e){
    if (ie4&&!dropmenuobj.contains(e.toElement))
    delayhidemenu()
    else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
    delayhidemenu()
    }

    function hidemenu(e){
    if (typeof dropmenuobj!="undefined"){
    if (ie4||ns6)
    dropmenuobj.style.visibility="hidden"
    }
    }

    function delayhidemenu(){
    if (ie4||ns6)
    delayhide=setTimeout("hidemenu()",disappeardelay)
    }

    function clearhidemenu(){
    if (typeof delayhide!="undefined")
    clearTimeout(delayhide)
    }

    if (hidemenu_onclick=="yes")
    document.onclick=hidemenu
    //]]>
    </script>

  9. Copy paste kode berikut persis di bawah kode :

    </h1>
    <p id="description"><$BlogDescription$></p>

  10.  

    <div id="menu">

    <a href="http://kolom-tutorial.blogspot.com&quot; title="back to home">Home</a>

    <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '200px')" onMouseout="delayhidemenu()" title="free download blogger template">Free Template</a>

    <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '200px')" onMouseout="delayhidemenu()">Rubrik Elektronik</a>

    <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '200px')" onMouseout="delayhidemenu()" title="menjual berbagai software dengan harga sangat murah">Obral Plus</a>

    <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '200px')" onMouseout="delayhidemenu()" title="cocok bagi anda yang ingin belajar lebih jauh tentang pembuatan website">Belajar website</a>

    </div>

  11. Klik tombol Simpan Perubahan Template
  12. Selesai.

Yang di atas tadi merupakan pemasangan untuk template minima klasik, untuk template minima baru, silahkan ikuti langkah berikut !

•  Untuk template minima baru

  1. Sigin di blogger
  2. Klik menu Layout
  3. Klik menu Edit HTML
  4. Klik tulisan Download Full Template, silahkan save dulu untuk berjaga-jaga apabila terjadi kesalahan editting
  5. Copy paste kode berikut di antara kode <b:skin><![CDATA[ dan kode
    ]]></b:skin> , atau jika bingung simpan saja persis di atas kode
    ]]></b:skin>

  6. #dropmenudiv{
    position:absolute;
    border:1px solid black;
    border-bottom-width: 0;
    font:normal 12px verdana;
    line-height:18px;
    z-index:100;

    }

    #dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid black;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    color:#ffffff;

    }

    #dropmenudiv a:hover{ /*hover background color*/
    background-color: #e7f4fd;
    color:#000000;
    }

    /* menu dropdown
    ----------------------------------------------- */

    #menu{
    text-align: center;
    background:#c4e1ff;
    height:20px;
    }

    #menu a{
    margin:0;
    font-size:1em;
    font-weight:normal;
    padding-left:20px;
    padding-right:20px;
    letter-spacing:-1px;
    color: #000000;
    font-family:georgia,verdana,arial;
    text-decoration:none;

    }

    #menu a:hover{
    color: #ffffff;
    background: #140E7E;
    }

  7. Copy paste kode berikut di atas kode </head>

  8. <script type='text/javascript'>
    //<![CDATA[

    /***********************************************
    * AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/

    //isi dari menu 1, silahkan ubah dengan link milik sobat
    var menu1=new Array()
    menu1[0]='<a href="http://template-unik.blogspot.com/2007/07/white-minima-3-column.html">Minima 3 column (classic)</a>'
    menu1[1]='<a href="http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html">Minima 3 column (beta)</a>'
    menu1[2]='<a href="http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html">Scribe 3 column (classic)</a>'
    menu1[3]='<a href="http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html">Scribe 3 column (new)</a>'
    menu1[4]='<a href="http://template-unik.blogspot.com/2007/07/1st-template-unik.html">1St Template Unik (new)</a>'
    menu1[5]='<a href="http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html">Denim 3 column (new)</a>'
    menu1[6]='<a href="http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html">Blue Lover (new)</a>'

    //isi dari menu 2, silahkan ubah dengan link milik sobat
    var menu2=new Array()
    menu2[0]='<a href="http://rubrik-elektronik.blogspot.com/2007/05/tips-maintenance-of-crt-television.html ">About Television</a>'
    menu2[1]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/baterai.html">About Battery</a>'
    menu2[2]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/progressive.html">About Progressive</a>'
    menu2[3]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/electronic-shopping.html">Electronic Shopping</a>'
    menu2[4]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/cute-bean.html"&gt; About Mp3 Player</a>'
    menu2[5]='<a href="http://rubrik-elektronik.blogspot.com/2007/04/tips-maintenance-of-camera.html">About Handy Cam</a>'

     

    //isi dari menu 3, silahkan ubah dengan link milik sobat
    var menu3=new Array()
    menu3[0]='<a href="http://www.obralplus.com/?id=rohman&quot; title="menjual berbagai software dengan harga sangat murah">Obral Plus</a>'

    //isi dari for menu 4, and so on
    var menu4=new Array()
    menu4[0]='<a href="http://www.resepbisnis.com/?id=rohman&quot; title="cocok bagi anda yang ingin belajar lebih jauh tentang pembuatan website">Resep Bisnis.com</a>'

    var menuwidth='200px' //default menu width
    var menubgcolor='#4B4D52' //menu bgcolor
    var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
    var hidemenu_onclick="yes" //hide menu when user clicks within menu?

    /////No further editting needed

    var ie4=document.all
    var ns6=document.getElementById&&!document.all

    if (ie4||ns6)
    document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

    function getposOffset(what, offsettype){
    var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
    var parentEl=what.offsetParent;
    while (parentEl!=null){
    totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
    parentEl=parentEl.offsetParent;
    }
    return totaloffset;
    }

    function showhide(obj, e, visible, hidden, menuwidth){
    if (ie4||ns6)
    dropmenuobj.style.left=dropmenuobj.style.top="-500px"
    if (menuwidth!=""){
    dropmenuobj.widthobj=dropmenuobj.style
    dropmenuobj.widthobj.width=menuwidth
    }
    if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
    obj.visibility=visible
    else if (e.type=="click")
    obj.visibility=hidden
    }

    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

    function clearbrowseredge(obj, whichedge){
    var edgeoffset=0
    if (whichedge=="rightedge"){
    var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
    dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
    if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
    edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
    }
    else{
    var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
    var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
    dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
    if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
    edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
    if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
    edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
    }
    }
    return edgeoffset
    }

    function populatemenu(what){
    if (ie4||ns6)
    dropmenuobj.innerHTML=what.join("")
    }

    function dropdownmenu(obj, e, menucontents, menuwidth){
    if (window.event) event.cancelBubble=true
    else if (e.stopPropagation) e.stopPropagation()
    clearhidemenu()
    dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
    populatemenu(menucontents)

    if (ie4||ns6){
    showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)

    dropmenuobj.x=getposOffset(obj, "left")
    dropmenuobj.y=getposOffset(obj, "top")
    dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
    dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
    }

    return clickreturnvalue()
    }

    function clickreturnvalue(){
    if (ie4||ns6) return false
    else return true
    }

    function contains_ns6(a, b) {
    while (b.parentNode)
    if ((b = b.parentNode) == a)
    return true;
    return false;
    }

    function dynamichide(e){
    if (ie4&&!dropmenuobj.contains(e.toElement))
    delayhidemenu()
    else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
    delayhidemenu()
    }

    function hidemenu(e){
    if (typeof dropmenuobj!="undefined"){
    if (ie4||ns6)
    dropmenuobj.style.visibility="hidden"
    }
    }

    function delayhidemenu(){
    if (ie4||ns6)
    delayhide=setTimeout("hidemenu()",disappeardelay)
    }

    function clearhidemenu(){
    if (typeof delayhide!="undefined")
    clearTimeout(delayhide)
    }

    if (hidemenu_onclick=="yes")
    document.onclick=hidemenu
    //]]>
    </script>

  9. Copy paste kode berikut persis di bawah kode :

    <div class=’descriptionwrapper’>
    <p class=’description’><span><data:description/></span></p>
    </div>
    </div>
    </b:if>
    </b:includable>
    </b:widget>
    </b:section>

  10.  

    <div id="menu">

    <a href="http://kolom-tutorial.blogspot.com&quot; title="back to home">Home</a>

    <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '200px')" onMouseout="delayhidemenu()" title="free download blogger template">Free Template</a>

    <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '200px')" onMouseout="delayhidemenu()">Rubrik Elektronik</a>

    <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '200px')" onMouseout="delayhidemenu()" title="menjual berbagai software dengan harga sangat murah">Obral Plus</a>

    <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '200px')" onMouseout="delayhidemenu()" title="cocok bagi anda yang ingin belajar lebih jauh tentang pembuatan website">Belajar website</a>

    </div>

  11. Klik tombol Simpan Template
  12. Selesai.

Untuk melihat seperti apa hasilnya kode-kode yang barusan di terangkan, coba sobat klik di sini !, silahkan sorot pada menu navigasi yang ada pada header.

Panjang banget yah, pasti cape deh baca nya, ya udah sekarang ketik P spasi D jadi Cappe Dehhhh…..

Selamat mencoba !

21 Agustus 2007 - Posted by | aksesori blog, blog tutorial, menu dropdown

19 Komentar »

  1. thanks mas ilmunya, ini dia yg sy maksud 🙂

    Komentar oleh ati | 21 Agustus 2007 | Balas

  2. Mas menunya kan di atas (top), kalo mau dipindah posisinya gimana?

    Komentar oleh Adzra | 25 Agustus 2007 | Balas

  3. wah tutorialnya bagus banget mas… sangat berguna sekali

    Komentar oleh seleranusantara | 31 Oktober 2007 | Balas

  4. Assalammu’alaikum Wr. Wb.
    Mas Ko menunya ga ada kotaknya??

    Komentar oleh Al Jazirah Herbal Center | 23 Januari 2008 | Balas

  5. mas maaf saya mau minta tolong bagaimana caranya supaya posting di blog tidak ditampilkan seluruhnya?, jadi saya mau cuma ditampilkan sebagian dan dibawahnya ada petunjuk more atau selanjutnya . demikian mas sebelumnya saya ucapkan terima kasih. jawaban tolong diantar ke e-mail saya

    Komentar oleh Anonymous | 28 Januari 2008 | Balas

  6. wah anonim ini agak aneh juga ya. jawabannya suruh kirim lewat email, trus emailnya ga di sertain.. trus kirim emailnya ke mana nih .. ke bang_beca@yahoo.com ya.. hehehe.. becanda.. untuk membuat menu seperti itu sudah sering saya tulis.. malah paling banyak.. saan saya… klik pada tulisan tampilkan daftar isi untuk melihat semua post yang pernah saya post..

    Komentar oleh rohman | 28 Januari 2008 | Balas

  7. kami ikut

    Komentar oleh Anonymous | 25 April 2008 | Balas

  8. hmm.. mau nanya nih..
    kok saya blm bisa melakukan drop menu nya yaa??
    saya sudah mencoba meng kopi tulisannya.. tapi tidak berhasil terus..
    kira-kira, dimana yaa letak kesalahan saya?
    terima kasih atas bantuannya.

    Komentar oleh norionothin! | 29 April 2008 | Balas

  9. aduhh mas rohman…sebener nya saya pengen sekali bikin menu drop down nya…udah saya coba jalan kan sesuai dgn panduan di atas tapi dia bilang ”
    Widget dengan id “Header1” tidak dapat mengandung elemen “div”. Sebuah widget hanya dapat mengandung elemen b:includable. ”
    gimana itu mas…mohon bimbingan nya
    TQ sebelum nya

    http://anumurama.blogspot.com
    anumurama1@gmail.com

    Komentar oleh anumurama | 5 Mei 2008 | Balas

  10. sepertinya salah nempatin kodenya tuh.. coba di teliti lagi, trik ini sudah banyak yang berhasil.

    Komentar oleh Rohman | 5 Mei 2008 | Balas

  11. wah mas saya baru nyoba bikin horizontal dropdown menunya tapi kok munculnya di sebelah pinggir trus bi bagian bawah??? akibatnya tamplannya terpotong… kira2 apanya yang salah ya!!!!

    Komentar oleh ferry | 5 Mei 2008 | Balas

  12. ass, kang rohman,,,

    aku dah mau buat, tapi ada kode yang gak ketemu, kebtulan aku make ,minima baru. perlu di clik :>
    Expand Template Widget
    gak ya????

    keknya kodenye gak da yang persis diatas>> jadi aku bingung.
    thanks kang sebelumnya……. saya buanyak belajar dari sini, lengkap tutorialnya. top deh pokok nya..
    heheehe, ngrayuu niye…..

    Komentar oleh sigit pramono | 11 Mei 2008 | Balas

  13. mas…ko ga jadi jadi gimana y…? padahal sudah persis kaya contohnya tapi dropdownnya ga fungsi..plisss sarannya

    Komentar oleh sandy1fm | 20 Juli 2008 | Balas

  14. kang gimana ya cara membuat sidebar seper ti o-om.com, yang dimana sidebarnya itu 8-}

    Komentar oleh mas-e | 25 Juli 2008 | Balas

  15. kang rohman blog sya jdi aneh, coba liat deh
    http://magictricksfree.blogspot.com

    mana menu dropwdownnya di atas profile

    Komentar oleh iRiLLL | 4 Agustus 2008 | Balas

  16. kang rohman blog sya jdi aneh, coba liat deh
    http://magictricksfree.blogspot.com

    mana menu dropwdownnya di atas profile

    minta sarannya please biar bisa pindahin menu horizontalnya ke bagian atas

    Komentar oleh iRiLLL | 4 Agustus 2008 | Balas

  17. punteun..
    aku jg mengalami yg sama
    koq ga bisa keluar menu dropdown nya?
    kira2 kurang apa ya?

    ini alamat blognya:
    http://hasnadiana.blogspot.com/

    pls advice, thx 🙂
    wassalam,
    diana

    Komentar oleh Hasna Diana | 14 Agustus 2008 | Balas

  18. Thanks… saya ud coba buat n tnyta jadi.
    Sip, bravo buat kang Rohman..
    Tolong kasih saran lg buat blog saya cz rasanya kok lum puas he99

    Komentar oleh Temmy | 18 Agustus 2008 | Balas

  19. thank y, bang tutorialnya bagus

    Komentar oleh blue-get | 4 September 2008 | Balas


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: