Jumat, 30 November 2012

Widget Yang Harus Dipasang di Blog

Widget Yang Harus Dipasang di Blog | Widget Penting Yang Harus Dipasang di Blog | Widget Yang Harus Dipasang di Blog :

Widget Yang Harus Dipasang di Blog ( Update! ) - SEOBLOGSPOT - Widget Yang Harus Dipasang di Blog ( Update! )

Widget Yang Harus Dipasang di Blog | Selamat pagi sahabat blogger, lagi pada ngapain nih? Walaupun saya tidak melihat anda, tapi saya bisa mengetahui apa yang sedang anda lalukan. Gak percaya? Ok akan saya tebak, saya yakin sekarang anda sedang berada didepan komputer / laptop, iya kan? Lho kok bisa tau? Bisa dong, saya gitu, hehehe. Beneran pengen tahu alasannya? Mudah saja, buktinya sekarang anda sedang membaca artikel ini hehe. Sudah dulu ya becandanya, yuk kita lanjut baca.

Widget Yang Harus Dipasang di Blog |  Dalam dunia blogging, kita sering mendengar istilah "widget", lalu apa sih widget itu? Untuk mengetahui apa itu widget, silahkan anda baca artikel sebelumnya mengenai "Cara Memasang Widget Pada Blog". Karena pada artikel ini saya tidak akan membahas apa itu widget, tapi saya akan berbagi pengetahuan saya tentang, widget penting harus dipasang di blog. Lalu widget apa sajakah itu? Silahkan simak penjelasan berikut ini :

Beberapa widget yang harus dipasang di blog :

1. Widget Artikel Terbaru / Recent Post
Mengapa kita harus memasang widget recent post? Jawabannya yaitu untuk memberitahukan kepada pengunjung tentang artikel yang baru kita buat. Jadi dengan adanya widget recent post pengunjung akan mengetahui artikel terbaru yang ada di blog kita.

2. Widget Artikel Populer / Popular Post
Widget ini dipasang untuk mengetahui artikel yang paling banyak dicari dan dibaca, sehingga kita dapat mengetahui artikel seperti apa ang dibutuhkan oleh pengnjung blog kita.

3. Widget Kategori / Label
Alasan emngapa widget ini penting untuk dipasang di blog adalah supaya kita dapat mengelompokan artikel berdasarkan kategori, sehingga pengunjung blog tidak kebingungan pada saat mencari artikel di blog kita, karena mereka hanya tinggal meng-klik label untuk mencari artikel yang mereka inginkan. Misalnya ketika pengunjung ingin mencari artikel tentang "tutorial blog" maka pengunjung bisa mengklik label / kategori "Tutorial blog".

4. Widget Related Post
Widget related posts dipasang untuk menautkan link artikel yang saling berkaitan satu sama lainnya. Misalnya ketika seorang pengunjung membaca artikel tentang blog, maka widget ini akan menampilkan artikel lainnya yang masih berkaitan dengan artikel tersebut.

5. Widget Follower
Mungkin anda sudah sering mendengar isu bahwa widget follower kurang baik jika dipasang diblog, karena biasanya widget ini yag sering menyebabkan error pada suatu blog. Tapi menurut saya tidak demikian, walaupun isu itu benar tapi saya lebih memandang dari sisi positifnya, apalagi menurut informasi yang saya baca di internet, Matt Cutts ( yang punya google ), juga menyarankan agar kita saling follow dengan blog lainnya, tujuannya yaitu untuk mencari inspirasi ketika kita kebingungan dalam menulis artikel . Sedangkan untuk bisa saling follow dengan blog lain, harus memasang widget follower di blog kita. 

6. Widget Recent Commen
Alasan mengapa widget recent coment di perlu pasang di blog yaitu untuk memberikan apresiasi atau penghargaan kepada pengunjung yang telah berkomentar di blog kita.
7. Widget Sharing Button
Widget sharing button ini sangat penting dipasang di blog kita, untuk mempermudah pengunjung dalam share ( membagikan ) artikel yang adan kita. Contoh widget Sharing Button dapat anda lihat dibawah postingan di blog saya ini ( tombol facebook share, twitter, google+ dsb )


Tambahan :

8. Widget Informasi Blog
Alasan mengapa widget informasi blog penting dipasang yaitu untuk mengetahui informasi mengenai blog kita. Widget Informasi Blog ini biasa mencangkup beberapa widget seperti berikut ini :

a. Widget Alexa Rank
Widget alexa rank ini perlu dipasang untuk mengetahui peringkat traffik blog kita di dunia ataupun lokal. 

b. Widget Google PageRank
Widget google pagerank perlu dipasang untuk mengetahui reputasi atau ranking suatu blog dimata search engine, khususnya search engine google.

c. Widget Hitstat 
Dengan memasang widget ini kita bisa mengetahui, berpa jumlah pengunjungi blog, jumlah pageview blog dan jumlah pengunjung yang sedang online di blog kita.


Mungkin hanya itu yang dapat saya sampaikan mengenai "Widget Penting Yang Harus Dipasang di Blog". Walaupun sedikit, mudah-mudahan dapat bermanfaat. Untuk kurang dan lebihnya mohon dimaafkan. Terimakasih








