Tampilkan postingan dengan label Aksesoris Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Aksesoris Blog. Tampilkan semua postingan

Rabu, 28 Desember 2011

Meningkatkan traffic blog dengan melakukan Ping Manual ke Google

Untuk meningkatkan traffic blog kita di search engine, google misalnya, kita dapat melakukan banyak hal, misalnya dengan melakukan promosi di berbagai situs iklan gratis maupun berbayar, Bisa juga dengan melakukan blog walking, tukar link dan lain lain. Pada kesempatan ini, guna meningkatkan traffic blog kita, kita akan melakukan ping secara manual ke google. Kenapa harus melakukan ping? Ini kita lakukan agar blog kita tetap akrab dengan search engine di luar sana.

Ping service itu biasanya gratisan, oleh sebab itu tidak ada jaminan jika ping yang kita lakukan benar-benar masuk ke Google, dan lagi sering sending atau pengiriman ping berstatus failed. karena google adalah seach engine idola pengguna internet hampir di seluruh dunia, maka untuk melakukan ping ke Google sebaiknya dengan melakukan ping sendiri secara manual.

Bagaimana melakukan ping secara manual ke Google? Mungkin banyak yang tidak tahu kalau Google punya direktori blog sendiri. Maka dari itu kita bisa mencari blog kita melalui blog directory google yaitu “ http://blogsearch.google.com “.Dari sinilah kita bisa melakukan ping ke Google secara manual. Adapun cara melakukan ping itu silahkan masuk ke alamat ini :


Setelah itu anda tinggal memasukkan alamat halaman URL yang akan diping. Lalu tunggu beberapa saat google bot akan menggerayangi URL yang baru anda ping tadi. Pada saat itulah halaman baru anda sudah tercantum di indeks google dan sudah masuk ke database google. Ini salah satu cara meningkatkan traffic blog kita. Selamat mencoba melakukan ping manual ke google. Semoga sukses.

Membuat Artikel Terkait di blog blogspot

Image via WikipediaArtikel terkait, apa maksudnya? Mungkin anda sering melihat halaman blog atau web yang di bagian bawah dari tiap artikel yang tampil terdapat beberapa link yang terhubung ke halaman lain dari blog itu. Dan di atas link tersebut tertulis artikel terkait atau Related post. Ada juga yang menggunakan istilah lain, misalnya; Posting terkait, Artikel lainnya atau Artikel Berhubungan dan lain-lain.

Adapun untuk blog yang sedang dihadapan anda ini, istilah “artikel terkait” kami ganti dengan kalimat “Baca Artikel Terkait berikut ini:” yang dapat anda lihat di bagian bawah dari halaman ini. Inilah yang akan kita bicarakan, terutama tentang bagaimana membuat link yang menghubungkan artikel di halaman posting dengan artikel terkait lainnya yang terdapat di dalam blog tersebut.

Sebenarnya ada beberapa versi artikel terkait. Akan tetapi pada kesempatan ini kita akan membicarakan salah satu versi dari artikel terkait itu. Kita bahas artikel terkait yang sederhana saja dulu, toh hasilnya tidak akan jauh beda dengan artikel terkait versi yang lain. Dan dengan artikel terkait versi ini pun sudah dapat membantu pengunjung untuk berjalan-jalan di blog anda dengan mudah.

Namun demikian untuk artikel terkait versi yang lain, akan kita bahas nanti. Oh ya, hampir lupa, sebelum melakukan langkah-langkah membuat artikel terkait, anda harus tahu bahwa untuk membuat artikel terkait tidak lepas dari mengotak-atik template blog anda. Maka dari itu simpan dulu template blog anda sebelum melakukan operasi template dari blog anda. Jika peringatan saya sudah anda laksanakan, kita langsung ke pokok bahasan yaitu membuat artikel terkait.

Langkah-langkah yang anda lalui untuk membuat artikel terkait di blog anda:
  1. Log in di blogger atau blogspot anda.
  2. Pilih dan klik Tata letak
  3. Klik tab Edit HTML
  4. Jangan lupa klik Expand Template Widgets
  5. Cari kode:
<p><data:post.body/></p>

Agar mudah menemukan kode tersebut, tekan tombol Ctrl + F dan tulis kode <data:post.body/>. Perhatian! jika anda sudah membuat fungsi read more di blog, anda akan menemukan 2 kode <data:post.body/>. Pilihlah yang pertama.

6. Copy script kode di bawah ini dan letakkan di bawah kode <data:post.body/> yang pertama.
KODE

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<span class='box'>
<div class='widget-content'>
<h3>Baca Artikel Terkait berikut ini:</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 6;
maxNumberOfLabels = 100;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</span></div>
</b:if>

7. Simpan template dan selesai. Lihat hasilnya.

Terjawab sudah penasaran kita tentang beberapa link penghubung artikel dengan artikel lainnya yang terdapat di bagian bawah halaman posting. Itulah namanya artikel terkait. Sekarang anda juga sudah bisa bagaimana membuat.

Kamis, 08 Desember 2011

Menambah Kolom Diatas dan Dibawah Postingan Blog

Ketemu lagi, di postingan saya Membagi Widget 2 Kolom Berdampingan dibawah Postingan sudah saya jelaskan bagaimana temen-temen blogger semua Membagi Widget 2 Kolom Berdampingan dibawah Postingan di blog. Kali ini saya akan memberikan tutorial tentang membuat dua kolom baru diatas dan dibawah postingan.

Coba perhatikan gambar atas ini muncul dua kolom baru dibawah post blog. Sehingga jika Anda menambahkan dua kolom dibawah postingan, Anda dapat menyimpan gadget/widget di atas/bawah postingan misalkan adsense, iklan, atau widget yang lainya.

Apakah Anda ingin menambahkan dua kolom diatas/bawah post body blog Anda? coba ikuti langkah dibawah ini.. Pastikan Anda sudah Log In ke blogspot lalu pilih menu Layout kemudian masuk menu Edit HTML

 Taruh Code CSS dibawah ini diatas Code ]]></b:skin>

/*Under Post-----------------------------*/
#underpost h2{
font-size:13px;
font-weight:bold;
color:#B8002E;
border-bottom:2px solid #000000;
padding-left:5px;}
#underpost{
width:530px;
}#underleft{
width:257px; /*lebar kolom kiri*/
float:left;
margin:4px;
}#underright{
width:250px; /*lebar kolom kanan*/
float:right;
margin:4px;}

Perhatikan code yang berwarna merah diatas, samakan dengan lebar (width) post body atau main-wrapper di blog Anda. Untuk mengetahhui lebar post body cari code css dibawah ini :

#main-wrapper {
width: 530px;

Nah ukuranya adalah yang tercetak tebal diatas. Jangan lupa untuk membagi dua area kolom kiri dan kanan, perhatikan code yang berwarna biru diatas tadi, misalnya lebar post body atau main wrapper blog anda 530px maka bagi antara kolom kiri dan kanan. Jangan lupa atur margin dan padding untuk jarak tepi antara kolom kiri dan kanan. Setelah langkah pertama selesai mari ke langkah selanjutnya, masih di area Edit HTML, lalu cari code dibawah ini

<div id='main-wrapper'>
 <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
 </div>

Jika ingin menambahkan dua kolom dibawah post body maka tambah code yang berwarna merah tepat dibawah code yang berwarna biru dan masih didalam code yang berwarna hijau diatas. Dan jika ingin menambah dua kolom diatasnya maka taruh code yang berwarna merah diatas code yang berwarna biru dan didalam code yang berwarna hijau

<div id='underpost'>
<b:section class='underleft' id='underleft'/>
<b:section class='underright' id='underright'/>
</div>

Sehingga kurang lebih codenya menjadi seperti

Dua kolom dibawah post body

<div id='main-wrapper'>
 <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
<div id='underpost'>
 <b:section class='underleft' id='underleft'/>
 <b:section class='underright' id='underright'/>
 </div>
</div>

