Finance Health and Fitness Real Estate Cars and Sexy girls ALL SPORTS Trendy_Fashion_Style Fashion Style Law Legal picture cards and dolls doll Barby Wallpaper design artists All artists of the world Sosial Media Network Travel Packages Hollywood sexy and Wallpaper All artist through life entanglements Quarter life connection Site Blogger Birthday cards Children's Education About Beauty Commercial Loans Womens Interests Quotes Love Fashion Trendy Style New Hair Style Download Free Games Girls and Car Fashion love quotes hollywood bollywood actress articles about health herbal Fashion Site Women Management Arts and Entertainment red carpet studios wallpaper sports images love and i miss you Hollywood All Actress Cheap Wedding Dresses dowload game online ALL WALLPAPER RECIPES Home Improvement Marketing Company Web Design and Development Business Shopping Online Prostyle Music Individuals With Bad Credit Stop Thinning Hair With Provillus Home The Doll Fashion Style Shirt HOLLYWOOD ACTRESS AND WALLPAPER lonely pictures FASHION TOP STYLES supermassive black hole simulator game Fast Bad Credit Loans Real Estate High Quality Production Music Business Property Management Apartments Living Without Money Interior Design and Decorating Hot Girls Photoshoot Fashion & Hair style Funny cute love quotes for your boyfriend Hollywood & Bollywood Artist Fashion Style ALL WALLPAPER Insurance Fashion Star Travel International Health and Fitness Recreation and Sports Home and Family Auto Cars Apartment Luxury Acupuncture Luxury Real Estate Lifestyle Automotive Travel and Leisure Home Improvement example image of underwear Quotes hollywood actress Secret Hill Mosaics Modern City Planning Natural Herbal Treatment Photoshop Wallpaper interest Tax Benefits For Education Computers and Technology Trend Fashions COSPLAY Bollywood All Artists Hollywood All Artists BABY DOLL CUTE in search of global solidarity hollywood Katrina Kaif Celebrity Tidings fashion underwear Gambling Online photos posing sexy body painting Beautiful-bodied Celebrity & wallpapers Planning a Wedding Cars and Girls Business Auto Car Loans and Insurance Design Wallpaper and Game Indonesia and the natural beauty of her beauty secre HairStyles Traveller and Hotel Substance Abuse prevent premature ejaculation Auto Repair Advice Guide Technology Supports Auto Car Music Dangdut Koplo Hot Business Ideas Plan Financial Payday Loans Quotes in Love Sports Media Society Just Education Payday Loans Essay Writing Business Technology cronthemarket thecoloradocompoundpersonal Free Legal Advice to Law Questions Crap, I'm A Lesbian Creepy Pics Tattoo Desings Quotes in Love Music Dangdut Koplo Hot Business Ideas Plan online social networking service Home Security Micro Technology

Membuat Label Dengan Fungsi Scroll

Membuat Label Dengan Fungsi Scroll. Itulah judul dari postingan artikel kali ini. Dan sesuai dengan judulnya, Blog Doodey akan membahas mengenai bagaimana cara memberikan fungsi scroll tersebut pada label di blog kita. Mari kita lihat! :)

Sebelumnya, saya juga pernah memposting artikel yang searah, seperti “Membuat Label Dengan Efek Marquee”. Jika Anda ada yang belum membacanya, silakan saja klik disini! :)

Tutorial ini sengaja saya buat untuk membantu para rekan blogger lainnya yang mempunyai banyak label/kategori untuk blog mereka. Jika dipasang semuanya, maka tentunya hal tersebut akan bisa banyak memakan tempat, dan mungkin bisa membuat blog Anda jadi tidak seimbang tampilannya, hanya karena berat sebelah alias panjang sebelah, antara postingan dengan sidebar. Tentunya Anda tidak menginginkan hal tersebut terjadi pada tampilan blog Anda bukan? :)


Menu scroll tentunya sudah banyak yang tau, menu ini dapat ditarik ke bawah dan ke atas. Cara membuatnya juga sangat mudah, hanya dengan menyisipkan sedikit kode HTML maka jadilah label dengan fungsi scroll.

Untuk membuatnya, silahkan Anda ikuti saja dengan cermat langkah-langkahnya berikut ini!

  1. Login ke dulu ke Blogger
  2. Buatlah Label dengan menambah Gadget pada sidebar, jangan lupa beri judul
  3. Anggap saja Anda telah membuat judul labelnya dengan nama Kategori
  4. Sekarang pilih dan klik ke Edit HTML
  5. Klik Expand Template Widgets
  6. Cari label yang sudah anda buat tadi, dengan Ctrl+F dan ketikkan Kategori, maka akan muncul kode HTML yang ribet, tapi jangan pusing melihat kode HTML tersebut.
  7. Perhatikan saja tulisan yang berwarna merah di bawah ini, kode itulah yang harus disisipkan ke dalam label yang sudah Anda buat.

<b:widget id='Label1' locked='false' title='Kategori' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<div style='overflow:auto; width:ancho; height:250px;'>
<b:if cond='data:display == &quot;list&quot;'>
<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='&quot;label-size label-size-&quot; + 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>
</div>
</b:includable>
</b:widget>

  1. Jangan lupa Simpan Template Anda itu

Note:
Setiap template mempunyai karakter yang berbeda, mungkin di blog Anda kode yang ada adalah

<div class='widget-content'>

bukan seperti yang ada di blog saya yaitu :

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

Yang penting letak kode tambahan yang disisipkan harus benar meletakkannya. Satu lagi, untuk kode ‘height:250px’ adalah tinggi label scroll, silahkan Anda ganti dengan angka yang lebih tinggi jika Anda ingin tampilan menu label yang lebih tinggi.

Saya kira itu cukup sekian pelajaran blog saya kali ini, jika ada yang ingin ditanyakan, cantumkan saja di komentar. Tolong berikan juga masukan atau saran kepada saya.

Selamat mencoba! :)

Terima kasih.