Iklan dalam blog bisa kita tempatkan pada tempat-tempat yang kita inginkan,misalnya memempatkan iklan pada postingan maupun memasang iklan diatas komentar blog kita, namun hal yang terpenting adalah penempatan iklan itu tetap sesuai aturan yang telah ditentukan.

INFONETMU kali ini akan memberitakan tips untuk menipu pengunjung,agar pengunjung yang awam tentang blog akan mengeklik iklan kita, lihat gambar dibawah ini!

Gambar diatas menunjukkan tampilan iklan yang diletakkan disamping gambar yang menggoda,dan pengunjung mengira link iklan tersebut akan mengarah kepada gambar tersebut lalu pembaca akan klik link tersebut? unik kan tips meningkatkan penghasilan iklan kali ini he he he....

Terserah kamu semua bilang apa, saya menemukan penempatan semacam itu saat blogwalking, menyalahi aturan atau tidak silahkan kamu menilainya sendiri,disini infonetmu hanya akan share cara pemasanganya saja.

Bagaimana cara meningkatkan penghasilan iklan dengan meletakkan gambar seperti diatas,ikuti langkah2nya dibawah ini!!

Copy kode dibawah ini!

<center><table><tbody><tr><td><img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikXnx5lzPg_tGkwhJJNiWuecaV-okqtOsl0c9j5Q-JTlVuRcIbR_YXCmBhHQBcBqKrd94j8k7hA_RJ2ILE0Ne93IDtzjHA00mEqMu7iG4k6EzNygAM9LWmsp5mwgxFrFvuDCUds1fdrkNO/s400/HealthyInsurance.jpg' style='cursor:pointer; cursor:hand;width: 60px; height: 250px; padding-right:4px;'/></td><td>KODE IKLAN KAMU</td></tr></tbody></table></center>

Kode yang berwarna kuning adalah gambar hot yang akan menarik pengunjung, dan ganti warna merah dengan kode iklan kamu, letakkan iklan tersebut ditempat yang kamu inginkan. he he he.. semoga berguna. :)

» Read More...

Memasang ikaln untuk blog bisa kita tempatkan sesuai keinginan kita,kita bisa menempatkan iklan kita di sidebar blog, di tengah postingan maupun di atas komentar blog kita,nah kali ini INFONETMU akan memberi tutorial yang berbeda tentang membuat iklan dari ketiga cara diatas, kali ini saya tulis cara membuat iklan melayang di atas header blog.


Gambar diatas menampilkan iklan yang melayang diatas header blog, maksud dari melayang yaitu walau blog tersebut di scroll namun iklan tersebut akan tetap diam dan seperti melayang.

Bagaimana cara membuat iklan melayang di atas header? ikuti langkag-langkah dibawah ini!

1. Login ke Blogger
2. Pilih Rancangan
3. Klik Edit HTML
4. Selanjutnya Coba Anda cari kode <div id='outer-wrapper'>
   
5. Jika sudah ketemu,letakkan kode berikut dibawahnya
   

   <div style='display:scroll; top:0px;position:fixed;'>
   <!-- Start Kode -->
   <a href='http://infonetmu.blogspot.com'><img alt='usaha berhasil' border='0' height='54' src='http://i1111.photobucket.com/albums/h465/asistenikopin/JasaBuatIklanBanner.gif' width='972'/></a><!-- End Kode -->
   </div

6. Yang ditunjukkan dengan warna merah adalah nilai tinggi dan lebar iklan, sesuaikan dengan blog kamu, sedamgkan warna kuning adalah Gambar iklannya.
7. Simpan template kamu.
   

Semikian tutorial tentang cara membuat iklan melayang di atas header blog, semoga bermanfaat!

» Read More...

Cara Mengganti Template Blog sangat mudah,Tapi pagi para blogger pemula yang baru mendaftar di blogspot mungkin akan bingung, seperti pengalaman INFONETMU beberapa tahun yang lalu juga, bahkan tidak tahu kalau template blogger bisa diganti dengan cara yang instan tanpa kita mengotak-atik htmlnya.



Tutorial cara mengganti template blog!

• Silahkan download template blog yang kamu inginkan. adapun beberapa web penyedia template gratis antara lain
  

  http://www.zoomtemplate.com/
  http://www.bloggerblogtemplates.com/
  http://www.premiumbloggertemplates.com/