Dua kolom diatas post body

<div id='main-wrapper'>
<div id='underpost'>
 <b:section class='underleft' id='underleft'/>
 <b:section class='underright' id='underright'/>
 </div>
 <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
 </div>

Nah jika semuanya sudah beres tinggal SAVE. 

Coba lihat di area page element muncul dua kolom dibawah/diatas post body. Kode-kodenya sesuiakan saja dengan template Anda, karena semua template codenya agak berbeda-beda. Nah jika kolom kiri dan kanan tidak bisa sejajar maka atur lebar (width) kolom kiri dan kanan, juga atur padding dan marginya.

Sekian dulu jika ada pertanyaan silahkan isi dikomentar saja. Komentar Anda Sangat Bermanfaat Bagi Perkembangan Blog InI dan  semoga bermanfaat bagi Anda semua.

Rabu, 07 Desember 2011

Kompres kode CSS untuk mempercepat loading blog

Siapa yang tidak mau blognya mempunyai loading yang cepat, hargi gini geto lho banyak persaingan antara 1 blogger dengan blogger lainnya yang rebutan traffic. Ya salah satunya meningkatkan kecepatan loading blog ,karena para pengunjung paling males jika menemui blog yang loadingnya minta ampun beratnya dan jangan berharap para pengunjung akan kembali lagi ke blog kamu. Walaupun posisi blog kamu pada hasil pencarian sering masuk 10 besar namun dengan melihat alamat blog kamu pengunjung tidak akan meng-klik di hasil pencarian untuk mengunjungi blog kamu.
Untuk mengatasi hal tersebut  kita mempunyai trik untuk masalah kecepatan loading blog yakni dengan meng-kompres kode CSS pada template blogspot. Mungkin sudah banyak tutorial tentang cara mengkompres kode CSS namun pada kesempatan ini kita akan berbagi trik yang berbeda tentang kompres-kompresan kode CSS, walaupun tidak jauh-jauh amat dari kebanyakan tutorial yg bertebaran.

Ada dua cara tentang meng-kompres kode css:
  • Kompres kode CSS pada umumnya.
  • Kompres kode CSS melalui trik blogtegal
Mari kita bahas satu-persatu.

1. KOMPRES KODE CSS PADA UMUMNYA

  • Untuk trik yang pertama ini adalah trik yang pada umumnya para blogger lakukan.
  • Pertama cek dulu kecepatan loading blog kamu untuk membandingkan.
  • Login ke dashbord blog kamu.
  • Pilih Rancangan  Edit HTML
  • Download template lengkap dulu barangkali terjadi kesalahan.
  • Kemudian blok dan POTONG semua kode CSS dari setelah kode <b:skin><![CDATA[ sampai pada kode sebelum ]]></b:skin> 
  • Kalau kurang jelas begini, potong kode mulai dari
.......<b:skin><![CDATA[ disini mulainya |........................................

.............................KODE-KODE CSS. . . . . . . ............................

.......................................................sampai disini | ]]></b:skin>.......
  • Buka situs CSS compressor disini
  • kemudian setting pengaturannya seperti berikut:
  • - Compression mode = pilih 'Normal'
    - Comment handling = pilih 'Don't strip any comments'
  • pastekan kode CSS yang telah di potong tadi pada kotak kosong.
  • kemudian klik Compress-It
  • kemudian copy hasil kompresan tadi dan tempatkan pada template kamu diantara kode
    <b:skin><![CDATA[ Pastekan disini kode CSS yang telah di kompres tadi ]]></b:skin>
  • terakhir klik SIMPAN
Sekarang bandingkan dengan loading blog kamu sebelum di kompres, awak yakin pasti lebih cepat, kalau lebih lambat loadingnya berarti emang koneksi internet kamu yang Kurang jelas...

2. KOMPRES KODE CSS MELALUI TRIK BLOGTEGAL

