28 September 2013

Cara membuat popular post with thumbnail Valid HTML5

Cara membuat popular post with thumbnail Valid HTML5
Popular post with thumbnail Valid HTML5
Popular post with thumbnail Valid HTML5 : Dewasa ini, blogger templates secara bertahap sudah mulai melakukan validasi HTML5. Baik dengan melakukan editing/modifikasi template hingga mengganti template yang Valid HTML5. Namun sayang, widget standar blogger ternyata belum mendukung hal tersebut.

Seperti diantaranya, widget follower dan Widget Popular Post. Untuk itu, kita perlu melakukan editing/modifikasi agar widget yang cukup penting tersebut tidak menodai ke-valid-an HTML5 template blog kita.

Click Cara Membuat Widget Follower Valid HTML5 untuk memodifikasi widget follower. Karena sudah saya posting sebelumnya.

Sedangkan untuk Widget Popular Post Valid HTML5 di Blog, berikut caranya. Juga sama seperti sebelumnya. Tidak susah dan hanya beberapa tahap editing HTML.

  • Login Blog terlebih dahulu
  • Kemudian klik Template >> Edit HTML
  • Pada halaman editor template blog, klik tombol Jump to widget/Lompat ke widget dan pilih widget popular posts seperti gambar diatas.
Cari kode HTML seperti 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>
Lalu ganti kode diatas dengan kode berikut ini:
<b:widget id='PopularPosts1' locked='false' title='Popular News' type='PopularPosts'>
  <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></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:title='data:post.title' expr:width='data:thumbnailSize'/>
                  </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:title='data:post.title' expr:width='data:thumbnailSize'/>
                  </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>

Lalu save template dan selesai. Terimakasih atas kunjungannya dan semoga bermanfaat...

Pengertian Blog : Blogging for Money

Pengertian Blog dan tahapan untuk mendapatkan uang dari kegiatan blogging
Web log atau biasa disebut Blog adalah bentuk aplikasi web yang membuat berbagai konten atau artikel (tulisan-tulisan) yang dimuat sebagai posting. Blog merupakan suatu web yang bersifat lebih pribadi, lebih informal, dan terus di update setiap waktu. Dan secara standar, postingan terbaru selalu berada dibagian atas.

Blog sangat ampu sebagai ajang aktualisasi diri, bersosialisasi di dunia maya, mempromosikan suatu bisnis hingga menghasilkan uang. Yeah... blogging for money


Blogging for money bukan Istilah asing ditelinga kita. Bahkan hal yang hampir bisa dilakukan oleh semua orang adalah bisnis jenis ini. Bisnis melalui blog, bisa dikatakan sangat murah dan gampang. Hasilnya bisa rupiah, dolar, dalam jumlah berlimpah dan terus menerus. Pasti.. di paragraf ini darah kita mulai mengalir deras.. he... he... Money... money...

Tapi jangan terburu-buru. Perlu proses dan perjuangan cukup keras untuk bisa hingga ketahap tersebut. Bagi yang ingin nge-Blog untuk mendapatkan uang, maka terlebih dahulu memahami analogi berikut ini:

Ibaratkan sebuah blog itu adalah sebuah “Kuda” dan program-program penghasil uang yang ada di blog adalah “Kereta” yang akan ditarik oleh lokomotif tersebut.


Pertama. Kita akan membahas Kuda-nya terlebih dahulu. Blog yang baru, diibaratkan sebagai kuda yang baru lahir, ia butuh perawatan yang kontinue. Syarat suatu blog dikatakan kuat (sudah dewasa dan bisa menarik kereta) adalah bila sudah mempunyai postingan yang berkualitas, di-update secara terus-menerus, mempunyai posisi yang bagus di search engine, banyak pengunjung (follower dan orang yang mengikuti feed-nya), banyak yang memberikan komentar dan telah menemui niche ataupun brandingnnya.


Ketika blog sudah kuat, dengan sendirinya akan bisa menjadikan program penghasil uang yang menempel diblog tersebut berjalan dan menghasilkan pendapatan bagi pemilik blog. Kereta apapun yang ditarik kuda tersebut akan berpotensi menjadi alat pengumpul duit.

Analogi tersebut perlu ditekankan (terutama bagi pemula seperti saya) supaya kita semua tidak terburu-buru dalam memonetisasi blog. Usahakan blog kita sudah kuat baru diberi kereta Moneytizing. Pemahaman terhadap proses inipun akan membuat kita tidak mudah bosan dan berhenti bila dalam waktu satu atau enam bulan setelah ngeblog tidak mendapatkan apa-apa.


Kesalahan terbesar dari blogger for money adalah terlalu bernafsu untuk menghasilkan uang dalam waktu yang singkat. Setelah baru saja membuat blog, dan langsung melakukan postingan sebanyak mungkin artikel, memasang sebanyak mungkin program penghasil uang seperti iklan PPC setelah itu hanya duduk menunggu penghasilan datang. Ingat... Blogging bukan seperti itu. Jika anda membayangkan blogging seperti itu, maka salah besar.


Blogging adalah pekerjaan yang terus-menerus, namun tidak terikat waktu. Seorang blogger profesional yang sudah mempunyai ribuan pengunjung setiap harinya masih harus meluangkan waktunya 3 sampai 5 jam sehari untuk kegiatan di blognya. Baik itu mengisi postingan, menanggapi komentar pengunjung sampai mengecek pendapatan program-program yang diikutinya.

Namun, tentu saja itu dilakukan dengan sukacita karena menurut mereka yang telah berhasil blogging itu memiliki kenikmatan tersendiri.


Blogger haruslah memahamai siklus suatu blog sebelum terkenal. Di awal-awal seorang blogger harus menjadi singel fighter terlebih dahulu. Tentu pada awalnya blog yang terkenal sekarang dulunya tidak terkenal juga. Penulis blog hanya duduk sendiri dan memulai postingan dengan suatu harapan nantinya blognya akan ramai pengunjung. Satu postingan, dua postingan mungkin belum akan mendatangkan pengunjung. Tidak lupa juga melakukan teknik-teknik SEO sederhana dengan harapan postingan blognya akan terindeks oleh search engine dan akan menambah trafik.


Sejalan dengan itu kita harus membuat postingan yang berkualitas, ramah, santai dan bermanfaat selain itu cobalah konsisten membuat dan menerbitkan postingan artikel minimal sekali dalam 1 hari, menanggapi komentar pengunjung dan melakukan teknik-teknik SEO. Hasilnya pengunjung blog semakin meningkat.

Setelah 3 bulan berlalu barulah boleh mulai berpikir untuk memonetisasi blog. Inilah siklus yang harus dipahami agar tidak frustasi, apalagi bagi mereka yang sangat money oriented. Baru seminggu ngeblog sudah mengeluh..