Menampilkan Breadcrumb pada hasil pencarian Google Wordpress

Menampilkan Breadcrumb pada hasil pencarian Google Wordpress, judul yang sangat panjang,namun kontentnya sangat sedikit, langsung saja kemarin Disc Snutz juga tulis berkaitan dengan Cara Membuat Breadcrumb di Wordpres manual tanpa plugin,namun hal tersebut terlihat sulit bagi yang baru mengenal wordpress, nah kali ini mungkin akan lebih mudah, dan disamping itu Breadcrumb ini akan tampil pada search result atau hasil pencarian google.Seperti yang terlihat pada gambar dibawah ini,maaf ini cuma contoh.

Nah,pada gambar diatas ditunjukkan adanya breadcrumbs yang terindex google, lalu bisakah blog wordpress mempunyai breadcrumb pada hasil pencarian google juga? tentu bisa, dengan bantuan plugin akan lebih mudah lagi,dan disini saya pilih plugin RDFa Breadcrumb, langsung saja berikut langkah2nya Menampilkan Breadcrumb pada hasil pencarian Google Wordpress dengan plugin.

1. Install plugin RDFa Breadcrumb atau klik disini
2. Silahkan masuk ke appearance >> editor >> single php.
3. Cari kode Cari kode yang biasa digunakan untuk menampilkan judul postingan. kode yang biasa dibuat judul postingan biasanya seperti ini <h2><?php the_title(); ?></h2> kalau tidak ketemu,ganti h2 dengan h1 karena tag heading untuk judul blog wordpress berbeda-beda juga, kalau sudah ketemu letakkan kode berikut tepat diatas kode <h2><?php the_title(); ?></h2>
   

   <?php if(function_exists(‘rdfa_breadcrumb’)){ rdfa_breadcrumb(); } ?>

4. Lal;u simpan atau update file.
   sekarang cek di salah satu postingan kamu,akan ada breadcrumb yang berada diatas judul posting. 
5. Cek salah satu Urlmu di google rich snippets testing tool.
6. Selesei.

Demikian cara Menampilkan Breadcrumb pada hasil pencarian Google Wordpress semoga bermanfaat.

Read more »

Posted in: tips blog,Wordpress

Cara mudah membuat widget histats blog

Ya pasang histat juga ni di web baruku ini...bagi yang belum pasang widget histats pada blog atau web kamu silahkan aja pasang juga! disamping memantau trafik blog kita juga akan menambah keindahan blog kamu pastinya.

• Masuk ke alamat http://www.histats.com/ dan login dengan e-mail dan password yang kita daftarkan sebelumnya
• Klik Add Website
• Isi form- form yang tersedia
  site url : isi dengan url blog / website sobat.. dengan format www.namablog.blogspot.com [misalnya www.didikandweta.blogspot.com atau www.didikweta.com (website)]
  title : isi dengan judul blog
  description : deskripsi blog
  Page views start value: jumlah page views awal
  visitor start value: jumlah visitor awal
  time zone : aturlah format wakunya
  type : tipe blog / websote
  category: termasuk jenis apa/ kategori apa blog/ wesbsite sobat
  caphtcha isi kode capchta yang muncul
• Klik Continoue
• klik icon seperti gambar di bawah ini:
  
  
• klik Counter code
  
  
• klik Add new counter
  
  
• Selanjutnya;
  1. pilih kategori style widget histats yang tersedia
  2. pilih dan klik salah satu style/ model widget histats yang teman- teman minati
  3. Pilih dan atur informasi yang tampil
  4. klik simpan
  

  

  klik gambar untuk melihat ukuran sebenarnya

• klik id counter yang telah kita buat tadi maka otomatis di bawahnya akan muncul kode script pemasangannya [Copy kode-kodenya]
  
  
• Login ke blogger - pada halaman dashboard klik Tata Letak
• klik Add Gadget - HTML/Javascript
• Paste kode tadi
• Simpan dan lihat hasilnya

Selamat mencoba dan sampai jupa di postingan berikutnya.

NB; jika histats tidak muncul sesuai settingan anda maka coba anda centang dulu kotak kecil di atas kode tersebut.

Read more »

Posted in: tips blog

Mengubah warna iklan kumpulblogger

Aduuh bingung juga ya ama iklan kumpulblogger,tidak dapat disesuaikan dengan template blog kita,lihatlah template blogku ini yang serba gelap,sedangkan script dari iklan kumpul blogger hanya menampilkan putih saja dan gak ada menu untuk mengubahnya sesuai dengan template kita,tapi jangan takut deh...mungkin dengan tutorial yang satu ini kalian bisa tersenyum kembali,cos tampilan iklan kumpul blogger akan bisa kamu sesuaikan dengan template blog kamu.ni jalan alternatif juga agar blog kamu tetep terlihat bagus,ha ha ha.....
Caranya mudah kok,lihat langkah2 dibawah ini:

• Login Ke blogger
• Masuk ke Dasbor,
• klik Tata Letak.
• klik Edit HTML.
• Pilih atau beri tanda cek pada "Expand Template Widget" download dulu template kamu untuk keamanan.
• Cari kode <b:skin><![CDATA[
• Kalo sudah ketemu letakkan kode dibawah ini tepat setelah kode <b:skin><![CDATA[
  

  ---

  .garping,.garpinghor {
  border: none !important;
  }
  .garping table,.garpinghor table {
  border:#FFFFFF solid 1px !important;
  background-color:#FFFFFF !important;
  }
  .garping td,.garpinghor td{
  color:#000000 !important;
  background-color:#FFFFFF !important;
  font-family:arial !important;
  font-weight: !important;
  font-style: !important;
  }
  .garping a,.garpinghor a{
  color:#000080 !important;
  font-family:arial !important;
  font-weight: !important;
  font-style: !important;
  }
  .garping a:hover,.garpinghor a:hover{
  color:#FF0000 !important;
  }

  ---

• Sehingga akan menjadi seperti dibawah ini:
  

  ---

  <b:skin><![CDATA[.garping,.garpinghor {
  border: none !important;
  }
  .garping table,.garpinghor table {
  border:#FFFFFF solid 1px !important;
  background-color:#FFFFFF !important;
  }
  .garping td,.garpinghor td{
  color:#000000 !important;
  background-color:#FFFFFF !important;
  font-family:arial !important;
  font-weight: !important;
  font-style: !important;
  }
  .garping a,.garpinghor a{
  color:#000080 !important;
  font-family:arial !important;
  font-weight: !important;
  font-style: !important;
  }
  .garping a:hover,.garpinghor a:hover{
  color:#FF0000 !important;
  }

  ---

• Simpan template.
• Untuk meletakkan iklanya terserah kamu, bisa di sidebar seperti saya misalnya,tapi kamu letakkan script seperti berikut dibawah ini:
  

  ---

  <div style="overflow:hidden;width:430px;height:250px;padding:10px"> kode iklan kumpul blogger di sini </div>

  ---

• Dan untuk ukuran kamu bisa ganti yang berwarna merah itu sesuai ukuran yang kamu kehendaki.ok,semoga bermanfaat!

Read more »

Posted in: tips blog

Membuat menu tab view pada blogger

Dari anda melihat gambar disamping ini saja,anda pasti sudah mengerti apa yang saya maksud dari multi halaman/multi tab tersebut.
Yup! Membuat Widget sederhana yang bertujuan untuk menghemat tempat,sekaligus menambah kerapian dari blog/web tersebut.
Selain itu,pengunjung tidak merasa lelah menaikan maupun menurunkan scrollbar hanya untuk sekedar menari status dari blog tersebut.

Nah! kesempatan kali ini,akan membahas tentang widget multi tab tersebut.
Sebenarnya artikel ini sudah di publikasikan oleh Mas Herman di artikelnya ’Menambahkan Widget Tab View Pada Blog’.

ok. saya akan menjabarkannya lagi.




Sebenarnya sangat sederhana dalam membuat widget bertab-tab ini,untuk yang belum tahu cara membuatnya,anda bisa ikuti langkah2 berikut:

1. Login ke blog dengan ID anda
2. Pilih menu Rancangan » masuk ke Edit HTML
3. Cari kode ini ]]></b:skin>
4. Copy lalu paste kode berikut ini diatas kode ]]></b:skin>
   
   div.TabView div.Tabs
   {
   height: 24px;
   overflow: hidden;
   }
   
   div.TabView div.Tabs a
   {
   float: left;
   display: block;
   width: 90px; /* Lebar Menu Utama Atas */
   text-align: center;
   height: 24px; /* Tinggi Menu Utama Atas */
   padding-top: 3px;
   vertical-align: middle;
   border: 1px solid #000000; /* Warna border Menu Atas*/
   border-bottom-width: 0;
   text-decoration: none;
   font-family: "Arial", Times New Roman, Serif; /* Font Menu Utama Atas */
   font-weight: 900;
   color: #000080; /* Warna Font Menu Utama Atas */
   }
   
   div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
   {
   background-color: #BDBDBD; /* Warna background Menu Utama Atas */
   }
   
   div.TabView div.Pages
   {
   clear: both;
   background-color: #FFFFFF; /* Warna background Kotak Utama */
   border: 1px solid #000000; /* Warna border Kotak Utama */
   overflow: hidden;
   }
   
   div.TabView div.Pages div.Page
   {
   height: 100%;
   padding: 0px;
   overflow: hidden;
   }
   
   div.TabView div.Pages div.Page div.Pad
   {
   padding: 3px 5px;
   }
5. Kemudian pasang kode berikut diatas kode </head>
   
   <script type='text/javascript'>
   function tabview_aux(TabViewId, id)
   {
   var TabView = document.getElementById(TabViewId);
   
   // ----- Tabs -----
   
   var Tabs = TabView.firstChild;
   while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
   
   var Tab = Tabs.firstChild;
   var i = 0;
   
   do
   {
   if (Tab.tagName == "A")
   {
   i++;
   Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
   Tab.className = (i == id) ? "Active" : "";
   Tab.blur();
   }
   }
   while (Tab = Tab.nextSibling);
   
   // ----- Pages -----
   
   var Pages = TabView.firstChild;
   while (Pages.className != 'Pages') Pages = Pages.nextSibling;
   
   var Page = Pages.firstChild;
   var i = 0;
   
   do
   {
   if (Page.className == 'Page')
   {
   i++;
   if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
   Page.style.overflow = "auto";
   Page.style.display = (i == id) ? 'block' : 'none';
   }
   }
   while (Page = Page.nextSibling);
   }
   
   // ----- Functions -------------------------------------------------------------
   
   function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
   
   function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
   </script>
6. Kemudian klik Save Template
7. Masuk ke menu Page Elements
8. Pilih Add a Gadget » Pilih menu HTML/Javascript, Copy lalu paste kode berikut di dalamnya.
   
   <form action="tabview.html" method="get">
   <div class="TabView" id="TabView">
   <div class="Tabs" style="width: 350px;">
   <a>Tab 1</a>
   <a>Tab 2</a>
   <a>Tab 3</a>
   </div>
   <div class="Pages" style="width: 350px; height: 250px;">
   
   <div class="Page">
   <div class="Pad">
   Tab 1.1 <br />
   Tab 1.2 <br />
   Tab 1.3 <br />
   </div>
   </div>
   
   <div class="Page">
   <div class="Pad">
   Tab 2.1 <br />
   Tab 2.2 <br />
   Tab 2.3 <br />
   </div>
   </div>
   
   <div class="Page">
   <div class="Pad">
   Tab 3.1 <br />
   Tab 3.2 <br />
   Tab 3.3 <br />
   </div>
   </div>
   
   </div>
   </div>
   </form>
   
   <script type="text/javascript">
   tabview_initialize('TabView');
   </script>
9. Lalu klik Save dan tempatkan widget tab view agar sesuai dengan template anda.
10. Selesai

Sebagai catatan:

• Angka yang berwarna merah adalah ukuran lebar dan tinggi widget tab view.
• Kode yang berwarn KUNING adalah teks pada menu utama di bagian atas.
• Kode yang berwarna biru adalah teks yang berada di halaman tab view yang bisa kamu isi dengan link apa saja, gambar, banner dan script lainnya.

Read more »

Posted in: tips blog

Membuat Header Menjadi Dua Bagian

Tips kali ini yaitu cara Membuat Header Menjadi Dua Bagian, Header blog sangat penting agar blog terlihat bagus maka headerpun diperlukan,jika blog tanpa header layaknya manusia tanpa kepala. he he..







Disamping untuk mempercantik blog, header biasanya berisi tentang judul blog serta deskripsi blog, dan bahkan header bisa berfungsi untuk menempatkan iklan juga.

Nah,Disc Snutz kali ini akan memberikan tips tentang cara membagi header menjadi dua bagian.Ikuti langkah-langkah dibawah ini:

1. Seperti biasa dalam keadaan log in pada account sobat
2. Klik rancangan
3. Klik Edit HTML
4. Bisa Download Template Lengkap jika khawatir gagal
5. Sekarang cari kode CSS seperti yang mirip beikut:

   ---

   /* Header
   ----------------------------------------------- */
   #header-wrapper {
   width:930px;
   margin:0 auto 10px;
   border:1px solid $bordercolor;
   }
   #header-inner {
   background-position: center;
   margin-left: auto;
   margin-right: auto;
   }
   #header {
   margin: 5px;
   border: 1px solid $bordercolor;
   text-align: center;
   color:$pagetitlecolor;
   }

   ---

