9.18.2008

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 != "true"'>,</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