Untuk trik yang kedua ini tidak jauh berbeda dengan trik yang pertama hanya saja pada saat meng-kompres kode css pengaturannya di bedakan. Dan trik blogtegal ini agak ribet dan rumit, ini hanya di khususkan untuk kalangan blogger dengan tingkat level menengah keatas, namun jika para newbie yang mau pake trik juga boleh. Syarat utama untuk memakai trik yang kedua ini adalah pastikan kamu tidak akan merubah tampilan layout blog kamu baik dari CSS sendiri maupun dari kode HTML. Atau syarat lainnya adalah menyimpan template kamu yang terakhir jika sewaktu-waktu kamu ingin menambahkan menu atau merubah layout blog, setelah ditambah atau di perbaiki, ulangi pengompresan seperti trik yang kedua ini.  Bingung kan dengan trik yang kedua ini. Habis bingung menyusun kata-katanya dan emang sengaja di bikin bingung  Jika siap bingung lets do it.
Seperti cara diatas yakni memotong kode CSS diantara kode <b:skin><![CDATA[ dan kode ]]></b:skin> Dan pastikan kamu telah menandai kotak kecil pada  Expand Widget Template.
          - compression mode = pilih 'Super Compact'
          - comment handling = pilih 'Strip all any comments'
  • KEmudian tempatkan hasil kompresannya diantara kode <b:skin><![CDATA[ Pastekan disini kode CSS yang telah di kompres tadi ]]></b:skin>
  • Kemudian potong kembali pada kode diantara kode  <body> Bla. . . .bla. .  . .bla. .  . . Bla . </body>
  • Buka halaman berikut dan kompres kode tersebut Disini namanya HTML OPTIMIZER
  • Copy dan pastekan kode hasil kompresan tadi diantara kode <body> dan </body>
  • Terakhir klik SIMPAN
Sekarang bandingkan dengan loading blog sebelum di kompres dengan trik yang pertama dan dengan trik yang kedua, lebih cepat mana? Silahkan dan tentukan pilihan mana yang kamu suka. Selamat berexperimen.. Komentar Anda Sangat Bermanfaat Bagi Perkembangan Blog InI

Membagi Widget 2 Kolom Berdampingan dibawah Postingan

Mempercantik tampilan memang sangat dibutuhkan untuk menunjang kenyamanan Para pengunjung diantara Membagi Widget 2 Kolom Berdampingan dibawah Postingan supaya widget tidak bertumpukan dan membuat kenyamanan para pengunjung, Oke langsung saja Cara Membuat Widget 2 Kolom Berdampingan dibawah Postingan.

Langkah-langkahnya Sebagai Berikut :
1. Login Ke Blog Anda
2. Klik Rancangan
3. Klik Edit HTML, Jangan lupa Mencentang Expand Template Widget
4. Carilah Kode ]]></b:skin> Lalu letakkan kode dibawah ini tepat diatas Kode ]]></b:skin>

.bawahpost {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}
.bawahkiri {
float:left;
width:265px;
margin-right:15px;
}
.bawahkanan {
float:right;
width:265px;
}

5.  Lalu Cari Kode <data:post.body/> Lalu letakkan Kode dibawah ini tepat diatas <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='bawahpost'>
           <div class='bawahkiri'>
            Kode Iklan anda yang ingin ada di sebelah kiri disini
           </div>
          <div class='bawahkanan'>
          Kode Iklan anda yang ingin ada di sebelah kanan disini
           </div>
</div>
</b:if>

6. Lalu Save Template dan Lihat hasilnya

Komentar Anda Sangat Bermanfaat Bagi Perkembangan Blog InI

Cara Membuat atau Menambah 2 Kolom pada Sidebar Blog

Tips blog kali adalah bagaimana cara membuat 2 kolom pada sidebar blog. Langsung saja, cara membuat 2 kolom pada sidebar blog atau menambahkan 2 kolom baru pada sidebar blog (contoh disini saya mengambil template blog bumicaang ), yaitu:
  • Sign in ke Blogger - Rancangan - Edit HTML
  • Download Template Lengkap, untuk jaga-jaga bila terjadi kegagalan
  • Cari (gunakan tombol Ctrl+F pada keyboard) kode #sidebar
  • Berapa lebar kolom sidebar tersebut? disana saya dapati width: 350px; lalu sebagai acuan, 2 kolom baru pada sidebar harus lebih kecil atau samadengan lebar kolom sidebar ÷ 2, kemudian berikan perintah CSS dibawah #sidebar, seperti ini :