6. Ganti kode diatas dengan kode dibawah ini:

   ---

   /* Header
   ----------------------------------------------- */
   #header-wrapper {
   width:930px;
   margin:0 auto 0px;
   background:#ffff;
   height:180px;
   }
   #header-one {
   width:50%;
   background-position: left;
   margin-left: auto;
   margin-right: auto;
   float:left;
   }
   #header {
   margin: 0px;
   text-align: left;
   color:$pagetitlecolor;
   }
   #header_two{
   width:50%;
   float:left;
   padding-top:10px;
   }

   ---

   Perhatikan kode yang berwarna merah pada bagian awal, sesuaikan lebar atau angka width dengan lebar header template sobat.
7. Sekarang cari kode seperti berikut:

   ---

   <div id='header-wrapper'>
   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
   <b:widget id='Header1' locked='true' title='Tempat Eksperimen Kecil (Header)' type='Header'/>
   </b:section>
   </div>

   ---

8. Setelah menemukan kode diatas, sisipkan kode warna merah berikut dengan penempatan yang menyarupai contoh dibawah ini:

   ---

   <div id='header-wrapper'>
   <div id='header-one'>
   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
   <b:widget id='Header1' locked='true' title='Tempat Eksperimen Kecil (Header)' type='Header'/>
   </b:section>
   </div>
   <div id='header_two'>
   <b:section class='header' id='header2' preferred='yes'/>
   </div>
   </div>

   ---

9. Klik Simpan Template
10. Selesai

Untuk melihat hasil, klik elemen halaman, jika tampilan header sobat-sobat sekalian serupa screenshoot diatas, berarti kamu berhasil. Silahkan isi kolom baru dengan ragam widget atau ads.

Demikian sedikit tips tentang cara membuat header menjadi dua bagian.semoga berguna.

Read more »

Posted in: Desain template,tips blog

Pasang iklan dari AdsenseCamp