Google Luncurkan GooglePlus Followers Gadget untuk Blogger


Informasi ini cukup menggembirakan bagi para pengguna Blogger, terutama bagi sobat yang telah mengintegrasikan profil Blogger dengan profil Google+. Widget ini disebut "Google+ Followers Gadget" dan berfungsi menampilkan follower Blog (atau profil) lengkap dengan foto profil pengikut. Widget ini seperti gabungan dua widget yang sudah sangat kita kenal, Google Plus Add to Circle/Follow Widget dan

Kamis, 29 November 2012

Mengganti Template Blog dengan Template Baru

Mengganti Template Blog dengan Template Baru | Mengganti Template Blog dengan Template Baru | Mengganti Template Blog dengan Template Baru :


Mengganti Template Blog dengan Template Baru - SEOBLOGSPOT -Mengganti Template Blog dengan Template Baru


Mengganti Template Blog dengan Template Baru - Artikel ini merupakan artikel lanjutan dari artikel sebelumnya tentang "Cara Mengganti Template Blog di blogger". Setelah sebelumnya saya berjanji untuk membahas cara-cara mengganti template blog default blogger degan template baru ( bukan template default blogger ). Untuk mengganti templat blog dengan template baru ( bukan template default blogger ) caranya cukup mudah kita hanya perlu mendownload template baru lalu upload ke akun blog kita. Penasaran? Yuk kita lanjut baca.

Mengganti Template Blog dengan Template Baru - Sebelum kita mengganti template blog default dengan template blog baru, kita harus telebih dahulu mendownload file templatenya. Untuk lebih jelasnya silahkan anda simak langkah-langkah berikut ini :


Cara Mengganti Template Blog dengan Template Baru :

A. Langkah pertama

1. Download template blog

    Untuk mendownload template blog, anda bisa mengunjungi situs-situs penyedia template blog gratis, dan untuk melihat kumpulan situs penyedia template gratis, anda bisa baca artikel sebelumnya tentang "Kumpulan Situs Penyedia Template Blog"

2. Cara Download Template Blog
Sebagai contoh saya akan mendownload template dari situs Btemplate :

1. Klik link : "http://btemplates.com/"
2. Lalu pilih template blog yang menurut anda bagus,

Mengganti Template Blog dengan Template Baru - SEOBLOGSPOT - Mengganti Template Blog dengan Template Baru

Keterangan Gambar:
1.1 Klik "Demo" untuk melihat demo/preview dari template tersebut
1.2 Klik "Download" untuk mendownload template tersebut

3. Karena disini kita akan mendownload, jadi kita klik download. Lalu tunggu hingga proses
    download selesai,

Mengganti Template Blog dengan Template Baru -SEOBLOGSPOT - Mengganti Template Blog dengan Template Baru


4. Karena file yang kita download tadi berbentuk file .rar, maka kita harus mengextractnya terlebih
    Terlebih dahulu,

Mengganti Template Blog dengan Template Baru


Keterangan :
1. Klik kanan pada file template yang sudah kita download tadi,
1. Kemudian klik "Extract Here"

Langkah kedua :

1. Login ke akun blogger
2. Klik Template
3. lalu pilih "Cadangkan / pulihkan"  ( pojok kanan atas )
4. Lalu klik "Telusuri" dan cari folder dimana anda menyimpan file yang di extract tadi, dan jika
    sudah ketemu, lalu cari file yang berextensi .xml dan klik file tersebut lalu klik lalu open.

Mengganti Template Blog dengan Template Baru


5. Selesai, dan tunggu hingga proses upload template selesai



Demikianlah cara-cara Mengganti Template Blog dengan Template Baru, cukup mudah bukan, mohon maaf jika ada penjelasan yang kurang dapat dimengerti. Dan jika ada hal yang perlu anda tanyakan, silahkan tinggalkan tinggalkan komentar anda. Terimakasih


Baca juga artikel menarik lainnya !
  1. Cara Merubah Blog Nofollow jadi Dofollow

  2. Mendaftarkan Blog ke Google Webmaster

  3. Apa dan manfaat Melakukan Ping!

  4. Cara Membuat Link SEO Friendly

  5. Cara Membuat Link Pada Gambar

  6. Membuat Link Dengan Cara Manual ( Script )Membuat Link Otomatis Part 2

  7. Cara Membuat Link Secara Otomatis

  8. Mengganti Template Blog dengan Template Baru

  9. Cara Mengganti Template Blog di Blogger

  10. Cara Memasang Widget di Blog

  11. Cara Membuat Blog Gratis di Blogger

Optimalisasi Konten dalam Blog

Sekedar kilas balik bahwa postingan ini tetap mengacu pada panduan umum Search Engine Optimization (SEO) & merupakan kelanjutan dari beberapa posting sebelumnya tentang judul dan deskripsi blog serta memperbaiki struktur blog. Hal ini kami lakukan agar informasi yang pengguna dapatkan tidak sepotong-sepotong, melainkan satu kesatuan posting yang tidak terpisahkan satu dengan lain.

