Tips dan Trik Blogger

Modifikasi Recent Coment Widget Feed

Kembali ke Laptop... :D tukul bilang begitu kali ini saya kembali ke Widget Feed, dimana experiment berikutnya adalah memodifikasi Recent Coment (Komentar Terbaru) Widget Feed. Adapun Konsep dasarya ada pada artikel sebelumnya [Komentar atau Artikel terbaru via Widget Feed] kemudian saya coba memodifikasinya supaya lebih menarik atau enak dilihat.

Silahkan Masuk ke Blogger dan menuju EditHTML Centang juga Expand Widget Template.


Silahkan Cari kode Ini: /* kurang lebih sama dan tentunya sudah memasang Recent coment via Widget Feed*/


<b:widget id='Feed2' locked='false' title='Komentar Terbaru' type='Feed'>
<b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content'>
    <ul expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <b:loop values='data:feedData.items' var='i'>
        <li>
          <span class='item-title'>
            <a expr:href='data:i.alternate.href'>
              <data:i.title/>
            </a>
          </span>
          <b:if cond='data:showItemDate'>
            <b:if cond='data:i.str_published != &quot;&quot;'>
              <span class='item-date'>
                &#160;-&#160;<data:i.str_published/>
              </span>
            </b:if>
          </b:if>
          <b:if cond='data:showItemAuthor'>
            <b:if cond='data:i.author != &quot;&quot;'>
              <span class='item-author'>
                &#160;-&#160;<data:i.author/>
              </span>
            </b:if>
          </b:if>
        </li>
      </b:loop>
    </ul>

    <b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget>


Tampilan Standar:
Perhatikan Kode di Atas dan Sesuaikan dengan Warna pada Gambar..... Warna Hijau merupakan ringkasan komentar, Warna Merah adalah nama Komentator dan Warna Biru menunjukan Tanggal Saat berkomentar....


Silahkan Atur Posisi kode Di atas sesuai dengan Selera Masing masing. Cukup Memindahkan Kode Warna Merah di bawah Warna Hijau misalnya dan lainya:)




Tanda &#160;-&#160; adalah garis pembatas antara judul, penulis dan tanggal. Ini Contoh Kode Modifikasinya:


1. Menampilkan Nama Komentator beserta Link Komentarnya:

 Hapus kode Semua Kode yang Waran merah , Hijau dan Biru. kemudian ganti dengan kode di bawah ini:

<b:if cond='data:showItemAuthor'>
            <b:if cond='data:i.author != &quot;&quot;'>
              <span class='item-author'>

            <a expr:href='data:i.alternate.href'>
                &#160;-&#160;<data:i.author/>&#160;-&#160;
            </a>
              </span>
            </b:if>
          </b:if>



Hasilnya Kurang Lebih seperti ini:
Gimana? Masih mau Lanjut.....? Jika Namanya di Klik maka akan menuju komentar masing masing. Sekarang Coba ganti kode &#160;-&#160; dengan kode Image jika ingin menambahkan gambar di sampingnya misalnya panah dll.

2. Variasi Posisi dan Tambahan:

Kode di bawah ini adalah Variasi pilihan saya :D Silahkan Berexperiment untuk menemukan variasi lainnya.


<b:if cond='data:showItemDate'>
            <b:if cond='data:i.str_published != &quot;&quot;'>
              <span class='item-date'>
<img src="http://i261.photobucket.com/albums/ii65/adephotobucket/right-arrow-off.gif" border="0" alt="Dunia Blogger"/> <b><data:i.str_published/></b>
              </span>
            </b:if>
          </b:if>         
<b:if cond='data:showItemAuthor'>
            <b:if cond='data:i.author != &quot;&quot;'>
              <span class='item-author'>
                <a expr:href='data:i.alternate.href'><b>[ <data:i.author/> ]</b></a> Berkomentar Sebagai Berikut:
              </span>
            </b:if>
          </b:if>
<span class='item-title'>
              <i><b><data:i.title/></b></i>
          </span>




Hasilnya Seperti Berikut:

3. Coba Sendiri yah.... :d


Masih banyak Cara kok Tenang aja.... jangan dibikin Pusing.... Kalau sudah menemukan yang lebih menarik silahkan pasang linknya di Komenta yah....

Temukan Hal Baru Bersama Dunia Blogger The Experiment is my Self. :)

Ngomong-ngomong pemilu nyoblos no Berapa nih... Kalau Saya No 8 (PKS) Ah.. :D Sesuai tanggal lahir saya 8 Oktober  :d
7 Komentar untuk "Modifikasi Recent Coment Widget Feed"

Pertamaxxxxx ..... :D

Dibobol dulu tipsnya .... :))

Ga jadi pertamax jadi premium ato solar aja deh hehehe...

Punya nyali ?
Ingin membantu menjadi administrator di Komunitas Joomla VS Blogger Indonesia ?
Silahkan lihat syaratnya di Blog ku OK.

weh asik nih, makasih mas ntar deh aku coba, now lagi kumat penyakit males nih

DUNIA-BLOGGER EHHHHH... SAYA JUGA NYOBLOS No 8 oke punya

Wah... Mantap...
* Sekalian promosi pemilu ya...

waduh,, bagi2 tips sambil promosi partai niy. hebat bener mas. sambil menyelam minum air. ngmg2 pemilu PKS emang nomer satu. tul gak mas???
monggo mampir di blog saya mas.sekalian tuker link mas ya??

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

Back To Top