Anda tentunya tidak asing lagi dengan AdsenseCamp, suatu program PPC lokal yang ramai digunakan oleh para Blogger. Program PPC lokal ini terbukti membayar, saya telah mendapatkan Bayaran Pertama Adsensecamp dan cara memasang iklan AdsenseCamp, maka saya buatkan artikel ini, dan siapa tau kawan blogger juga masih ada yang bingung cara memasang iklan AdsenseCamp. Berikut adalah Tutorial Memasang Iklan AdsenseCampTentunya Anda sudah mempunyai akun di AdsenseCamp. Jika belum Anda bisa mendaftar dengan klik banner banner di bawah ini :



Sign in dengan username dan password Anda.Untuk mendapatkan iklan, Anda perlu mendaftarkan blog Anda dengan menambah Channel. Caranya, pilih tabs menu Publisher, lalu pilih subs menu Manage Channel.Di bagian bawah, buat channel baru dengan klik tulisan ‘Klik di sini untuk menambah channelMaka akan muncul gambar seperti :


Isi form tersebut sesuai dengan blog Anda, meliputi :
- Title Website : Judul umum website Anda
- Deskripsi Singkat Website : Deskripsi singkat website Anda
- URL website : alamat website Anda, dimulai dari http://
- Kategori : isi kategori blog Anda yang paling cocok
- Kategori Iklan : Contreng kategori yang cocok, sangat berguna untuk kualitas iklan agar sesuai dengan niche blog Anda
- Tampilkan iklan image atau tidak : jika ingin menampilkan gambar, contreng ‘Tampil’

Lalu klik tombol Save. Maka dengan ini Anda sudah membuat channel untuk iklan blog Anda.

Langkah selanjutnya adalah memilih template dan warna iklan Anda. Masuk ke tabs menu Publisher, lalu pilih sub menu Pasang Script Iklan.

Maka akan muncul gambar seperti berikut :

Keterangan :
- Pilih Ukuran : pilih ukuran yang sesuai dengan theme blog Anda.
- Pilih Channel : Nah ini yang paling penting, channel harus dihubungkan ke blog Anda yang sudah Anda buat tadi.
- Pilih Warna : Pilih warna iklan Anda yang sesuai dengan theme Anda. Yang penting jelas terlihat. Untuk lebih jelasnya lihat saja contoh tampilan di bawahnya.
- Preview Channel Iklan : contreng untuk mengaktifkan pilihan ‘Tampilkan iklan Image atau Tidak’ saat membuat channel tadi.

Lalu klik tombol Pilih Tampilan Iklan ini

Copy script yang disediakan oleh Adsensecamp

Paste script di blog Anda. Kalau di blogspot, .

Save dan lihat hasilnya.

BACA JUGA!
- Membuat garis dengan kode html
- Menghilangkan judul pada header blog
- Membuat kotak scrollbar blog
- Memasang read more pada blogger baru

Read more »

Posted in: Bisnis,tips blog

Daftar Blog dofollow Terbaru 2012

Daftar Blog dofollow Terbaru 2012

Daftar Blog dofollow Terbaru 2012, baru lihat-lihat blog teman, tepatnya punya mas agung talaga (agungtalaga.blogspot.com), tertarik juga melihat postinganya yang berjudul daftar blog dofollow terbaru, dulu pernah juga saya tulis hal semacam itu yakni daftar blog dofollow 2012, namun blog dofollow tidak selamanya dofollow,begitupun juga blog nofollow.