• Hasil download biasanya berbentuk rar,zip, maupun file xml. kalau terkompresi dalm bentuk rar atau zip silahkan kamu extract dulu file tersebut.
  
  
• Setelah kamu extract maka hasilnya adalah file xml seperti dibawah ini
  
  
• Selanjutnya Upload file xml tersebut ke blogmu, cara upload file xml tersebut sebagai berikut:
  
  1. Login ke blog kamu
  2. Klik Rancangan
  3. Edi html.
  4. lalu upload xml template tersebut
     
     
  5. Silahkan hapus atau pertahankan witged blogmu. dan lihat hasilnya
     
     
• Selesei.

Demikian tutorial singkat tentang cara mengganti template blog, kamu bisa juga memakai template SEO friendly 2012 maupun download template SEO friendly 2011 yang pernah saya posting beberapa waktu yang lalu juga, semoga bermanfaat bagi blogger pemula.

» Read More...

Membuat blog secara gratis sekarang sangat mudah, banyak website yang memberi layanan membuat blog, misalnya adalah salah satu layanan dari weebly, nah buat kamu yang ingin membuat blog di weebly, infonetmu akan memberi tutorial singkat agar bisa membantu kamu.

Tutorial Cara Membuat Blog Di Weebly:

1. Silahkan masuk ke situs weebly disini http://www.weebly.com/
2. Masukkan username,email juga password kamu lalu klik sign up it's free.
   
   
3. Kemudian akan muncul untuk permintaan verifikasi dengan tampilan berikut
   
   
   
   
4. Setelah itu kamu akan ditampilkan seperti gambar dibawah ini
   
   
5. Klik Crete s site lalu masukkan judul blog weebly kamu.
   
   
   
6. Selanjutnya masukkan URL blog Weebly kamu.
   
   
7. Klik continue lalu kamu akan di hadapkan halaman utama dalam manage blog kamu.
   
   

Nah,selamat kamu sekarang telah berhasil bikin blog di weebly. demikian tutorial cara membuat blog di weebly, semoga bermanfaat!

» Read More...

Membuat Background Blog Berubah Saat Di Refress, pernahkah kamu berkunjung ke salah satu blog teman kamu dam saat kamu menjelajahi blog tersebut tapi background blog tersebut berubah-ubah warnanya? warna-warni background blog tersebut terjadi secara otomatis. nah bagaimana cara membuatnya?


Sebelumnya INFONETMU tulis tentang cara mengganti background blog dengan gambar,kali ini berkaitan juga dengan hal tersebut, tetapi warna yang akan berubah pada tutorial kali ini bisa kamu atur sesuai dengan warna yang sesuai dengan blog kamu, maksudnya jangan sampai sama dengan warna text maupun link dalam blog kamu, agar tidak bertubrukan dan akhirnya artikel blogmu tidak bisa dibaca.
Cara membuat background blog berubah warna saat di refress sebagai berikut:

• Silahkan kamu login ke blog kamu.
• Klik rancangan.
• Tambah gadget.
• Lalu pilih HTML/javascript.
• Masukkan kode dibawah ini:
  

  <script type='text/javascript'>
  //CDATA[
  /* JavaScript Kit (http://ageboy.blogspot.com/)*/
  //Created Ageboy:
  var bgcolorlist=new Array("#FFFFFF", "#B30000", "#EEFF00", "#11FF00", "#FF8A14", "#0008FF", "#4AFFF3", "#000")
  document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
  //]]>
  </script>

  kode yang berwarna merah adah kode warna-warni blog kamu,sesuaikan atau dengan blogmu.
  
  
• Simpan.
  

Nah mudah kan caranya? silahkan test di blog kamu, semoga bermanfaat!

» Read More...

Banyak cara untuk menampilkan recent post pada blog kita, agar blog kita tampil cantik kita bisa juga membuat recent post kita dengan recent post bergambar. selain dapat mempermudah pengunjung untuk lebih banyak membaca artikel kita yang lainya,sama halnya dengan artikel terkait atau related post,recent post juga bisa dengan tampilan thumbnail,nah kali ini infonetmu akan memberi tutorial tentang cara membuat recent post Berjalan lihat gambar dibawah ini:

Sebelumnya saya juga telah posting cara membuat recent post dengan gambar,lalu bagaimana agar gambar tersebut bisa tampil dengan slide show? ikuti tutorial dibawah ini:

