-->

Situs Multi Pengetahuan Meliputi Pendidikan, Informasi Teknologi, Tutorial, Serta Pengetahuan Penting Lainya

Optimasi Widget Popular Post Blogger Agar SEO

Anda sudah tahu pasti, bahwa Popular Post ini adalah widget yang paling banyak digunakan, bahkan sayapun menggunakan widget tersebut diblog Multi ajaib ini.

Biasanya apabila anda ingin mengoptimalkan blog agar menjadi Seo 100% via chkme.com dan blog anda belum bisa menjadi Seo 100% karena adanya Popular post yang dilengkapi dengan gambar, setelah anda tidak memberikan gambar pada popular post tersebut blog anda 100 persen lagi seonya.

Gak mungkinkan, kalau misalkan Popular postnya tidak dipasangi gambar, blognya jadi jelek. Ada juga sih template blogger yang tidak cocok dipasangi gambar pada popular postnya, tapi bagaimana jika harus dipasangi dengan gambar? pastinya ini akan menjadi masalah bukan.

Oke! kali ini saya akan memberikan solusinya untuk Optimasi Widget Popular Post Blogger Agar SEO , langsung saja disimak, bagaimana caranya:

1. Langsung pilih menu Template - Edit HTML
2. Pilih Lompat ke widget , pilih PopularPosts1
    Cara membuat blog valid HTML5

    3. Setelah anda memilih untuk langsung melompat ke Widget PopularPosts1, Silahkan anda hapus semua kode seperti dibawah ini.
      <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
          <b:includable id='main'>
        <b:if cond='data:title'><h3><data:title/></h3></b:if>
        <div class='widget-content popular-posts'>
          <ul>
            <b:loop values='data:posts' var='post'>
            <li>
              <b:if cond='data:showThumbnails == &quot;false&quot;'>
                <b:if cond='data:showSnippets == &quot;false&quot;'>
                  <!-- (1) No snippet/thumbnail -->
                  <a expr:href='data:post.href'><data:post.title/></a>
                <b:else/>
                  <!-- (2) Show only snippets -->
                  <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
                  <div class='item-snippet'><data:post.snippet/></div>
                </b:if>
              <b:else/>
                <b:if cond='data:showSnippets == &quot;false&quot;'>
                  <!-- (3) Show only thumbnails -->
                  <div class='item-thumbnail-only'>
                    <b:if cond='data:post.thumbnail'>
                      <div class='item-thumbnail'>
                        <a expr:href='data:post.href' target='_blank'>
                          <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                        </a>
                      </div>
                    </b:if>
                    <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
                  </div>
                  <div style='clear: both;'/>
                <b:else/>
                  <!-- (4) Show snippets and thumbnails -->
                  <div class='item-content'>
                    <b:if cond='data:post.thumbnail'>
                      <div class='item-thumbnail'>
                        <a expr:href='data:post.href' target='_blank'>
                          <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                        </a>
                      </div>
                    </b:if>
                    <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
                    <div class='item-snippet'><data:post.snippet/></div>
                  </div>
                  <div style='clear: both;'/>
                </b:if>
              </b:if>
            </li>
            </b:loop>
          </ul>
          <b:include name='quickedit'/>
        </div>
      </b:includable>
        </b:widget>

      4. Setelah anda menemukan kode panjang diatas ini, maka silahkan anda ganti dengan kode yang telah saya modifikasi dibawah ini.

        <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
            <b:includable id='main'>
          <b:if cond='data:title'><h3><data:title/></h3></b:if>
          <div class='widget-content popular-posts'>
            <ul>
              <b:loop values='data:posts' var='post'>
              <li>
                <b:if cond='data:showThumbnails == &quot;false&quot;'>
                  <b:if cond='data:showSnippets == &quot;false&quot;'>
                    <!-- (1) No snippet/thumbnail -->
                    <a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
                  <b:else/>
                    <!-- (2) Show only snippets -->
                    <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
                    <div class='item-snippet'><data:post.snippet/></div>
                  </b:if>
                <b:else/>
                  <b:if cond='data:showSnippets == &quot;false&quot;'>
                    <!-- (3) Show only thumbnails -->
                    <div class='item-thumbnail-only'>
                      <b:if cond='data:post.thumbnail'>
                        <div class='item-thumbnail'>
                          <a expr:href='data:post.href' target='_blank'>
                            <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize' expr:title='data:post.title'/>
                          </a>
                        </div>
                      </b:if>
                      <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
                    </div>
                    <div style='clear: both;'/>
                  <b:else/>
                    <!-- (4) Show snippets and thumbnails -->
                    <div class='item-content'>
                      <b:if cond='data:post.thumbnail'>
                        <div class='item-thumbnail'>
                          <a expr:href='data:post.href' target='_blank'>
                            <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize' expr:title='data:post.title'/>
                          </a>
                        </div>
                      </b:if>
                      <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
                      <div class='item-snippet'><data:post.snippet/></div>
                    </div>
                    <div style='clear: both;'/>
                  </b:if>
                </b:if>
              </li>
              </b:loop>
            </ul>
          </div>
        </b:includable>
          </b:widget> 
         5. Simpan template, lihat hasilnya kembali di Chkme.com
          Nah, bagaimana? apakah ini sulit, pastinya tidak dong, kita hanya mengganti kode saja, untuk memberikan tittle link dan juga tittle image, sehingga blog anda bisa menjadi valid HTML5 dan juga tentunya akan menjadi SEO Friendly. Semoga bermanfaat bro!

          Previous
          Next Post »

          49 komentar

          IQROZEN delete August 30, 2014 at 9:00 PM

          Oh ternyata bisa ya SEO pake popular post bergambar...

          Salam dari Pulau Dollar

          Munawir Alfikri delete August 30, 2014 at 9:15 PM

          Bisa banget mas :)

          Mas Yadi delete August 30, 2014 at 11:54 PM

          di kasih little ya mas , biar makin ceo :D

          Andre Kocak delete August 31, 2014 at 12:30 AM

          Tutorial yang sangat berguna mas :)

          siti aminah delete August 31, 2014 at 4:39 AM

          Mantap. langsung di coba :D

          elang wicakso delete August 31, 2014 at 5:38 AM

          wah mantap tipsnya :D tapi tambah berat nggak mas?

          Munawir Alfikri delete August 31, 2014 at 7:13 AM

          Iya mas yadi :)

          Munawir Alfikri delete August 31, 2014 at 7:14 AM

          Syukur deh kalau bisa berguna mas andre :-d

          Munawir Alfikri delete August 31, 2014 at 7:15 AM

          Silahkan dicoba min...

          Munawir Alfikri delete August 31, 2014 at 7:15 AM

          Gak akan berat banget mas ;)

          Arie Gond3s delete August 31, 2014 at 10:01 AM

          Dengan penambahan Title pada link popular post, tampilannya akan lebih menjadi keren dan tentunya lebih SEO ya Mas

          Munawir Alfikri delete August 31, 2014 at 10:19 AM

          Benar sekali itu mas andi.... ini bisa membuat blog kita menjadi SEO ON Page

          Anthonie Eka delete August 31, 2014 at 5:20 PM

          wah jadi pengen nyoba mas soalnya popular post punya saya nggak ada gambarnya :)

          Albarnation delete August 31, 2014 at 5:42 PM

          wah kren kren saya coba

          Cilembu thea delete September 2, 2014 at 11:18 AM

          wah...saya mah kalo udah mulay ngoprek daleman, bakalan merembet kemana-mana...buat nanti lagi ah.

          Heri Assidiqi delete September 3, 2014 at 12:29 AM

          Saya coba Mas... kebetulan masih banyak yang errornya :)

          Fikri Suke delete September 3, 2014 at 6:03 AM

          hehehe, kalau ada gambarnya bisa, coba ini mas :)

          Fikri Suke delete September 3, 2014 at 6:04 AM

          Silahkan dicoba mas

          Fikri Suke delete September 3, 2014 at 6:04 AM

          hehe.. kok bisa gitu mas :D

          Fikri Suke delete September 3, 2014 at 6:05 AM

          Hehehe.. silahkan dicoba ya mas heri, moga bisa SEO

          Ayu Listia delete September 3, 2014 at 3:10 PM

          kalau sy pake wp mas, jadi ga bisa praktekin hehe

          ana sriwahyuni delete September 4, 2014 at 12:21 PM

          keren banget, dengan begitu seluruh popular post akan terindeks dengan baik,, saya coba ya mas, trimakasih :)

          Lupa Nama delete September 7, 2014 at 3:56 AM

          thanks gan infonya, keren,
          bermanfaat buat ane yang masih newbie,
          oiyaaa, mampir diblog q juga yaa :)

          Amirul Haqiqi Abdillah delete September 7, 2014 at 6:04 AM

          wah keren nih, sudah di optimasi jiga. ijin nyicip gan :)

          Wahyu Eka Prasetiyarini delete September 20, 2014 at 5:56 PM

          wah simple juga ya cara nya, boleh dicoba nih untk optimasi widgt di blog saya ;)

          Raja Online delete September 20, 2014 at 6:26 PM

          Kalau pakai Wp mungkin juga bisa mba hehe.. tapi saya kurang tauu

          Raja Online delete September 20, 2014 at 6:26 PM

          Bener sekali mba ana.... sama-sama :)

          Raja Online delete September 20, 2014 at 6:26 PM

          Hehehe... kita sama-sama Newbie juga ya mas ;)

          Raja Online delete September 20, 2014 at 6:27 PM

          Silahkan Di cicipin mas Amirul

          Raja Online delete September 20, 2014 at 6:27 PM

          Silahkan Deh dicoba mba Eka ;)

          KOPERASII LESTARI delete September 24, 2014 at 11:13 AM

          mantap ini mas munawir tutorialnya. saya bookmark deh postingan ini.. ;)

          Raja Online delete September 24, 2014 at 11:20 AM

          Silahkan mas di Bookmark buat jaga-jaga :)

          hamidul umar delete October 13, 2014 at 3:29 PM

          ondeh mandeh, mantap bana postingannya, makasih booossss mampir juga ke www.batangasaiandme.blogspot.com :)

          Raja Online delete October 13, 2014 at 4:22 PM

          Gue tebak.. pasti kamu orang padang :D hhehehe
          thank's udah mampir kesini yaaaaa moga blognya bisa SEO

          Aries Asharry delete October 23, 2014 at 9:45 PM

          blog yang keren gan, lanjutkan :)

          Raja Online delete October 23, 2014 at 9:47 PM

          Gimana cara lanjutinnya gan hehehe :D
          makasih ya udah berkunjung

          KOPERASII LESTARI delete October 31, 2014 at 9:58 AM

          Oke Mas.. :)

          Mbah dinan delete November 24, 2014 at 11:55 AM

          yup masalah ini pernah saya alami dan setelah saya optimasi akhirnya bisa juga selesai masalahnya. terima kasih telah berbagi dan salam sahabat blogger.

          Raja Online delete November 24, 2014 at 12:37 PM

          Saya juga sering mengalami seperti ini...
          tetapi hanya saya abaikan saja hehe

          Fadil aceh delete December 26, 2014 at 1:28 PM

          bingung juga tu banyak banget kodenya ,, hehhe.. salm kenal

          Raja Online delete December 26, 2014 at 3:26 PM

          Bingung dimananya ya gan, bisa saya bantu :)

          salam kenal kembali

          Dzaky Dewan delete December 28, 2014 at 3:27 PM

          Makasih ya sangat membantu artikelnya Sob!

          Raja Online delete January 29, 2015 at 6:05 PM

          Sama-sama mas Dzaky :)
          terima kasih sudah berkunjung

          Hayatun Nufus delete February 1, 2015 at 12:39 AM

          maksih mas raja..boleh dijelaskan mas dimana letak keseo-an kode di atas :)
          mf jika pertanyaannya salah, saya masih nubi bingit..

          Raja Online delete February 1, 2015 at 8:23 AM

          Biasanya kalau kita memasang widget popular post dengan gambar, gambar itu gak ada titlenya mba, jadi kalau gak ada titlenya dianggap gak valid :D
          jadi kita tambahin title gambar tersebut, biar wuss.. hehe

          Penghuni 60 delete February 14, 2015 at 2:00 PM

          wah ,betul sekali tuh sob, harus diberi title semuanya biar SEOFRIENDLY

          Dion Angelus delete May 12, 2015 at 1:17 AM

          makasih gan udah ane coba,

          Green Miniatur delete July 30, 2015 at 9:02 AM

          saya juga pake mas fikri widget populer post, tp masih belum tau udah seo friendly belum ya?

          piscorin rishma delete February 10, 2016 at 11:21 PM

          bagus tipsnya, bermanfaat. terima kasih

          Apa tanggapan anda tentang artikel diatas?

           

          Contact Form

          Name

          Email *

          Message *