Selamat siang semua.
Cara memasang Label pada blog :
1. Masuk dasbor kemudian pilih tata letak
2. Tambah Gadegt pada bagian sidebar atau footer atau yang lainnya
3. Pilih widget label blogger dan tambahkan
4. Pengaturan pada widget label : centang pada Tampilkan Jumlah Entri Per Label
5. Simpan
Next
1. Masuk ke edit HTML kemudian centang Expand Template Widget
2. Cari id widget Label atau code mirip seperti di bawah ini
Sumber
Cara memasang Label pada blog :
1. Masuk dasbor kemudian pilih tata letak
2. Tambah Gadegt pada bagian sidebar atau footer atau yang lainnya
3. Pilih widget label blogger dan tambahkan
4. Pengaturan pada widget label : centang pada Tampilkan Jumlah Entri Per Label
5. Simpan
Next
1. Masuk ke edit HTML kemudian centang Expand Template Widget
2. Cari id widget Label atau code mirip seperti di bawah ini
<b:widget id='Label1' locked='false' title='Label' type='Label'>Perhatikan:
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Label' type='Label'>3. Jika sudah di hapus masukan code di bawah ini pada bagian yang di hapus tadi:
<b:includable id='main'>
hapus semua pada bagian ini.
</b:includable>
</b:widget>
<b:if cond='data:title'>4. Lalu letakkan code di bawah ini diatas code ]]></b:skin>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'><data:label.count/> Artikel</span> </b:if> </b:if> </li> </b:loop> </ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
</div>
.sidebar ul li {5. Pratinjau dulu sebelum di save
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo06MYiAz0JNeNARST-W6C3V3e3ELTs1Trx6ojuRGnII3KwJK4XI7IG7S5cdyiJWQlftv09tWuiwIfi-Z_yvnKgly6Xg52EqqE5V6fyLbAMv_SzE2Lk98P3IVunyGTTupiLBnyQPCdZjfE/s1600/icon-new-window.png) no-repeat left center;
list-style-type:none;
margin:0 0 5px;
padding-left:20px;
transition:padding 0.26s ease;
-moz-transition:padding 0.26s ease;
-webkit-transition:padding 0.26s ease;
}
.sidebar ul li:hover {
padding-left:23px;
}
.sidebar ul li:hover span.label-count {
opacity:0.5;
margin-left:10px;
}
span.label-count {
background:#cc0000;
border-radius:0 10px 10px 0;
-moz-border-radius:0 10px 10px 0;
-webkit-border-radius:0 10px 10px 0;
color:#000;
height:auto;
margin-left:50px;
opacity:0;
position:relative;
text-align:center;
width:auto;
padding:2px 8px;
transition:all 0.3s cubic-bezier(1,2,0,0) 0s;
-moz-transition:all 0.3s cubic-bezier(1,2,0,0) 0s;
-webkit-transition:all 0.3s cubic-bezier(1,2,0,0) 0s;
}
span.label-count:before {
content:"";
width:0;
height:0;
position:absolute;
right:100%;
top:0;
border-width:10px;
border-style:solid;
border-color:transparent #cc0000 transparent transparent;
}
Sumber
Tag :
Blog
Subscribe to:
Post Comments (Atom)
Artikelnya bermanfaat sob
ReplyDeletehttp://didil-cyber.blogspot.com
y
ReplyDeleteKeren Gan !! (y)
ReplyDeleteok
ReplyDeletemantap gan makasih ya
ReplyDeletewww.ichalilmu.blogspot.com
ok
ReplyDeletewah mantap tuh tutornya , coba dulu ah
ReplyDeletewww.galpock.blogspot.com
slahkan
ReplyDeleteArtikelnya bermanfaat sob .. ^_^
ReplyDeleteSaya mampir, ga lupa follow agan :)
ReplyDeleteayooooo, sudah follow saya belum?
hehehehe
ok
ReplyDeletewah keren kk,
ReplyDeleteijin coba yaa,
oia kk, follow back ya blog ku,
krena blog mu udah ku follow,
http://d-aschri93.blogspot.com/
mah mantab nih tutornya ijin coba yah
ReplyDeleteThanks gan atas infonya, Coment back http://gha-azahari.blogspot.com
ReplyDeleteijin copas ya sob ke blog gue.
ReplyDeletetenang,sumber pasti ada.
gue copas ke altec dz :)
ok
ReplyDeleteMANTEP GAN :D
ReplyDeletehttp://onthezone.blogspot.com/
:D
ReplyDeleteblogwalking sob :D
ReplyDeleteBermanfaat artikelnya..
ReplyDeleteThxsobat..
visi back ya
http://ilh4m-black4rt.blogspot.com
Seep lahh sob! keren banget kalo di terapin!
ReplyDeleteZiarah balik sob!
http://lutfiezard.blogspot.com/
keren sob, tapi loadingnya jadi berat gak?
ReplyDeletecomment back ya.. :D
Y mnrut.ku egg sob
ReplyDeleteok
Ijin coba sob?? bagus??
ReplyDeleteKunbal y sob??
http://trilling69.blogspot.com
Ijin Coba
ReplyDeletehttp://neverln.blogspot.com/
silah kan sob
ReplyDeletewah bagus nih sob,,
ReplyDeletecomment back sucses zone-vn.blogspot.com
ok
ReplyDeletemantab nih tutorialnya..thnks sob..
ReplyDeletecome back
ok
ReplyDeletekereeeeeeeen :)
ReplyDelete