Konten secara umum merupakan informasi yang tersedia melalui media dalam berbagai format. Apabila kita kaitkan dengan sebuah blog, maka ia meliputi semua isi yang terkandung dalam struktur markah pada suatu blog, baik dari kepala hingga kaki. Sedangkan penyempitan makna konten itu sendiri lebih tertuju pada aktivitas blogging, yakni posting. Hal itu tidaklah menjadi keliru sebab posting merupakan bagian dari isi konten utama dalam sebuah blog. Namun pada uraian ini, kita akan membicarakan konten dalam pengertian yang menyeluruh & tidak terbatas pada posting saja. Bagaimana konten yang dapat dikategorikan berteman dengan SEO (Search Engine Optimization)? Penting ditekankan bahwa konten Anda untuk pengguna, sedangkan faktor lain merupakan dampak yang dihasilkan.

Kualitas & Layanan Konten

Apa yang terpikirkan dari sub judul di atas? Ketika sebuah blog memiliki karakter unik, kesamaan topik dari awal sampai akhir maka ia akan mendapat pengakuan dari pembacanya. Selanjutnya tidak jarang akan menjadikan rekomendasi, apalagi jika posting yang diterbitkan merupakan sebuah informasi segar & menarik. Ilustrarsi singkat, pengguna ingin membaca tentang tips blogging. Ketika ia menemukan sebuah blog yang menyajikan informasi tersebut, ia akan mulai memindai apa saja isi yang terkandung di dalamnya, mungkin judul posting lain yang terdapat dalam widget, tata bahasa, markah, dan sebagainya. Disaat mata & pikiran pengguna telah menerima bentuk tampilan pada layar peramban, pada saat itu pula mereka mulai membacanya. Apabila antar posting memiliki keterkaitan dengan topik yang dibacanya, bukan mustahil pengguna akan ‘mengacak-acak’ seluruh konten serta akan menanti pembaharuan di blog tersebut. Dan ini boleh kita namakan sebagai kata kunci tertarget.

Kemudian perhatikan pula tata bahasa yang digunakan, oleh karena tidak semua pengguna berasal dari daerah atau negara kita, kecuali jika memang blog ditarget untuk pembaca tertentu. Dan bukan itu saja, pemahaman antar pengguna satu dengan lain mungkin akan berbeda pula. Coba teliti tentang pemahaman “markah” & “kode”. Satu pengguna mungkin akan mengetikkan “markah HTML”, sedangkan pengguna lain mengetik “kode HTML”. Meskipun informasi yang dimaksudkan sama, tetapi hasil yang didapatkan akan berbeda dalam mesin penelusur. Akan lebih baik jika kita memadukan frase tersebut, sehingga mengantisipasi perbedaan pemahaman pengguna. Hal ini integral dengan pemanfaatan ungkapan bahasa yang baik & benar dalam isi konten. Siapa yang menduga — walaupun ditarget untuk pembaca tertentu — pengguna lain dari berbagai daerah atau negara akan mengunjungi blog kita, sehingga merupakan upaya logis untuk mendukung sebuah konten agar dapat diterjemahkan dengan benar (hampir benar). Intinya maksud yang disampaikan oleh author serupa/sama dengan penerimaan yang didapat oleh pengguna.

Konten yang original, segar, & menarik tanpa memperhatikan tanda-tanda di dalamnya mungkin akan menimbulkan kesalah-pahaman bagi pembacanya. Untuk mengurangi hal itu kita dapat belajar menerapkan kode & markah yang semantik. Saya tidak menjelaskan detail tentang semantik, namun jika ingin mempelajari lebih lanjut, Anda dapat membaca pada tautan berikut:

Bagaimana menerapkan semantik dalam konten blog? Mungkin kita telah mengenal CSS dan struktur HTML, tetapi dalam posting jarang kita perhatikan. Sedikit tips untuk penerapan semantik dalam posting, saya biasa merangkum beberapa markah umum sebelum menulis dan menggunakan metode post editor “HTML” (bukan “Compose”).

<p></p>
<span class="amp">&amp;</span>
<a href=""></a>
<em></em>
<strong></strong>
&ldquo; &rdquo;
&lsquo; &rsquo;
&#45;
&ndash;
&mdash;
&trade;
<pre><code></code></pre>
<code></code>
<abbr title=""></abbr>
<span style=""></span>
<blockquote><p></p></blockquote>
<q></q>
<img class="" src="" alt="" width="" height="" style=""/>
<a href="" title=""><img class="" src="" alt="" width="" height="" style=""/></a>
<ul><li></li><li></li></ul>
<ol><li></li><li></li></ol>
<cite><a href="" title=""></a></cite>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<figure><img src="" alt="" width="" height=""/><figcaption></figcaption></figure>
<table><caption></caption><tr><th></th><th></th></tr><tr><td></td><td></td></tr></table>

Menulis Teks Jangkar yang lebih Baik

