Sabtu, 23 September 2017

Tutorial : Cara Letak Design Label

Seperti widget Popular Post, widget untuk Label dalam blogger juga boleh guna yang standard yang sudah disediakan dalam blogger. Kalau korang nak nampak blog lebih menarik, korang boleh cuba cara ini untuk dapatkan label yang berwarna warni dan ada design.


1. Dashboard  >Layout >Add a Gadget > Labels. Pilih Display jenis Cloud.


2. Tambah kod CSS. Pilih Dashboard > Theme > Customize >Adjust Widths


3. Letakkan kod berikut dalam ruangan Add custom CSS

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;filter:alpha(100);opacity:10}.cloud-label-widget-content{text-align:left} .label-size{background:#08A2FA;border-radius:30px; ;display:block;float:left;margin:0 3px 3px 0;color:#ffffff;font-size:11px;text-transform:uppercase} .label-size a,.label-size span{display:inline-block;color:#ffffff!important;padding:6px 8px;font-weight:bold} .label-size:hover{background:#000000} .label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;background:#000000;color:#fff!important} .label-size{line-height:1.2}

4. Klik Apply to Blog
5. Berikut adalah design bagi labels yang baru.




lepak.com.my

About lepak.com.my

lepak.com.my ini diwujudkan bagi berkongsi info, petua, resepi,tempat menarik yang kami lawati dan lain-lain dengan anda. Di lepak kami sangat mengalu-alukan sebarang pandangan dan berkongsi apa jua isu bersama anda semua

Subscribe to this Blog via Email :