Disebut blog dofollow karena blog tersebut memberi link pada komentarnya dengan dofollow,jadi jika kamu berkomentar di blog dofollow kamu akan dapat backlink juga dari blog tersebut. tertarik? nah,infonetmu kali ini akan memberi informasi tentang beberapa daftar blog dofollow terbaru di tahun 2012 ini silahkan kunjungi ke TKP dan cek link2 pada komentarnya, apakah benar2 dofollow atau gak, karena pengalaman saya ada dari daftar yang mengaku dofollow ternyata blog tersebut nofollow  :(

Berikut daftar blog dofollow yang perlu kamu lihat!

Nomor	Alamat Blog	Google Page Rank
1	http://subagya.blogspot.com/	5
2	http://jovieblog.blogspot.com/	4
3	http://eosmate.blogspot.com/	4
4	http://semuadablog.blogspot.com/	3
5	http://dhuwuh.blogspot.com/	3
6	http://cendrawasih11.blogspot.com/	3
7	http://www.elmoudy.com/	3
9	http://apocalytyo.blogspot.com/	3
10	http://tipis.web.id/	3
11	http://yanuar.kutakutik.or.id/	3
12	http://jimmykurniaindradjaya.com/	3
13	http://www.blogguebo.com/	3
14	http://e-je.blogspot.com/	3
15	http://www.rayhanzhampiet.com/	3
16	http://www.rizdancreative.net/	3
17	http://amin-raha.blogspot.com/	2
19	http://awanclickerz.blogspot.com/	2
20	http://www.kangmusa.com/	2
21	http://devit1104.blogspot.com/	2
25	http://kolomkesehatan.blogspot.com/	2
26	http://komunitaskami.com/	2
27	http://www.seby-antoe.com/	2
28	http://mankita.blogspot.com/	2
29	http://madhek.blogspot.com/	2
32	http://id.latuminggi.com/	1
34	http://jemput-rizki.blogspot.com/	1
35	http://ravatar.blogspot.com/	1
36	http://www.iklangratis.inabuy.com/	2
37	http://pasangiklanbaris.om-onny.com/	3
38	http://mediaqta.blogspot.com/	2
39	http://agungtalaga.blogspot.com/	2
40	http://abelavriyanno.blogspot.com/	1
41	http://www.gubukberita.com/	0
42	http://ilmu-duniadanakhirat.blogspot.com/	0
43	http://ahyari.com/	3
44	http://go-program.blogspot.com/	1

Nah, silahkan berkomentar di blog tersebut, namun yang sopan dan tepat artikel yah..kalo gak pasti tidak akan di aprove,karena sebagian besar blog dofollow memberi moderasi pada komentarnya.

Demikian daftar blog dofollow terbaru 2012, semoga bermanfaat.

Update: ada beberapa dari blog diatas sudah saya hapus dari daftar blog dofollow, karena sudah tidak dofollow lagi,atau mengaku dofollow dengan tujuan tertentu, buat sobat yang blognya dofollow silahkan komentar dibawah,saya akan cek,dan jika benar dofollow saya akan masukkan ke tabel diatas. dan saya akan konfirmasi pada pemilik blog dofollow tersebut karena sudah tergabung di list diatas.

Peringatan:

Saya akan menghapus komentar yang mengaku blog dofollow tapi ternyata nofollow dan laporkan ke saya jika ternyata salah satu blog diatas berubah jadi nofollow

Read more »

Posted in: tips blog,Tips SEO

Cara Menghitung Jumlah Kata Postingan Blog

Cara Menghitung Jumlah Kata Postingan Blog, Blogger pasti tidak asing dengan permainan kata untuk menulis,saya katakan permainan karena sebenarnya artikel atau postingan blog adalah karya juga tempat bermain kata atau kalimat, he he.. lucu juga yah.. apalagi seperti saya, sangat bawel sebenarnya, jadi karena saya bawel setidaknya dengan ngeblog bisa terkurangi karena hanya berbentuk text seperti ini yang anda lihat.

Malah gladur.. kembali ke pokok masalah, yaitu Cara Menghitung Jumlah Kata Postingan Blog, pernahkah kamu memikirkan berapa kata atau karakter yang telah kamu ketik setelah publish postingan blog kamu? eits.. jangan dihitung satu2 pasti capek nantinya. infonetmu kali ini juga cuma update ringan,yaitu cuma memberi beberapa tool online untuk menghitung seberapa banyak kata yang kamu tulis. berikut dua tool yang bisa kamu pakai untuk mengetahui jumlah kata postinganmu.

1. http://www.wordcounttool.com/
2. http://centricle.com/tools/word+character-counter/

Nah,kamu bisa memakai kedua tool diatas untuk menghitung jumlah kata postingan blog kamu atau yang lainya. apalagi sekarang lagi musim kontes SEO yang menyaratkan minimal kata atau maksimal kata yang harus ditulis seperti artikel tentang "laku.com belanja online grosir eceran murah dan aman" ternyata jumlahnya 410 kata, he he.. lebih baik pakai tool diatas tinggal copy dan paste lalu submit,daripada menghitung satu2, capek deh...

Demikian artikel tentang Cara Menghitung Jumlah Kata Postingan Blog yang bisa saya publikasikan malam ini, semoga bermanfaat! amiin ya Alloh Robbal Alamiin.

Read more »

Posted in: tips blog

Cara Ping Blog Serta Manfaatnya

Cara Ping Blog Serta Manfaatnya, Buat para Blogger pasti tidak asing dengan namanya Ping Blog atau cara Melakukan Ping agar Tentunya Artikel Kita lebih cepat terindex Google, Adakah kaitanya Dengan SEO, Infonetmu sendiri percaya bahwa ping memang diperlukan untuk membantu search engin melihat lebih kata kunci pada blog kita.

Banyak tool online yang menyediakan layanan ping,baik manual maupun otomatis, adapun Manfaat dari adalah untuk menyampaikan informasi dari suatu blog ke search engine agar cepat terindex.Namun di Era secanggih ini, era dimana google pinguin sangat pandai mengindex,memilah dan memilih mana yang lebih cocok diletakkan di SERP apakah ping masih berguna atau bermanfaat? saya sendiri percaya bahwa ping masing bermanfaat kok. :)

Lalu bagaimana cara ping blog?  caranya mudah,kamu tinggal memasukkan URL blog kamu dan submit aja, berikut beberapa tool online yang bagus menurut saya untuk ping blog kamu.

1. http://www.pingomatic.com/
2. http://googleping.com/
3. http://www.auto-ping.com/
4. Ping.in
5. Pingoat.com
6. www.totalping.com
7. http://pingler.com/
8. http://autopinger.com/
9. http://pingmyblog.com/

Nah, daftar website diatas adalah beberapa situs ping yang bermanfaat untuk meningkatkan performa blogmu, demikian informasi Cara Ping Blog Serta Manfaatnya, semoga berguna!

Read more »

Posted in: SEO Review,tips blog

Cara tepat membuat komentar facebook di blog