Teks jangkar tidak selalu berhubungan dengan kata kunci (keywords), ia merupakan sekumpulan teks atau kata yang mendeskripsikan sesuatu sehingga menjadi jelas seperti URL (Uniform Resource Locator), singkatan, gambar (detail pada sub judul “Optimalisasi Penggunaan Gambar”), dan sebagainya.

Demi sebuah kata kunci, saya rasa tidak perlu selalu ditunjukkan dengan memperinci kata kunci dalam berbagai gaya (style) seperti teks tebal, miring, pewarnaan dan lain-lain. Bahkan tidak jarang ditemui sejumlah kata kunci yang dicoret atau menggunakan garis bawah. Apa tujuannya? Agar perayap akan tersendat ketika melakukan pengindeksan pada kata kunci tersebut. Lalu bagaimana dari sisi pengguna? Apakah akan terasa nyaman membaca jika sebuah konten terlalu banyak kata kunci yang dihiasi dengan berbagai gaya atau bahkan tidak jarang menimbulkan kesalah-pahaman? Telah dijelaskan pada sub judul sebelumnya bahwa berusaha membuat sebuah konten untuk semantik akan mengantisipasi kesalah-pahaman, begitu pula dengan memberikan tanda-tanda tertentu pada suatu teks (tanda baca). Isi konten yang baik adalah yang mudah dimengerti & dipahami oleh pengguna, bukan sebaliknya. Apabila tidak, maka resiko pentalan akan semakin tinggi.

Teks jangkar pada tautan pun semestinya mendeskripsikan apa yang ia tautkan, sehingga tautan yang kita masukkan benar-benar berkualitas. Hindari penulisan teks jangkar pada tautan secara generik yang mengandung arti kurang jelas seperti halaman ini, artikel ini, klik di sini, dan sejenisnya. Dari sisi pengguna, tautan seharusnya mudah dibedakan dengan teks biasa, kerena nilai dari sebuah konten akan memudar jika pengguna tidak dapat membedakan itu atau pengelola mengkondisikan agar tautan tidak sengaja diklik oleh pengguna. Bahkan mungkin tanpa disadari, kita telah menciptakan tautan yang sebenarnya tidak perlu dimasukkan (dipaksa untuk bertaut) dalam sebuah konten.

Optimalisasi Penggunaan Gambar

Saya rasa untuk optimalisasi penggunaan gambar, para blogger pasti telah mengetahui pentingnya atribut alt. Atribut itu berfungsi sebagai ‘pembaca gambar’. Tinggal upaya kita untuk membuatnya lebih deskriptif & lebih bermakna bagi pembacanya. Jangan pula kita memasukkan deskripsi yang terlalu panjang atau hanya mengeksplorasi kata kunci dalam gambar. Gambar merupakan salah satu alat bantu untuk memberikan kemudahan bagi pengguna agar lebih memahami isi konten. Tetapi hal itu bukan berarti bahwa kita selalu menggunakan tautan gambar untuk navigasi di blog yang kita kelola.

Pergunakan Tag Heading dengan Tepat

Tag heading dimanfaatkan untuk menyajikan struktur pada halaman kepada pengguna, dimana ia tersusun mulai <h1> sampai dengan <h6>. Karena tag heading biasanya membuat teks yang terkandung di dalamnya lebih besar dari teks biasa pada suatu halaman, maka ini adalah isyarat visual kepada pengguna bahwa teks tersebut penting & bisa membantu mereka memahami sesuatu tentang jenis konten di bawah teks judul. Beberapa ukuran heading yang dapat digunakan dalam rangka menciptakan struktur hirarkis untuk konten blog, sehingga memudahkan pengguna untuk menavigasi isi dari konten tersebut.

Patut dijadikan catatan bahwa tidak semua teks dapat dikategorikan sebagai tag heading, adakalanya teks tebal atau miring lebih bermakna bagi teks tersebut. Kemudian jika sebuah teks kurang/tidak membantu dalam menentukan struktur halaman, sebaiknya tidak terlalu memaksakan memberi ‘label’ tag heading. Salah satu cara untuk menentukan sebuah struktur halaman dalam blog adalah menulis & berpikir secara outline. Yah, mungkin pengertian sederhananya adalah metode membuat kerangka karangan.

Judul sebuah posting seharusnya singkat dan deskriptif. Bukankah judul yang panjang lebih baik & menimbulkan daya tarik tersendiri? Mungkin dalam sedikit kasus, penekanan teks tertentu yang ditambahkan dapat berguna bagi pembaca. Tetapi jika judul posting yang singkat telah mampu mendeskripsikan isi yang terkandung dalam posting, mengapa kita berpikir untuk membuatnya menjadi panjang.

Simpulan