.sidebar1 {float: left; width: 170px; margin: 0; padding: 0;}
.sidebar2 {float: right; width: 170px; margin: 0; padding: 0;}
#sidebar-wrapper {float: left; width: 350px; margin: 0; padding: 0;}
  • Cari kode
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
----hingga----
</b:section>
</div>
  • Tambahkan kode berikut diatas </div>
<!-- tambah 2 buah sidebar -->
<b:section class='sidebar1' id='sidebar1' preferred='yes'/>
<b:section class='sidebar2' id='sidebar2' preferred='yes'/>
<!-- /tambah 2 buah sidebar -->
  • Simpan Template, lalu lihat di tab Elemen Laman
Sidebar sebelum ditambah kolom baru
Sidebar setelah ditambah 2 kolom baru
Komentar Anda Sangat Bermanfaat Bagi Perkembangan Blog InI

Cara membuat menu multi kolom pada blog

Kali ini kita akan membahas tentang membuat menu multi kolom, yang mana walaupun trik ini sudah lama dan sudah banyak bertebaran di maya internet, namun tak ada salahnya kalau kali ini akan menulisnya kembali. Mungkin saja para newbie belum ada yang tahu  dan kebetulan nemu di blog  ini. Menu Multi Kolom ini banyak fungsinya, yang mana fungsi utama di ciptakannya multi kolom ini yakni memampatkan widget-widget ke dalam 1 menu atau menggabungkan beberapa widget ke dalam 1 widget melalui menu multi kolom.

Biasanya menu ini di Ä›si dengan daftar link blog, recent comment, dll sesuai kehendak si pemilik dan pembuat blog. Dan yang pasti menu ini menhemat space (ruang) blog pada sidebar. Contoh tampilan dari Menu Multi Kolom atau Menu Multi Tab seperti gambar di bawah ini:


Gimana, apa kamu tertarik untuk membuatnya? Jika ya, mari kita lakukan experimen-nya.  Ikuti tutorialnya yah jangan saling mendahului, kalau mau mendahului lewat lajur kanan 
  1. Login ke dashboard blog kamu.
  2. Pilih Rancangan »» Edit HTML
  3. Download template lengkap dulu untuk berjaga-jaga kalau terjadi kesalahan.
  4. tandai pada  Expand widget template.
  5. kemudian tempatkan script berikut sebelum kode ]]></b:skin>
