Cara Mudah Membuat Menu Label Keren diblog
Thursday, April 18, 2013
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)
- 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>
- Copy dan paste kode berikut Diatas Kode </head>
- Jika Sudah Klik Tombol Simpan Template
- belum selesai sobat, selanjutnya ikuti petunjuk dibawah ini:
- Jangan lupa Save#dafis-acc{- Sekarang Cari Kode </head>
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOtrvk7R0TKa9V_sizUHKPbnkiBa2YSJ4lYpNgsvG54NBd27L-XqEmRxAjmKRdwzU_IOZnn9upWKrnqJahi_jQnOSC1amAEyetZc11yC-nwq5wN_6WSUSzCNSo9Odh3Bqz3lIEFkmR8F4/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/AVvXsEjywH6K-BA-f8JLfb78buljU0Vg8Mx26Lt-q6g5_XVOOfY1HKg4zOtGQmMpr6UU4GV-41Nnexp7fWHCB0ys0TED-pqkmzHe0RBgOCyDDQ4ruEvZlw3zWUYAw3789QZwsQ1sfcSRivLcjMA/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/AVvXsEiZokDQLmU-nsBWuzcOLbb-xM6uv3AerX_lzKBUKe_12C5x7iINdJVPqsqbNFP1RGUz2dB1OnSSC1kY5gpA2rYlrEA9JpX0LODHjgS7jcDHrhfy7PChw09zkxVC5nL9jzBWvj1CY7Ud70M/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);
}
- 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.:
Keterangan :
Perhatikan URL yang Berwarn BIRU ganti menggunakan URL blog Anda
- 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&alt=json-in-script&callback=loadtoc"></script>
Keterangan :
Perhatikan URL yang Berwarn BIRU ganti menggunakan URL blog Anda
- selesai dan lihat hasilnya.
Sekian dulu sobat Cara Mudah Membuat Menu Label Keren diblog, jangan lupa mampir lagi diblog Software Mania PC
Tidak ada komentar:
Posting Komentar