1. Login ke akun Blogger sobat
2. Klik Rancangan >> Elemen haLaman
3. Klik Tambah Gadget
4. Pilih HTML/Javascript
5. Masukan kode berikut :
   

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
   </script>
   <style media="screen" type="text/css">
   <!--
   #spylist {
   overflow:hidden;
   margin-top:5px;
   padding:0px 0px;
   height:350px;
   }
   #spylist ul{
   width:220px;
   overflow:hidden;
   list-style-type: none;
   padding: 0px 0px;
   margin:0px 0px;
   }
   #spylist li {
   width:208px;
   padding: 5px 5px;
   margin:0px 0px 5px 0px;
   list-style-type:none;
   float:none;
   height:70px;
   overflow: hidden;
   background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
   border:1px solid #ddd;
   }
   #spylist li a {
   text-decoration:none;
   color:#4B545B;
   font-size:11px;
   height:18px;
   overflow:hidden;
   margin:0px 0px;
   padding:0px 0px 2px 0px;
   }
   #spylist li img {
   float:left;
   margin-right:5px;
   background:#EFEFEF;
   border:0;
   }
   .spydate{
   overflow:hidden;
   font-size:10px;
   color:#0284C2;
   padding:2px 0px;
   margin:1px 0px 0px 0px;
   height:15px;
   font-family:Tahoma,Arial,verdana, sans-serif;
   }
   .spycomment{
   overflow:hidden;
   font-family:Tahoma,Arial,verdana, sans-serif;
   font-size:10px;
   color:#262B2F;
   padding:0px 0px;
   margin:0px 0px;
   }
   -->
   </style>
   <script language="JavaScript">
   imgr = new Array();
   imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
   imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
   imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
   imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
   imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
   showRandomImg = true;
   boxwidth = 255;
   cellspacing = 6;
   borderColor = "#232c35";
   bgTD = "#000000";
   thumbwidth = 70;
   thumbheight = 70;
   fntsize = 12;
   acolor = "#666";
   aBold = true;
   icon = " ";
   text = "comments";
   showPostDate = true;
   summaryPost = 40;
   summaryFontsize = 10;
   summaryColor = "#666";
   icon2 = " ";
   numposts = 20;
   home_page = "http://infonetmu.blogspot.com/";
   limitspy=4
   intervalspy=4000
   </script>
   <div id="spylist">
   <script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
   </script></div>

6. Simpan
   

Note :

• Url yang berwarna merah ganti dengan Url sobat
• Angka yang berwarna biru jumlah post yang ingin di tampilkan
  

Nah demikain cara membuat recent post berjalan pada blog, semoga bermanfaat!

» Read More...

Membuat Page Number Valid Xhtml di Blog, hari ini saya mengganti template salah satu blog saya, yaitu INFONETGUE karena setelah saya cek di w3 ternyata banyak error yang saya temukan pada blog INFONETGUE tersebut, dan saya menambahkan page number atau halaman bernomor atau page 1,2.3 di blog tersebut, nah kali ini INFONETMU membuat page number valid XHTML di blog tersebut.



Buat kamu yang ingin membuat page number pada blog kamu mungkin kode yang saya berikan ini akan membantu kamu agar tidak terjadi error di w3 saat kamu membuat page number di blog kamu.

Nah, inilah langkah-langkah membuat page number valid xhtml di blog:

1. Login Ke Account Blogger kamu.
2. Masuk Ke "Tata Letak lalu Edit HTML
3. Dan Klik "Download Template Lengkap" untuk proses backup Template
4. klik pada "expand..."
5. Cari kode ]]></b:skin>
   
6. Jika Sudah Ketemu, tambahkan kode di bawah ini diatas kode ]]></b:skin>
   

   /* PageNav */
   .showpageArea{font-family:arial;font-size:11px;padding:6px 10px;text-align:right;font-weight:700}
   .showpageNum a{color:$linkcolor; text-decoration:none;border:1px solid #999;margin:0 3px;padding:2px 5px}
   .showpageNum a:hover{border:1px solid $visitedlinkcolor;}
   .showpagePoint{margin:0 3px;padding:2px 5px}
   .showpageOf{margin:0 8px 0 0;}
   .showpage a{color:$linkcolor;text-decoration:none;border:1px solid #999;padding:2px 5px}
   .showpage a:hover{border:1px solid $visitedlinkcolor;}

7. Lalu cari lagi kode </body>
   
8. kemudian masukkan kode di bawah ini diatas kode </body>
   

   <script type='text/javascript'>
   var pageCount=2;
   var displayPageNum=5;
   var upPageWord =&#39;Previous&#39;;
   var downPageWord =&#39;Next&#39;;
   </script>
   <script src='http://infonetmu.googlecode.com/files/pageNavalidOK.js' type='text/javascript'>
   </script>

9. Cari lagi kode 'data:label.url' ganti dengan kode dibawah ini
   

   'data:label.url + &quot;?&amp;max-results=5&quot;'

10. Simpan Template kamu.
    

Demikian cara membuat page number valid xhtml di blog, semoga berguna.

BACA JUGA!

• Template SEO Friendly 2012
  
• Recent post Valid XHTML
• Membuat template blog lebih valid xhtml
  

» Read More...