div.TabView div.Tabs { height:24px; overflow:hidden;}
div.TabView div.Tabs a { float:left; display:block; width:90px; text-align:center; height:24px; padding-top:3px; vertical-align:middle; border:1px solid #ddd; border-bottom-width:0; text-decoration:none; font-family:verdana,arial,sans-serif; font-weight:bold; color:#000;}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color:#fff;}
div.TabView div.Pages {clear:both; border:1px solid #ddd; overflow:hidden; background-color:#fff;}
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden;}
div.TabView div.Pages div.Page div.Pad {padding:3px 5px;}


    6.  Sesuaikan kode warnanya dg blog kamu, untuk melihat kode warna bisa di lihat  kode warna Di  diatas

    7.  Masukan script pemanggil berikut sebelum kode </head>


<script src='http://blogtegal.googlecode.com/files/tabview.js' type='text/javascript'/>

   8.  Terakhir klik SIMPAN


Kemudian langkah berikutnya yakni menambahkan widgetnya pada sidebar blog. Pada Rancangan element klik ''Tambah Gadget'' dan pilih widget ''HTML/Javascript'' dan masukan kode berikut kedalamnya:

<form action="tabview.html" method="get"> <div class="TabView" id="TabView"> <div class="Tabs" style="width:350px;"> <a>Sub judul 1 </a> <a>Sub judul 2 </a> <a>Sub judul 3 </a> </div> <div class="Pages" style="width:350px; height:260px;"> <div class="Page"> <div class="Pad"> Link 1 di menu 1 Link 2 di menu 1 Link 3 di menu 1 </div> </div> <div class="Page"> <div class="Pad"> Link 1 di menu 2 Link 2 di menu 2 Link 3 di menu 2 </div> </div> <div class="Page"> <div class="Pad"> Link 1 di menu 3 Link 2 di menu 3 Link 3 di menu 3 </div> </div> </div> </div> </form> <script type="text/javascript"> tabview_initialize ('TabView'); </script>

Terakhir klik SIMPAN.

Selamat berexperimen untuk membuat menu multi kolom atau menu multi tab, Komentar Anda Sangat Bermanfaat Bagi Perkembangan Blog InI

Minggu, 04 Desember 2011

10 Top Keyword (kata kunci) Populer Kategori Bisnis

Untuk semua pembaca blog bisnis online yang kebetulan mampir, ada sedikit informasikata kunci apa saja yg masuk di jajaran 10 besar top keyword search engine atau paling banyak dicari pada saat ini berkaitan dengan kategori bisnis tepatnya di domaingoogle.co.id. 


Perlu diketahui untuk keyword semacam ini menurut saya mahal, lah.. kenapa? jika situs/ blog kita menggunakan kata kunci tersebut lalu kemudian berada diposisi paling atas mesin pencari akan sangat sulit selain dikarenakan banyak persaingan dari para pakar pebisnis online lainnya, juga merupakan keywords dasar yang menjadi salah satu target khusus dari para penjual produk/ jasa untuk menarik banyak pengunjung guna mencari konsumen agar produk bisnis-nya laku keras.

Bagaimana kita mencari tahu bahwa keyword tersebut paling banyak dicari, caranya gampang sy kira juga rekan2 udh pada banyak mengetahui,. pertama langsung ke sitewww.google.co.id lalu di kotak pencarian, contoh : ketik "bisnis" kemudian akan muncul sendirinya dropdown yg menunjukkan list 10 besar deretan keyword yang akan dicari.

Berikut adalah daftar 10 Top Keyword (kata kunci) Populer Kategori Bisnis:

1. bisnis online
2. bisnis indonesia
3. bisnis internet
4. bisnis pulsa
5. bisnis sampingan
6. bisnis warnet
7. bisnis rumahan
8. bisnis plan
9. bisnis warlaba
10. bisnis makanan

Rasanya kata kunci di atas sangat cocok sekali buat anda yg ingin menjual produk/ jasa seperti misalnya produk informasi (ebook), karena dengan begitu dapat meminimalkan pengeluaran biaya berpromosi seperti pemasangan iklan, promosi berlebihan, blogwalking sana sini dan bahkan rada sedikit menyepam. :) ”dengan syarat harus muncul dihalaman terdepan di mesin pencari..!”

Bagi blogger kebetulan mengambil tema "Bisnis Online" seperti saya sangat berpengaruh sekali untuk mendatangkan traffic pengunjung organik secara gratis dari mbah google apabila dengan memakai keyword tersebut bisa menggapai posisi dihalaman pertama search engine.

Memang benar apa dikatakan para pakar SEO (search Engine Optimization) untuk menjadi rangking satu di google dengan kata kunci paling banyak dicari tidak segampang membalikkan telapak tangan. Saya akui posisi blog gratisan ini dengan keyword “bisnis online” tidak ada apa-apanya dibandingkan dengan situs-situs populer lainnya yg telah ada sebelumnya.

Lalu Bagaimana caranya supaya menjadi top position?? Jgn tanyakan kepada saya karena saya jg lagi mencari tau.. hehehe… :), daripada dikasih jawaban basi seperti aturan webmaster google yang mengatakan > perbanyak/ perkaya informasi buat pengguna bukan untuk search engine, tingkatkan kualitas konten, perbanyak backlink di situs2 yg berpageRank lebih tinggi, rajin update, dsb 