Berdasarkan dari uraian di atas maka dapat kita ambil generalisasi dengan detail sebagai berikut:

  • Konten seharusnya unik, nyaman dibaca, & mudah dipahami oleh pengguna untuk mengantisipasi atau mengurangi celah kesalah-pahaman.
  • Ketika kita telah memilih sebuah topik, tetapkan pengorganisasian isi konten agar selalu terkait dengan topik tersebut. Dan jangan lupa memprioritaskan untuk kemudahan pengguna, bukan untuk indeks mesin penelusur.
  • Teks jangkar yang singkat, tepat, dan deskriptif akan memberikan pengalaman yang positif bagi pengguna serta indeks yang baik bagi mesin penelusur untuk menyampaikan isi terkait. Begitu pula apabila kita dapat memberikan pembeda yang jelas antara teks biasa & tautan teks, sehingga hal-hal yang kurang/tidak diinginkan dapat diminimalisasi.
  • Lengkapi dengan atribut alt, apabila menggunakan media gambar sebagai tautan dan/atau isi konten dalam tubuh HTML (Hypertext Markup Language). Ini tidak termasuk gambar yang dikonfigurasi sebagai nilai dari suatu properti pada CSS (Cascading Style Sheets).
  • Pergunakan tag heading secara tepat untuk menekankan bahwa teks adalah benar-benar penting dan merepresentasikan struktur halaman.

“Menulis” ternyata tidak sekedar “menulis”, tetapi memiliki kedalaman makna yang terkandung di dalamnya. Standar merupakan impian bagi para blogger — termasuk saya — dan boleh jadi SEO turut sebagai pengiring. Tetapi hal tersebut mungkin tidak berarti tanpa memberikan tanda-tanda tertentu (semantik) dalam mengoptimalkan konten pada blog yang kita kelola dan yang terpenting adalah bagaimana informasi disampaikan dengan baik serta terstruktur, sehingga dapat diterima secara positif oleh pengguna.

Free Download Blogger Template!

Free Download Blogger Template! | Free Download Blogger Template! | Free Download Blogger Template!  :

Free Download Blogger Template! - SEOBlogspot - Free Download Blogger Template!



Free Download Blogger Template! - Dalam artikel ini saya akan berbagi situs-situs penyedia template blog gratisan. Eits,.. tapi jangan salah, walaupun gratis tapi templatenya keren-keren lho, mulai dari template biasa sampai template preimium juga ada. Bagi anda yang belum tahu apa itu template blog? anda bisa baca artikel saya sebelumnya mengenai "Cara Mengganti Template Blog di blogger"Bagi anda yang sudah tidak sabar dan ingin mendownload template blog yang keren-keren monggo aja di cek satu per satu kumpulan penyedia template gratis berikut ini :

Kumpulan situs penyedia template blog gratis :

http://btemplates.com/

http://www.blogcrowds.com/resources/blogger-templates/

http://www.zoomtemplate.com/

http://www.deluxetemplates.net/

http://www.bloggerthemes.net/

http://www.coolbthemes.com/

http://mashable.com/2007/09/13/blogger-templates/

http://indonesiatemplate.blogspot.com/

http://www.freetemplatesblogger.info/

http://www.soratemplates.com/

http://besttheme.net/

http://blogger-templates.blogspot.com/

Free Download Blogger Template!  - Ok sekarang saya ucapkan selamat berpetualang untuk memilih template blog yang menurut anda bagus, dan pasti membuat anda bingung untuk memilih template, karena anda akan menemukan banyak template menarik. Tapi ingat, saran saya carilah template yang tidak hanya bagus dari sisi tampilannya saja, tapi juga harus  yang ringan dan cepat loadingnya.

Free Download Blogger Template! | Mungkin cukup demikian dari saya, untuk kurang dan lebihya mohon dimaafkan. Semoga artikel "Free Download Blogger Template!" ini dapat bermanfaat. Terimakasih


Habis baca, jangan lupa berikan komentar anda mengenai artikel ini...atau mau dishare juga boleh hehe...!

Widget Popular Posts Dengan Grid Layout Style

Popular Posts Grid Layout StylePada tutorial sebelumnya saya telah mengetengahkan cara modifikasi popular posts dengan circel image style, dan tutorial kali ini akan mengetengahkan cara modifikasi popular posts dengan grid layout style seperti image/ screen shoot disamping.

Jika anda tertarik membuat popular posts dengan grid layout style pada blog anda, silahkan ikuti step by step tahap pembuatannya:

Tahap Pertama:

  • Login ke akun anda
  • Masuk pada menu template >> klik edit HTML dan jangan lupa centang / ceklist Expand Widget templates
  • Lalu lettakkan kode berikut diatas ]]></b:skin> :

