Cara Mudah Membuat Menu Label Keren diblog - Hello friend Download Games And Software, In the article that you read this time with the title Cara Mudah Membuat Menu Label Keren diblog, we have prepared this article well for you to read and take information in it. hopefully the post content Article Modifikasi Blog, what we write can you understand. alright, happy reading.

Judul : Cara Mudah Membuat Menu Label Keren diblog
link : Cara Mudah Membuat Menu Label Keren diblog

Cara Mudah Membuat Menu Label Keren diblog

Cara Mudah Membuat Menu Label Keren diblog - Tutorial kali ini saya bilang sangat unik, kenapa tidak, tampilan menu ini apabila di klik maka akan memperlihatkan semua entri yang ada dalam label tersebut, tidak seperi label bawaan apabila di klik maka akan melakukan loading dan memberikan hasil entri dalam label tertentu di areal entri ( postingan ), menu label tersebut akan melakukan penyesuain dengan lebar widget tempat menu label ini di letakkan jadi tidak perlu lagi melakukan resize.

Jika sobat bingung kurang lebihnya seperti gambar dibawah ini:

 Nah,, bagai mana sudah ada gambaran? untuk lebih jelasnya ikuti petunjuk dibawah ini dan sobat bisa langsung coba pada blog sobat:

Cara Mudah Membuat Menu Label Keren diblog

- Masuk Keakun Blog sobat
- Pilih Template
- Klik Tombol Edit HTML
- Cari Kode ]]></b:skin> (Gunakan tombol ctrl + f untuk memudahkan pencarian kode)

- Copy kode berikut dan letakan di Atas kode ]]></b:skin>

    #dafis-acc{
    font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhySO0dyHRBUILJQkJE-2yh4W3TB_9B9kVMMXutHERFvz7N7_He7Yj_rCl3ikfkhYnHLxmLJBHmwFZGh-aFw0T86hjYt8yWs-_51ubDLR8mvTq1N1ca48INBPfqcdTYQVCSYqRrTKlGJL0/s320/bg5.gif) repeat-y scroll left center #E7F7FB;
    padding:2px 0;
    border:1px solid #339DC6;
    }
    .dafis-label{
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYGUkTFUUmWqifQXN_6nIc3tF-nI-hnd5fChqS-IuCFxa4Tv-5DIk5KOFpeRdAx6oloGVVbbjxLpDhlXvGwa2v7kXuPKe3Ctp8tNcC-DiwyOcKsI0bV6Y2zr9RHrhGGMXYBPl91hnwrqE/s1600/bg4.gif) repeat-x scroll 0 0 #E1F4FB;
    font-weight:bold;
    line-height:1.4em;
    overflow:hidden;
    white-space:nowrap;
    vertical-align: baseline;
    margin: 1px 3px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    padding: 2px 10px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    border:1px solid #2F94BA;
    }
    .dafis-label:hover{
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpwdPdKEYtzAYCEUTH49T5zi53ih_v-KvhFAioyDpi6ukImJpYJxsoXCUBZIbOy1cI8cKUYPgG54nQ8TL8vMURBsWvFrnF1pTPU4BKqO9qsTgDUOgJmNKvGeP_02hlZ7aup1chhC08LVQ/s320/bg2.gif) repeat-x scroll 0 0 #E1F4FB;
    color:#003366;
    }
    .dafis-daf ol{
    margin:0 0 0 30px !important;
    padding:0 !important;
    }
    .dafis-daf ol li{
    background-color:#C9E9F4;
    line-height:1.5em;
    margin:1px 3px !important;
    white-space:nowrap;
    text-align:left;
    border:1px solid #339DC6;
    }
    .dafis-daf ol li a{
    text-decoration: none !important;
    color:#333 !important;
    display:block;
    padding-left:10px;
    }
    .dafis-daf ol li a:hover{
    background: #7BC4DF;
    border-left: 5px #333 solid;
    padding-left: 5px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    }

- Sekarang Cari Kode </head>
- Copy dan paste kode berikut Diatas Kode </head>

<script src='http://dapurtutorial8.googlecode.com/files/Scriptdaftarisi1.js' type='text/javascript'/>

- Jika Sudah Klik Tombol Simpan Template
- belum selesai sobat, selanjutnya ikuti petunjuk dibawah ini:

Selanjutnya Letakkan di sidebar

- Sobat masuk dasbord blog sobat pilih Tata Letak --> Add Gadget --> Pilih HTML/JavaScript.
- Masukkan kode dibawah ini kedalam kotak HTML/JavaScript.:

<script type="text/javascript" src="http://dapurtutorial9.googlecode.com/files/Scriptdaftarisi2.txt"></script><script src="http://softwaremaniapc.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Keterangan :
Perhatikan URL yang Berwarn BIRU ganti menggunakan URL blog Anda

- Jangan lupa Save
- selesai dan lihat hasilnya.

Sekian dulu sobat  Cara Mudah Membuat Menu Label Keren diblog, jangan lupa mampir lagi diblog Software Mania PC

::Selamat Mencoba::

Such article Cara Mudah Membuat Menu Label Keren diblog

So this article Cara Mudah Membuat Menu Label Keren diblog this time, hopefully it can benefit you all. alright, see you in another article post.

You are now reading the article Cara Mudah Membuat Menu Label Keren diblog with the link address https://moresofgame.blogspot.com/2013/04/cara-mudah-membuat-menu-label-keren.html