Cara tepat membuat komentar facebook di blog, Ternyata setelah saya amati banyak yang kesulitan tentang bagaimana cara membuat komentar facebook di blog, nah infonetmu akan share demi teman2 yang bertanya2 dan kesalahan apa yang menyebabkan komentar fb pada blog kamu tidak tampil maupun bagaimana Cara tepat membuat komentar facebook di blog maka saya akan share walau agak panjang dikit yah.

Sebelumnya saya tulis juga tentang cara membuat komentar facebook di blog, baca disini dulu jika kamu belum membacanya, nah ada yang bilang bahwa cara yang saya tulis itu ribet, dan kuno yah? maaf deh.. sebelum komentar pelajari dulu yah...lalu bagaimana cara yang baru?  katanya cara yang baru adalah cukup memasang satu script di tempat yang kamu inginkan. kode script komentar facebook yang baru adalah dibawah ini!

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' num_posts='1' width='600'/></div>
</b:if>

Kamu tinggal meletakkan dibawak kode <data:post.body/> template kamu jika ingin memasangnya tampil dibawah postinganmu, berhasil gak? berhasil juga kok. dan sangat mudah juga. ituh yah yang gak kuno? gak ribet kayak dulu yah.. he he.. facebook membuat simple plugin komentarnya agar untuk mempermudah kita memasang komentar facebook di blog kita.

Nah, sekarang ada pertanyaan. bagaimana sih cara melihat atau mengetahui ada komentar facebook baru pada postinganmu, bisa gak kamu mengetahuinya? apa kamu akan membuka satu2 postinganmu yang terdahulu hanya untuk mencari tahu ada komentar baru atau gak pada postinganmu? jika kamu menggunakan script diatas maka kamu pemilik blogpun yang seharusnya jadi admin tidak bisa mengetahui komentar facebook yang masuk pada blogmu.

Lalu bagaimana sih Cara tepat membuat komentar facebook di blog? he he.. saya menggunakan versi yang kuno kok, tapi lihat gambar dibawah ini!

Klik pada gambar untuk memperbesarnya, pada gambar diatas saya dapat pemberitahuan baru pada akun fb saya setiap ada komentar baru juga yang masuk pada blog infonetmu ini, enak kan? eh masih ada lagi nih, lihat gambar dibawah ini!

Pada gambar2 diatas saya bisa juga mengatur komentar facebook kamu, menghapus atau memoderasi,menampilkan berapa yang ingin saya tampilkan bahkan menghapus komentar fb kamu juga.


Misal jika ingin mengetahui komentar2 yang baru di postingan mana saja kamu tinggal klik setting>>moderate application comment>>lalu akan tampil seperti gambar dibawah ini

Klik pandangan moderator lalu akan tampil gambar seperti dibawah ini!

Klik kunjugi situs web maka kamu akan mengarah di alamat url atau postinganmu yang diberi komentar,dari situ kamu bisa membalas komentar facebook kamu juga. sekarang tinggal kamu pilih cara mudah seperti dengan kode diatas atau dengan cara kuno yang saya pakai? canggih kok kuno.. he he..untuk cara yang saya pakai klik tautan dibawah ini:
Cara Membuat Komentar Facebook di Blog
Menurutmu yang mana Cara tepat membuat komentar facebook di blog, semua terserah kamu, semuanya tepat juga kok. oke silahkan pasang pada blogmu,jika ada masalah komentar dibawah saya siap membantu.

Read more »

Posted in: tips blog

Cara Menghilangkan Navbar Blogger

Cara Menghilangkan Navbar Blogger, Nah tutorial kali ini mungkin sudah banyak di share di blog lain, tapi infonetmu mengulangnya lagi sebagai dokumentasi juga pada blog ini, yaitu Cara Menghilangkan Navbar Blogger, sebelumnya tahu gak navbar blog? yah, yang diatas blogmu itu loh.. untuk lebih jelasnya, navbar blogger adalah suatu frame yang berukuran kecil miliknya blogger yang terdapat di bagian atas blog,lihat gambar dibawah ini saja.

Cara Menghilangkan Navbar Blogger

Langsung faham kan? menghilangkan navbar blogger sangat mudah,namun ternyata hal ini melanggar TOS dari blogger,sekarang tinggal kamu, tetap membiarkanya? atau membuat navbar auto hidden? atau mengahapusnya saja? kalo blog ini saya hapus aja. caranya sebagai berikut:

1. Login ke blogger kamu
2. silahkan menuju ke edit template kamu
3. jangan lupa selalu back up template kamu yah dengan download template kamu dulu, agar jika terjadi kesalahan dapt dipulihkan.
4. Beri centang pada pojok kiri atas pada template kamu.
5. Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS blogmu. dengan menaruh kode berikut diatas kode ]]></b:skin>
   

   #navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
   }

6. Atau bisa juga menaruh kode berikut persis di bawah kode <body>
   

   <style type='text/css'>
   #navbar-iframe {display:none;}
   </style>

7. Simpan template kamu

Nah, mudah kan Cara Menghilangkan Navbar Blogger,  selamat mencoba, dan jangan lupa beri komentarnya dibawah.

Read more »

Posted in: tips blog

Membuat link warna warni di blog

Membuat link warna warni di blog, ini sebenarnya sudah pernah saya tulis di infonetmu dulu di cara membuat efek pelangi pada link blog,,tapi saya share lagi yah dengan keyword yang baru yaitu Membuat link warna warni di blog, agar link blog kamu berkedip atau berwarna-warni waktu mouse atau pointer kamu diarahkan ke link blog kamu caranya cukup mudah, tinggal tambahkan kode script aja gan.