.PopularPosts .widget-content ul li {background:none repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none}
.PopularPosts ul{padding:5px 0}
.PopularPosts .item-thumbnail img{width:110px;height:110px;padding:11px;margin:0}
.PopularPosts .item-content{position:relative;float:left;margin:0}
.PopularPosts .item-title a{font-size:11px;color:#fff;display:block;padding:0 5px;float:left;width:122px}
.PopularPosts .item-title:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
.PopularPosts .item-thumbnail{float:left;margin:3px 1px 7px 10px;border:1px solid #ccc;overflow: hidden}
.PopularPosts .item-title{background:#000;position:absolute;bottom:8px;right:2px;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=6)}

Kode berwarna merah diats adalah lebar dan tingggi item thumbnails, anda bisa ganti dan sesuaikan agar sesuai pada sidebar template anda.

  • Kemudian simpan template.

Tahap Kedua:

  • Masuk pada menu tata letak >> Tambah gadget pilih Popular posts seperti image berikut:

Popular Posts Widget

  • Setelah muncul halaman popular posts, konfigurasikan atau setting widget dengan mencentang/ceklists kotak kecil thumbnail dan biarkan kotak snippet kosong. Judul dan jumlah posts yang ingin ditampilkan terserah anda.
  • Simpan

Langkah keTiga:

  • Masuk lagi ke menu template >> edit HTML, jangan lupa ceklist Expand Widget Templates
  • Cari kode berikut:

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' 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'><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>

  • Setelah ketemu, ganti dengan kode  berikut:

<b:widget id='PopularPosts1' locked='false' title='Most Product View' 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'><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-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>
            <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>

  • Terakhir simpan template dan lihat hasilnya pada blog anda!

Demikian tutorial modifikasi widget popular posts dengan grid layout style. Jika ingin mencoba modifikasi widget popular posts dengan circle image style, silahkan klik link title posts tersebut.

Anda juga bisa modifikasi widget popular posts anda dengan menambahkan ragam efek seperti:

Widget popular posts dengan efek marquee

Widget popular posts dengan efek spinning dan zooming

Widget popular posts dengan efek hover dan background color

Widget popular posts dengan efek animasi spy

Selamat mencoba dan mengembangkan kreatifitas anda!

Azon XML Builder - Senjata Ampuh Para Pemain Amazon Affiliate Program

Azon XML Builder merupakan tools ampuh dalam membuat situs afiliasi yang memasarkan produk Amazon secara otomatis. Sudah terintegrasi dengan berbagai macam platform blog gratis, sehingga membuat anda mudha untuk memilih platform apa yang akan digunakan. Hanya dengan beberapa setting saja, anda sudah bisa membuat situs dengan konten produk berjumlah ribuan. Keunggulan yang bisa anda dapatkan saat menggunakan Azon XML Builder adalah No VPS, Mendukung 7 negara Amazon, Custom SpinTag, Grab ASIN Super Fast, Simpan ke format XML, Integrasi 15 Platform Blog / Website, mendukung Posting ke Web 2.0 dan banyak kelebihan lainnya.


Bagi anda yang berminat untuk mendapatkan Azon XML Builder ini, anda bisa mendapatkannya hanya dengan harga Rp 500.000,- saja. Silakan kontak Ibrahim Surya Erlangga

Rabu, 28 November 2012

Cara Mengganti Template Blog di Blogger

Cara Mengganti Template Blog di blogger | Cara Mengganti Template Blog di blogger | Cara Mengganti Template Blog di blogger.

Cara Mengganti Template Blog di Blogger - SEOBlogspot - Cara Mengganti Template Blog di Blogger


Cara Mengganti Template Blog di blogger - Setelah sebelumnya saya menulis artikel tentang Cara Membuat Blog Gratis di Blogger.com dan Cara Memasang Widget Pada Blog, sekarang saya akan menjelaskan cara-cara mengganti template pada blog di blogger. Selamat pagi sahabat blogger, musim hujan membuat saya malas untuk keluar rumah. Dan bawaannya pengen tidur mulu hehe, kalau gak tidur pasti duduk didepan komputer sambil browsing dan ngeblog, seperti sekarang ini. Walaupun pengetahuan saya di bidang blogging masih belum ada apa-apanya, tapi disini saya berniat untuk berbagi pengetahuan saya seputar blogging ya walaupun hanya sekedar dasar-dasarnya saja. Tapi tak mengapa, walaupun demikian saya sudah merasa senang. Apa lagi jika artikel yang saya tulis dapat bermanfaat untuk anda, pasti saya senang sekali.


Cara Mengganti Template Blog di blogger - Cukup dulu ya curhatnya hehe, sekarang kita akan kembali ke poko permasalahan yang akan kita bahas. Di dalam dunia blogging kita akan mengenal istilah "template" sebenarnya apa itu template? 

Template pada blog dapat diartikan sebagai thema atau pola desain / tampilan pada suatu blog. Bagus tidaknya tampilan suatu blog, tergantung dari seberapa bagus tampilan template blog ( ini definisi template menurut saya, maaf jika saya salah heheh :P )

Mungkin anda masih sedikit bingung dengan penjelasan diatas, oke saya akan berikan contoh template seperti apa, disini saya akan memberikan contoh template yang disediakan oleh blogger.com, dan berikut tampilannya :

Cara Mengganti Template Blog di Blogger - SEOBlogspot - Cara Mengganti Template Blog di Blogger


Nah gimana, sekarang anda sudah tahu kan apa itu template, jika anda masih belum tahu apa itu template silahkan pergi ke pasar tradisional. ( Lho kok! itu tempe mas, bukan template -__- ). Ups maaf saya cuma becanda heheh. Ok saya anggap sekarang anda sudah tahu apa itu template, dan siapkan diri anda karena kita akan mulai berexperimen. Silahkan simak beberapa langkah untuk mengganti template blog dibawah ini.

Langkah-langkah mengganti template pada blog :

1. Silahkan anda login ke akun blogger terlebih dahulu
2. Klik "Template"

Cara Mengganti Template Blog di Blogger - SEOBlogspot - Cara Mengganti Template Blog di Blogger

Keterangan :
1. Klik "template"
2. Klik "Sesuaikan"

3. Kemudian pilih template yang bagus menurut anda.

Cara Mengganti Template Blog di Blogger - SEOBlogspot - Cara Mengganti Template Blog di Blogger

Keterangan:
1. Silahkan pilih dan klik template yang anda suka
2. Kemudian  klik "Terapkan ke Blog"


Selesai, dan sekarang coba anda lihat hasilnya! Ini adalah cara mengganti template blog dengan template default yang disediakan oleh blogger.com. Untuk cara mengganti template blog dengan template lain yang bukan template default blogger, insyaalloh akan saya bahas pada postingan selanjutnya.


Demikian artikel mengenai "Cara Mengganti Template Blog di Blogger". Semoga artikel ini dapat membantu anda dalam memulai kegiatan blogging. Terimakasih


Habis baca jangan lupa berikan komentar anda mengenai artikel ini lalu share, terimakasih


Cara Memasang Widget di Blog

Cara Memasang Widget Pada BlogCara Memasang Widget Pada BlogCara Memasang Widget Pada Blog :

Cara Memasang Widget di Blog - SEOBLOGSPOT - Cara Memasang Widget di Blog
imange by : http://darmasite.blogspot.com


Cara Memasang Widget Pada Blog - Selamat malam semuanya, setelah pada artikel sebelumya saya menjelaskan bagaimana cara membuat blog di blogger, kali ini saya akan menjelaskan bagaimana cara memasang widget di blog. Mungkin bagi anda yang baru terjun ke dunia blogging, masih ada yang belum tahu bagaimana cara memasang widget di blog. Ole karena itu disini saya akan mencoba menjelaskan langkah-langkah memasang widget di blog.


Cara Memasang Widget Pada Blog - Dulu ketika saya baru memulai ngeblog, saya juga pernah mengalami kesulitan dalam memasang widget. Ceritanya dulu saya ingin memasang widget popular post, seperti yang terpasang di blog teman saya. Tapi saya bingung apa yang harus saya lakukan untuk dapat memasang widget tersebut. Akhirnya tanpa fikir panjang dan saya langsung googling dan menemukan artikel yang berisi penjelasan mengenai cara memasang widget di blog. Ternyata caranya sangat mudah, kita hanya perlu melakukan beberapa klik saja hehehe. Ok dari pada kelamaan curhat, mending kita mulai berexperimen hehe. Silahkan anda simak, langkah-langkah memasang widget di blog berikut ini :

Misalnya disini saya akan menambahkan widget "Entri Populer", maka langkah-langkah yang harus dilakukan adalah sebagai berikut :

1. Pertama kita harus login ke akun blogger
2. Kemudian klik "Tata Letak

Cara Memasang Widget di Blog


Keterangan :
1. Klik "Tata Letak"
2. Klik "Tambah Gadget"

3. Kemudian pilih dan klik "Entri Populer"

Cara Memasang Widget di Blog - SEOBlogspot - Cara Memasang Widget di Blog


4. Selanjutnya klik "Simpan"

Cara Memasang Widget di Blog - SEOBlogspot - Cara Memasang Widget di Blog


5. Selesai, sekarang coba anda lihat hasilnya.


Bagaimana, mudah bukan? Saya yakin anda pun pasti bisa melakukannya. Oke sekarang tinggal giliran anda yang mencoba. Demikian postingan tentang "Cara Memasang Widget Pada Blog". Semoga dapat membantu dan bermanfaat. Terimakasih




Selasa, 27 November 2012

Cara Membuat Blog Gratis di Blogger

Cara Membuat Blog Gratis di Blogger.comCara Membuat Blog Gratis di Blogger.comCara Membuat Blog Gratis di Blogger.com :

Cara Membuat Blog Gratis di Blogger - SEOBlogspot - Cara Membuat Blog Gratis di Blogger


Cara Membuat Blog Gratis di Blogger.com - Pada kesempatan ini saya akan menerangkan cara-cara membuat blog gratis diblogger.com di dunia jaman sekarang semuanya sudah serba canggih, misalnya saja, orang-orang jaman dulu hanya menggunakan buku jika ingin menulis diari / acatatan pribadi mereka, berbeda dengan jaman sekarang yang semuanya seba canggih dan serba online, orang jaman sekarang biasanya sudah hampir melupakan kegiatan menulis diari di buku tulis, biasanya mereka menulis diari di blog, dan menjadikan blog sebagai tempat untuk mencurahkan apa yang ada didalam hati mereka. Namun bagi orang-orang yang pandai memanfaatkan peluang, biasanya blog juga dijadikan sebagai mesin penghasil dollar.

Cara Membuat Blog Gratis di Blogger.com - Semenjak saya mengenal dunia perkomputeran dan internet, dulu saya sering mendengar kata "blog", selain itu karena hobi saya download software dari internet, biasanya saya mencarinya di google dan biasanya hasil penelususan google akan mengarahkan kita ke blog yang berisi konten yang kita cari. Lalu semenjak itu saya penasaran dan mencoba untuk membuat blog, walau awalnya saya belum mengerti apa itu blog dan apa pula fungsinya. Sebenarnya apa itu blog? Untuk pertanyaan tersebut mungkin saya hanya bisa menjawab, 
Blog adalah suatu catatan pribadi / diari online yang ditulis oleh seseorang (blogger) untuk berkreasi mengumpulkan, mencurahkan serta berbagi pengalaman dari pemilik blog itu sendiri. ( ini definisi blog menurut saya, maaf jika saya salah hehehe )

Cara Membuat Blog Gratis di Blogger - Blog yang awalnya hanya sebuah diari online, seiring dengan berjalannya waktu ternyata banyak dimanfaatkan untuk dijadikan peluang usaha. Misalnya digunakan untuk memasang iklan, ataupun jual beli blog. Banyak teman-teman saya yang bilang "Gak punya blog gak gaul", yang akhirnya memotivasi saya untuk mencoba belajar ngeblog, jadi tunggu apa lagi, ayo kita buat blog. Ada beberapa situs di internet yang menyediakan layanan blog gratis, misalnya blogger.com dan wordpress.com. Dan kali ini saya akan menjelaskan cara-cara membuat blog di situs blogger.com.


Silahkan anda simak langkah-langakh membuat blog berikut ini :

Langkah pertama :

Untuk membuat blog di situs blogger.com, kita harus mempunyai akun google / gmail terlebih dahulu, Bagi anda yang belum mempunyai akun email, anda bisa melihat cara-cara membuat email pada artikel saya tentang "Cara Membuat Email di Google".

Langkah kedua :

Setelah kita mempunyai akun email kita bisa memulai membuat blog, berikut cara-caranya :
1. Login ke akun Gmail anda caranya klik : www.mail.google.com
2. Kunjungi situs Blogger.com atau bisa juga klik disini, lalu login menggunakan akun email anda.
3. Kemudian anda klik "Blog Baru

untuk lebih jelasnya adan bisa lihat gambat dibawah ini :

Cara Membuat Blog Gratis di Blogger - SEOBlogspot - Cara Membuat Blog Gratis di Blogger


4. Selanjutnya tentukan judul dan alamat blog anda ;

Cara Membuat Blog Gratis di Blogger - SEOBlogspot - Cara Membuat Blog Gratis di Blogger


Keterangan :
1. Kolom "Judul"    : isi dengan judul blog anda, misalnya
2. Kolom "Alamat" : isi dengan alamat blog anda
3. Pilih template yang anda suka,
4. Lalu klik "Buat Blog

5. Lalu  klik "Judul Blog anda", untuk lebih jelasnya, silahkan lihat gambar dibawah ini :

Cara Membuat Blog Gratis di Blogger - SEOBlogspot - Cara Membuat Blog Gratis di Blogger


6. Anda sudah berhasil membuat blog, sekarang anda tinggal mencob membuat postingan dengan cara meng-klik "Entri Baru" seperti yang terlihat pada gambar dibawah ini :

Cara Membuat Blog Gratis di Blogger - SEOBlogspot - Cara Membuat Blog Gratis di Blogger

7. Selanjutnya silahkan anda buat postingan dengan dan ketik apapu terserah anda :

Cara Membuat Blog Gratis di Blogger - SEOBlogspot - Cara Membuat Blog Gratis di Blogger

Keterangan :
1. Masukan judul postingan anda
2. Silahkan ketik isi postingan, terserah anda
3. Kemudian klik "Publikasikan"

8. Untuk melihat postingan yang sudah anda tulis anda bisa klik "Lihat"

Cara Membuat Blog Gratis di Blogger - SEOBlogspot - Cara Membuat Blog Gratis di Blogger


9. Selamat anda telah berhasil membuat blog dan membuat postingan. :D

Cara Membuat Blog Gratis di Blogger - SEOBlogspot - Cara Membuat Blog Gratis di Blogger


Bagaimana, cukup mudahkan? saya yakin sekali anda pun dapat melakukannya. Jangan kalah dengan anak SD, hehehe. Mungkin cukup sekian artikel tentang "Cara Membuat Blog Gratis di Blogger". Semoga bermanfaat dan semoga dapat membantu anda yang sedang membutuhkan informasi ini. Terimakasih



Baca juga artikel menarik lainnya !
  1. Cara Merubah Blog Nofollow jadi Dofollow

  2. Mendaftarkan Blog ke Google Webmaster

  3. Apa dan manfaat Melakukan Ping!

  4. Cara Membuat Link SEO Friendly

  5. Cara Membuat Link Pada Gambar

  6. Membuat Link Dengan Cara Manual ( Script )Membuat Link Otomatis Part 2

  7. Cara Membuat Link Secara Otomatis

  8. Mengganti Template Blog dengan Template Baru

  9. Cara Mengganti Template Blog di Blogger

  10. Cara Memasang Widget di Blog

  11. Cara Membuat Blog Gratis di Blogger