Buat sahabat blogger apakah sudah memikirkan penempatan keyword tepat, cocok dan sesuai dengan title/ tema blog anda. ??

Komentar Anda Sangat Bermanfaat Bagi Perkembangan Blog InI

Riset Keyword Dengan Google Keyword Tool

Apakah anda perlu melakukan Riset Keyword Dengan Google Keyword Tool ?
Sebelum membuat Blog, ada baiknya anda melakukan Riset Keyword terlebih dahulu, apa lagi jika Blog yang kita buat untuk bisnis Google Adsense. Melakukan Riset Keyword Dengan Google Keyword Tool dapat membuat Blog anda mendatangkan banyak visitor, semakin banyak visitor di suatu Blog akan membuat peluang besar untuk mendapatkan Dollar jika anda bermain Adsense.

Saat ini sangat banyak para Blogger menggunakan Riset Keyword untuk mencari kata kunci utama dan kata kunci turunan, pada dasarnya kata kunci utama di gunakan untuk nama Blog dan kata kunci turunan digunakan untuk artikel. Ketika anda melakukan Riset Keyword Dengan Google Keyword Tool, anda dapat mengetahui seberapa banyak pesaing kita dalam menggunakan Keyword tertentu.

Cara ini juga dapat anda gunakan untuk membuat postingan baru, namun jika Blog anda sudah punya visitor hingga ratusan/hari Riset Keyword bisa anda abaikan untuk sementara waktu, dan yang perlu di ingat ketika anda mengabaikan Riset Keyword adalah "SEO", dengan teknik SEO yang kuat akan membuat Blog anda berada di Page Rank 1 Search Engine.

Sangat banyak Riset Keyword Tool bertebaran di internet mulai dari yang berbayar (Premium) hingga yang gratisan (Free), tentunya Riset Keyword Tool yang Premium kualitasnya jauh lebih baik di bandingkan dengan yang free, numun jika anda tidak punya cukup uang untuk membeli Too-Tools tersebut saya sarankan anda menggunakan Google Keyword Tool.

Berikut cara-cara menggunakan Riset Keyword Dengan Google Keyword Tool.
Riset Keyword Dengan Google Keyword Tool
  • Setelah anda sudah berada di Google Keyword Tool, yang perlu anda perhatikan hilangkan Centang pada "Broad" lalu centang kolom "[Exact]", setelah itu masukkan Keyword Anda, ubah "Locations" dan "Languages" untuk menentukan lokasi Riset Keyword anda, disini anda juga dapat mengubah "Devices" untuk pencarian lebih mendalam. Setelah semuanya selesai klik "Search", bagi anda yang tidak Log in menggunakan account Gmail anda diminta untuk memasukkan beberapa kata ke dalam kolom untuk melanjutkan pencarian. Perhatikan gambar di bawah ini dan untuk labih jelas silahkan anda klik gambarnya.
Riset Keyword Dengan Google Keyword Tool
  • Scroll ke bawah dan lihat hasil Riset Keyword anda.

Semog Berguna Buat sobat.....

Membuat Spoiler | Cara Membuat Spoiler pada Blog | Fungsi spoiler pada blog

Spoiler sendiri fungsinya adalah untuk memperkecil postingan, kode script atau tulisan agar tidak makan tempat. Sebenarnya sobat juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar. Oke langsung Saja

"Letakan script dibawah ini pada postingan sobat"
KODE
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<img border="0"

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIgNYmm7gE_LmmVxYxgu9NF3LLTzrlZ7Aht5wRIWU34eixfxkSQiAVybFguXBSd24D5bKPosXh2sIAl-LZpiHuzso1gz60I0IW38nzlIQbZNE0-i3fwy2vobuiNQwhKDeQOkAevbyVPnea/s1600/category_icon_holidays.png" /><span

style="font-size: x-small;"><b>KODE</b></span><input onclick="if

