Cara Membuat Daftar Blog Dengan Gambar dan Favicon Di Blog

Cara Membuat Daftar Blog Dengan Gambar dan Favicon Di Blog 

Cara Membuat Daftar Blog Dengan Gambar dan Favicon Di Blog  - selamat malam ini tutorial tentang Cara Membuat Daftar Blog Dengan Gambar dan Favicon Di Blog  silahkan itukuti :

Cara Membuat Daftar Blog Dengan Gambar dan Favicon Di Blog

Ok kali nih saya akan mempostingkan tentang Cara Membuat Daftar Blog Dengan Gambar dan Favicon Di Blog Mungkin ane punya Contoh gambarnya seperti Dibawah ini

Dan Ingat setiap tema yang di hasilkan berbeda tergantung Template yang dipakai. dan langsung saja ke tahap pemakaiannya/langkah - langkahnya sebagai berikut :

1. Log-in Blog masing masing

2. Kemenu Tata letak dan pilh Tambah gadget

3. Pilih Daftar Blog 

4. Keterangan ada di bawah gambar.!

Kotak Hitam : Tampilan yang akan di tampilkan / keterangan dari blog yang anda tambahkan centang sesuai keinginan anda.
Kotak Merah : Untuk Menambahkan blog ke daftar blog anda.

5. Simpan dan liat hasilnya

Jika Agan Takut Kepanjangan agan tinggal Mengikuti langkah langkah berikut ;

1. Masuk menu Tempate dan pilih Edit HTML
2. Cari tulisan BlogList dengan Menggunakan Ctrl + F
3. Cari kode sepeti ini

</b:widget>                 <b:widget id='BlogList1' locked='false' title='Daftar Teman' type='BlogList'><                   <b:includable id='main'> <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    </b:if>
<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'>
    <div class='widget-content'>
      <div class='blog-list-container' expr:id='data:widget.instanceId + &quot;_container&quot;'>
        <ul expr:id='data:widget.instanceId + &quot;_blogs&quot;'>
          <b:loop values='data:items' var='item'>
            <li expr:style='data:item.displayStyle'>
              <div class='blog-icon'>
                <b:if cond='data:showIcon == &quot;true&quot;'>
                  <img expr:data-lateloadsrc='data:item.blogIconUrl' height='16' width='16'/>
                </b:if>
              </div>
              <div class='blog-content'>
                <div class='blog-title'>
                  <a expr:href='data:item.blogUrl' target='_blank'>
                    <data:item.blogTitle/></a>
                </div>
                <div class='item-content'>
                  <b:if cond='data:showItemThumbnail == &quot;true&quot;'>
                    <b:if cond='data:item.itemThumbnail'>
                      <div class='item-thumbnail'>
                        <a expr:href='data:item.blogUrl' target='_blank'>
                          <img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
                        </a>
                      </div>
                    </b:if>
                  </b:if>
                  <b:if cond='data:showItemTitle == &quot;true&quot;'>
                    <span class='item-title'>
                      <b:if cond='data:item.itemUrl != &quot;&quot;'>
                        <a expr:href='data:item.itemUrl' target='_blank'>
                          <data:item.itemTitle/></a>
                      <b:else/>
                        <data:item.itemTitle/>
                      </b:if>
                    </span>
                  </b:if>
                  <b:if cond='data:showItemSnippet == &quot;true&quot;'>
                    <b:if cond='data:showItemTitle == &quot;true&quot;'>
                      -
                    </b:if>
                    <span class='item-snippet'>
                      <data:item.itemSnippet/>
                    </span>
                  </b:if>
                  <b:if cond='data:showTimePeriodSinceLastUpdate == &quot;true&quot;'>
                    <div class='item-time'>
                      <data:item.timePeriodSinceLastUpdate/>
                    </div>
                  </b:if>
                </div>
              </div>
              <div style='clear: both;'/>
            </li>
          </b:loop>
        </ul>
        <b:if cond='data:numItemsToShow != 0'>
          <b:if cond='data:totalItems &gt; data:numItemsToShow'>
            <div class='show-option'>
              <span expr:id='data:widget.instanceId + &quot;_show-n&quot;' style='display: none;'>
                <a href='javascript:void(0)' onclick='return false;'>
                  <data:showNText/>
                </a>
              </span>
              <span expr:id='data:widget.instanceId + &quot;_show-all&quot;' style='margin-left: 5px;'>
                <a href='javascript:void(0)' onclick='return false;'>
                  <data:showAllText/>
                </a>
              </span>
            </div>
          </b:if>
        </b:if>
        <b:include name='quickedit'/>
      </div>
    </div></div>
  </b:includable>
                </b:widget>

Keterangan :
Kode yang berwarna Merah adalah kode yang harus di sisipkan/ditambahkan dan harus mirip dengan yang di atas agar bisa mendapatkan hasil sempurna.
Kode yang berwarna Biru adalah kode untuk ukuran tinggi kotak Scroll bisa di rubah sesuai keinginan

Dapat Disimpulakan bahwa jika menggunakan tips dan trik ini jika ingin memasang dan menambahkan blog teman akan lebih mudah tanpa harus mengedit html/kode.
Sekian postingan saya jika ingin kopas mohon untuk di sertakan backlink kelaman ini Terima Kasih.

Telah membaca Cara Membuat Daftar Blog Dengan Gambar dan Favicon Di Blog