Tips dan Trik Blogger

Dropdown Pada Label Postingan

Habis Keliling ke Blognya Kang Rohman yah Sekedar nyari inspirasi Buat nyari yang baru. Nah Saya Mampir deh di Blognya dan Baca Artikel yang Ini [Membuat Sidebar dalam Kotak-kotak terpisah] sekalian Komentar dan bartanya di Sana ada yang menarik, Dropdown Menu untuk Archive dan Label Ternyata Penuh /full sesuai ukuran Sidebar :d sedangkan di DB ngga..! Makasih kan Udah Memberikan Ilmunya ke saya, dan melalui shoutbox juga :D OK Sekian Basa Basinya yah... Setelah Mampir dan Berhasil Eh Saya Dapet Ide Baru Nih akhirnya... Ini Dia Idenya... :)
Coba Lihat Gambar di Atas atau cek Dunia blogger pasti Label yang Biasanya berada di Footer Postingan Posisinya Kesamping kan Sekarang jadi Drop Down :D mau juga...? nih tutorialnya:
Bermodal Ilmu dari Kang Rohman mengenai Label menjadi Dropdown /Dropdown pada Label dan apa lah istilahnya:d saya mencoba mengaplikasikannya pada Label Postingan, /* itu tuh yang suka ada di bawah Postingan kita */

Sekalian Kang Saya Numpang Pasang tutorialnya di sini:d bagi yang sudah tahu, langsung aja yah ke TKP no 2 :s

1] Dropdown pada Widget Label,...

Kalau yangini sekedar menambah basic/dasar aja, toh udah banyak yang bisa kok :d saya aja yang ketinggalan :d
Silahkan Login ke Blogger, Pilih LayOut, dan EditHTML dan Klik Expand Widget Template selanjutnya Silahkan Cari Kode Ini:


<ul>
   <b:loop values='data:labels' var='label'>
     <li>
       <b:if cond='data:blog.url == data:label.url'>
         <data:label.name/>
       <b:else/>
         <a expr:href='data:label.url'><data:label.name/></a>
       </b:if>
       (<data:label.count/>)
     </li>
   </b:loop>
   </ul>
Tahap berikutnya Silahkan Ganti Kode di Atas dengan kode ini:


<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>
<option>Cari Berdasarkan Kategori...</option>
   <b:loop values='data:labels' var='label'>
      <option expr:value='data:label.url'><data:label.name/>
         (<data:label.count/>)
      </option>
   </b:loop>
</select>
 
Jika sudah silahkan Simpan dan lihat hasilnya. dan Nantinya Label yang biasanya Tampilannya Ke Bawah, Menjadi Drop down, dan Tempat yang dibutuhkan Sedikit, dan mempercpat Loading blog kita :D


2] Dropdown Pada Label Postingan

Nah Ini yang ditunggu-tunggu kan :d Dunia-Blogger berusaha menampilkan Artikel yang Belum ada Sebelumnnya :D Oh ia Promosi Artikel yang tentang Label juga [Modifikasi label Postingan] yah mudah-mudahan aja bermanfaat:D

Silahkan Cari Kode yang Seperti Ini: /*yang tebal  yah :d */
<p class='post-footer-line post-footer-line-2'><span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>

      </span>
</p>

Supaya Lebih Gampang, Silahkan Cari kode ini aja  <data:postLabelsLabel/> dan cocokan sama gak ma yang atas :D
Ganti kode yang Miring Warna Biru dengan Kode di Bawah ini:


<select onchange='location=this.options[this.selectedIndex].value;'>
<option value='http://dunia-blogger.blogspot.com/2008/09/dropdown-pada-label-postingan.html'>Label Post [X]</option>
          <b:loop values='data:post.labels' var='label'>
      <option expr:value='data:label.url'><data:label.name/>
      </option>
          </b:loop>
</select>

Silahkan Simpan Hasil Setingan Kita dan Eng Ing Eng...:d jadi deh... Nah Biasanya di Sampingnya Ada Bacaan Label/Labels, Jika Ingin Menggantinya dengan Tulisan "Artikel ini Masuk Kedalam ketegori" Misalnya :D Silahkan Hapus Kode <data:postLabelsLabel/> dengan Tulisan di atas:d Selamat mencoba dan Semoga Berhasil :)
Sayang jika ILMU hanya Sekedar COPY, PASTE, Kembangkanlah sesuatu hal yang bermanfaat dan menjadikan sesuatu hal yang Baru :) Salam Blogger, Berinspirasi, Bereksperimen, Cari Hal Baru Bersama Dunia Blogger
15 Komentar untuk "Dropdown Pada Label Postingan"

Thx infonya,mas. Segera meluncur ke TKP.. :)

langsung praktek,ah.....
nice tips

Cip dah ... oke juga tutorialnya... :D

selamat idul fitri


saatnya kita berbuka :)

wah...
keren tutorialnya..makasih kang!!!:D

siiipp langsung diperaktekkan nihh.. makasihh yaa
emang kreatif deh lu orang :D

dah pernah sih...tapi tetep aja tengs...untuk sharingnya! :)ditunggu trik selanjutnya

good.... bermanfaat =D>

ini udah lama aku cari lhoo....thx banget yah...

banner nya udah aku pasang, jangan lupa pasang juga yah ^_^

di bookmark dulu dan di pahami soalnya habis pulang kerja.... kayanya menarik niiih

hmmm... perlu baca dua kali nigh :p , belum paham ternyata

=)) Kuliahnya ambil jurusan blogging ya

Terima Kasih telah Mengunjungi Blog ini dan Silahkan tinggalkan Komentar Anda...

Back To Top