(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {

this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText =

''; this.value = 'Close'; } else {

this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';

this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button"

value="Open" />
</div>
<div class="alt2" style="border: 7px groove #0000FF; margin: 0px; padding: 6px;">
<br />
<div style="display: none;">

Letakkan kode script, HTML dan teks anda disini


</div>
</div>
</div>


Keterangan :

1. Untuk tulisan Open dan Close bisa sobat ganti sesuai keinginan.
2. Width : 55px untuk lebar spoiler.
3. Font-size: 11px untuk besar tulisan pada kotak spoiler.
4. Tulisan KODE adalah judul, silahkan ganti sesuai keinginan sobat.

Contoh:
KODE

Selamat mencoba.. Semoga berhasilKomentar Anda Sangat Bermanfaat Bagi Perkembangan Blog InI

Cara Menampilkan Tombol Share dari Fitur Blogger Blogspot.

Beberapa waktu yang lalu Blogger sempat meluncurkan fitur baru berupa tombol share yang tidak lain kegunaannya yaitu untuk mempermudahkan bagi kita maupun pengunjung blog kita untuk sharing/membagi tulisan yang berada di suatu blog. Dengan adanya tombol ini, maka tak perlu lagi repot-repot kopi-paste konten tulisan yang ada,
Bagi teman-teman blogger yang memang aktif ngeblog dan selalu menantii nanti pengunjung aktif, maka fitur ini juga lumayan membantu lho. Oke dah kalau begitu, biar gak kelamaan, cara untuk menampilkan tombol share tersebut adalah sebagai berikut:

1. Login ke Blogger
2. Kliklah menu Rancangan
3. Ketika berada di halaman Rancangan, alihkan perhatian anda ke wall post/posting blog, lalu kliklah Edit


4. Sudah itu pasti akan muncul halaman pop up, maka yang harus anda lakukan adalah mencentang kotak share button yang tujuannya agar bisa muncul di blog kita nantinya

5. Lalu bagi teman-teman yang ingin mengatur tata letak tombol share, maka bisa menyeretnya/men-drag-nya ke bagian mana saja yang teman-teman inginkan (caranya: klik tombol share dan Tahan!!! => danlepaskan di tempat yang ingin anda letakkan)



6. Sudah itu kliklah tombol Simpan.

Nah, sekarang teman-teman sudah bisa menengok tombol tadi di blog masing2. Bagaimana, gampang dan menarik bukan? Hah...tombolnya nggak muncul? Wah, berarti ada masalah nih, tapi tenang...kita selesaikan aja masalahnya bareng2. Langkah-langkahnya adalah sebagai berikut:

Perhatian: Oh ya, sebelumnya teman-teman ingin menyimpan tombolnya di bagian atas atau bawah post? (kalau ini terserah teman2) Tapi ingat ya, sesuaikan dengan tata letak yang telah teman-teman atur pada wall post tadi (lihat poin.5 di atas)

A. Meletakkan tombol di bagian atas post
  1. Silahkan klik menu Rancangan
  2. Klik Edit HTML
  3. Centanglah kotal Expand Template Widget
  4. Lalu Silahkan cari kode <div class='post-header-line-1'/> dan kalau tidak ketemu silahkan cari kode <data:post.body/>
  5. Selanjutnya letakkan kode berikut di atas salah satu kode yang telah anda temukan pada langkah 4
KODE
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.blogThisMsg + &quot;\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.shareToFacebookMsg + &quot;\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.shareToBuzzMsg + &quot;\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>

6. Jika sudah, silahkan untuk mengklik tombol Simpan Template. Selesai...

B. Meletakkan tombol di bagian bawah post

Kalau yang ini bagi yang mau meletakkan tombol share di bagian bawah postingan. Langkah-langkahnya sama persis seperti di atas, hanya saja kalau di atas kan kodenya (kode yang panjang tuh lho) harus di letakkan pada bagian atas kode <data:post.body/> nah...kalau yang ini di bagian bawahnya, jadi kebalikannya aja brooo..., selesai!!!

Semoga bermanfaat. Dan Komentar Anda Sangat Bermanfaat Bagi Perkembangan Blog InI