Membuat link warna warni di blog

1. Masuk ke account blogger anda.
2. Pilih tata letak/layout
3. Klik menu Edit HTML dan jangan lupa untuk mencentang Expand Template Widget
4. Kemudian cari kode </head>
5.kalau sudah ketemu letakkan script ini tepat dibawahnya:

---

<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>

---

atau anda juga bisa pilih script dibawah ini,cukup masukkan add widget-html dan save di blogmu:

<script src='http://sabarmuanas.googlecode.com/files/infonetmu.blogspot.com.mousepelangi.js' type='text/javascript'>
</script>

OK selamat mencoba


BACA JUGA!
- Membuat widget tabview pada blog
- Menambah emotion pada cbox
- Memasang status ym pada blog
- memasang histats blog
- Membuat sebuah tabel dengan html
- Membuat garis dengan kode html
- Menghilangkan judul pada header blog
- Membuat kotak scrollbar blog
- Memasang read more pada blogger baru

Read more »

Posted in: tips blog

Cara membuat like box valid XHTML

Cara membuat like box valid XHTML, Cuma sekedar catatan bagi blig infonetmu ini, tadi lihat blog tetangga yang post tentang Cara membuat like box valid XHTML,saya ulang aja disini yah. kotak like box atau kotak suka terhadap suatu website telah banyak di pasang pada website dan blog-blog. namun, apakah sobat udah mengecek kalau script FB tersebut valid XHTML? Sekedar info bahwa valid XHTML bagi sebuah website atau blog sangat diperlukan karena dapat meningkatkan dukungan website terhadap berbagai macam browser. Selain itu, dengan valid XHTML akan semakin disukai oleh crawler yang berasal dari google yahoo maupun bing,namun ada juga yang punya kepercayaan berbeda tentang hal ini, bahwa valid ato tidak sebuah web,tidak berkaitan dengan SEO, kamu percaya yang mana nih?.

Cara membuat like box valid XHTML

Daripada abu2 lebih baik dicoba aja yah, siapa tahu benar tidak ada salahnya juga kok. kembali ke bahasan yaitu Cara membuat like box valid XHTML,Script FB yang dibuat oleh developer facebook kenyataannya tidak valid dengan XHTML! Adakah cara untuk membuat valid script tersebut? Oh.. tentu ada sob! yuk kita bahas Sebenarnya membuat valid script FB like box tidaklah sulit karena bagian script tersebut yang tidak valid hanyalah karena penggunaan atribut-atribut yang tidak di dukung oleh XHTML. nah.. bagaimana caranya supaya atribut tersebut dapat valid XHTM?

Berikut Kodenya:

<div id="fb-root"></div>
<script type="text/javascript">
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js#xfbml=1';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<div id="FbCont">
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var fb = document.createElement('fb:like-box');
fb.setAttribute("href","Masukan alamat fan pages FB");
fb.setAttribute("show_faces","true");
fb.setAttribute("header","false");
fb.setAttribute("stream","false");
fb.setAttribute("width","200");
fb.setAttribute("font","segoe");
document.getElementById("FbCont").appendChild(fb);
//--><!]]>
</script>
</div>

Ganti yang di warnai merah dengan alamat fan pages FB punya sobat dan coba sobat cek website/blogkamu, nah demikian Cara membuat like box valid XHTML, semoga berguna.
Baca juga:
Download Template Valid XHTML 
Membuat Recent Post Valid XHTML
Membuat Page Number Valid Xhtml di Blog
Membuat Valid XHTML Widget Followers
Membuat Template Blog Lebih Valid XHTML

Read more »

Posted in: tips blog,Tips SEO

Mengatasi error 404 di google webmaster tool

Mengatasi error 404 di google webmaster tool, mengatasi halaman 404 not found bisa terjadi karena kamu memasukkan URL yang salah pada link maupun menghapus konten yang kamu tulis, dan hal ini akan tampak di google webmaster tool pada blog wordpress halaman 404 not found bisa sangat mudah diatasi dengan bantuan plugin, misalnya smart 404 maupun 404 to start. untuk tips mengatasinya ikuti tips seo infonetmu berikut.


Lalu bagaimana cara mengatasi error 404 nof found di google webmaster tool bagi pengguna blogger? blogger tidak se open source wordpress self hosting,jadi tidak ada jalan lain kecuali menghapus URL-URL not fount tersebut satu demi satu.

Capek dunk yah? sangat capek..apalagi kayak blog saya yang SabarMuanas.Com itu, igin tahu berapa halaman 404 not found pada blog ini? lihat gambar dibawah ini!





Wow.... itu belum seberapa, sebelumnya halaman not found pada blog ini lebih banyak daripada gambar diatas, SabarMuanas.Com Memang master error ternyata, kok bisa yah halaman 404 blog ini sebanyak itu, jawabanya karena blog ini sebelumnya memang auto blog, jadi banyak sekali URL yang terbentuk 301 permanent link secara otomatis juga, dan itu hasil semenjak blog ini pindah ke blogger dan tidak didukung plugin2 lagi,akhirnya super banyak halaman 404 di blog ini.

Bagaimana dampak halaman 404 tersebut di SERP google? pasti sangat buruk, reputasi blog kamu akan buruk dimata google webmaster, dan alhasil postinganmu tidak akan mendapat kursi terdepan pada hasil pencarian. dweeng...(emo ngelu,mumet,pusing)

Lalu Mengatasi error 404 di google webmaster tool tersebut,Untung nama saya sabarmuanas jadi setiap harinya saya dengan sabar menghapusnya secara manual,dan halaman 404 not found pun turun sedikit demi sedikit,dan sekarang tinggal 337389 page.he he..

Buat yang ingin capek kayak saya, inilah Mengatasi error 404 di google webmaster tool yang melelahkan:

1. Login ke google webmaster tool
2. Klik URL atau blogmu di google webmaster]
3. Klik Diagnostics
4. Klik Crawl error dan copy URL2 yang error pada blogmu.
5. Setelah kamu copy silahkan masuk pada site configuration
6. lalu klik crawler acces
7. Dan klik Remove URLs, lalu create new removal request
8. Masukkan Url2 yang error klik continue
   
   
9. Setelah itu akan tampil dibawah ini dan klik submit request
   
   
10. Belum selesei, kamu klik diadnostics, cari url2 yang error lalu klik mark as fixed
    
    

Nah, tunggu 2x24 jam,maka url2 yang kamu submit akan hilang dari pending dan halaman 404 not found kamu juga akan berkurang. semoga URL not found kamu gak kayak blog ini yah. amiin..
demikian cara mengatasi  Mengatasi error 404 di google webmaster tool semoga berguna,baca juga artikel infonetmu tentang Download yahoo messenger offline yah.

Read more »

Posted in: tips blog,Tips SEO

Cara Membuat Tooltip dengan jQuery

Sebelumnya share tentang Cara Membuat Tooltip dengan jQuery mungkin ada yang belum tahu apa itu tooltip,tooltip pada blogger akan memberi kesan cantik pada blog, karena link2 yang ada pada blog kamu akan muncul seperti title yang bisa sangat mudah kamu atur, coba kamu arahkan mouse kamu pada blog ini, nah,itulah yang dinamakan tooltips.

cara membuat tooltip

Gambar diatas menunjukkan adanya tooltips yang muncul saat pointer diarahkan ke link, lalu bagaimana cara membuat tooltip di blogger, ikuti tutorial blog singkat dibawah ini:

1. Login ke blogger kamu
2. Silahkan menuju pengaturan template
3. cadangkan dulu dengan mendownload template kamu untuk berjaga2 jika terjadi kesalahan dapat dengan mudah di pulihkan.
4. Cari kode ]]></ b:skin> dan letakkan kode berikut tepat diatas kode ]]></ b:skin>
   

   #easyTooltip {
   padding: 5px;
   border: 1px solid #008000;
   color: #00cc00;
   background: #004000;
   }

5. Selanjutnya copy kode di bawah ini, dan letakkan di atas kode </ head> dan letakkan kode berikut diatas kode </ head>
   

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

   <!-- begin Tooltips -->
   <script type='text/javascript'>
   $(document).ready(function(){
   $(&quot;a.tooltip&quot;).easyTooltip();
   });
   </script>
   <script type='text/javascript'>
   //<![CDATA[
   (function($){$.fn.easyTooltip=function(options){var defaults={xOffset:20,yOffset:30,tooltipId:"easyTooltip",clickRemove:false,content:"",useElement:""};var options=$.extend(defaults,options);var content;this.each(function(){var title=$(this).attr("title");$(this).hover(function(e){content=(options.content!="")?options.content:title;content=(options.useElement!="")?$("#"+options.useElement).html():content;$(this).attr("title","");if(content!=""&&content!=undefined){$("body").append("<div id='"+options.tooltipId+"'>"+content+"</div>");$("#"+options.tooltipId).css("position","absolute").css("top",(e.pageY-options.yOffset)+"px").css("left",(e.pageX+options.xOffset)+"px").css("display","none").fadeIn("fast")}},function(){$("#"+options.tooltipId).remove();$(this).attr("title",title)});$(this).mousemove(function(e){$("#"+options.tooltipId).css("top",(e.pageY-options.yOffset)+"px").css("left",(e.pageX+options.xOffset)+"px")});if(options.clickRemove){$(this).mousedown(function(e){$("#"+options.tooltipId).remove();$(this).attr("title",title)})}})}})(jQuery);
   //]]>
   </script>

6. perhatikan kode di bawah ini, jika dalam template anda sudah terdapat kode tersebut maka tidak perlu diikut sertakan.
   

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

7.  Simpan template kamu

Sekarang pada template blog kamu sudah dilengkapi dengan tooltip, untuk memanggil fungsi tooltips ihat kode dibawah ini:

<a class='tooltip' href='url link' title='pesan tooltip'>text link</a>

Nah, tambahkan yang berwarna merah tersebut pada link kamu, demikian cara membuat tooltip dengan jQuery di blogger, semoga bisa membantu kamu.
Baca juga:
Membuat Rocking Rolling Rounded Menu dengan JQuery dan CSS3  
Membuat Menu TabView dengan JQuery 

Read more »

Posted in: tips blog