Cara Pasang Iklan di Blog

Posted by Unknown Monday, March 11, 2013 0 comments
Maaf nih sob baru update lagi, maklum habis liburan dulu he...oke sob kali ini saya akan coba share mengani cara pasang iklan di blog. seperti yang telah kita ketahui bersama selain sebagi media bertukar informasi blog juga dapat kita jadikan ladang rupiah yang lumayan untuk mengisi kantong sobat.

Advertiser biasanya akan berbondong-bondong antri untuk memasang space iklan di blog sobat apabila pagerank sobat sudah tinggi atau trafic kunjungan blog sobat sudah tinggi, ini bisa kita manfaatkan untuk menambah penghasilan ya hitung-hitung mengganti biaya internet yang selama ini telah sobat keluarkan.

Untuk memsang iklan sendiri tergolong cukup mudah, sobat bisa kunjungi situs PPC lokal maupun luar untuk mendaftar sebagai publisher atau pemasang iklan dan untuk jenis PPC bisa sobat cari di google.

Setelah mendaftar nanti sobat akan diberi suatu script iklan yang harus dipasang di blog sobat tersebut, biasanya berupa iklan text atau baner. Untuk mempersingkat waktu saya anggap sobat sudah mendaftar di salah satu jasa penyedia iklan dan sudah mendapat script iklannya.

Untuk cara pasang iklan di blog, sobat ikuti panduan dibawah ini :


  1. Sobat login dulu ke akun blogger
  2. Selanjutnya masuk ke element ==>Tambah gadget==>HTML java script
  3. Masukan kode iklan yang telah diberikan
  4. Trakhir klik save
Apabila sobat ingin tampilan iklan melayang di blog bisa ikuti trik dibawah ini :


  1. Masuk ke rancang elemet ==>Tambah gadget==>HTML Java script
  2. Sobat masukan kode dibawah ini 

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
Close Klik 2X
</a>
</div>
<center>

MASUKAN SCRIPT IKLAN SOBAT

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>


3.  Terakhir klik tombol save dan lihat hasilnya


Bagaimana sob cukup mudah bukan, silahkan berkreasi dengan menempatkan iklan agar tampak lebih rapih.

Demikian panduan cara pasang iklan di blog semoga bermanfaat.

Baca Selengkapnya ....

Membuat Menu Blogger

Posted by Unknown Saturday, March 9, 2013 0 comments
Cara membuat menu dibawah header blog
Sobat blogger kali ini saya akan coba share bagaimana cara membuat menu blogger, seperti yang telah sobat ketahui menu pada blogger terdiri dari menu vertikal dan horizontal. nah kali ini yang akan kita bahas disini adalah menu dropdown diatas header.

Untuk membuat menu pada blogger memang memerlukan pengetahuan dalam membuat script, tapi sobat tenang saja saya sudah sediakan script yang dibutuhkan untuk pembelajaran kali ini.


Untuk melihat contoh sobat blogger bisa lihat demonya Disini apabila sobat tertarik untuk memasang menu blogger yang serupa bisa ikuti panduannya dibawah ini

  1. Pertama sobat login dulu ke akun blogger
  2. Kemudian pilih rancangan dan klik edit html => lanjutkan
  3. Sobat cari kode ]]></b:skin> lalu letakan kode berikut tepat diatas kode ]]></b:skin>


/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVm4QQJ_DrN0TD8S5Ek5Z_k6ITmIEZtmAiBPznGHgEM0lpHIzE4vavSIowEIHC_Pcg4cxuNXPVenESBzczGtTIjAU6CC-J1KGuF6HnUueT-WRIKToV7BJ0cgqQdS1nSzKWXFNMuJXlxQs/s1600/menubar.png) repeat-x;width:960px;margin:0 auto;padding:0 auto} #menuwrapper{width:960px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#CECECF;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTkF98ozP17rJifjHNuGkAW9Tco5VCH54XuRSM_VDZUPL1AiydN30L9qRKd502ktXzODJx7pqkcAIEk4bdHRH0DkgzJojtN03AF_v58XMBcjb3iB9zetM5e9Tx2G2O4HJJUY0F2Gdzejg/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}


Selanjutnya sobat cari kode <head> untuk menempatkan menu diatas header dan </head> untuk menempatkan menu dibawah header, copy kode dibawah ini dan letakan diatas <head> atau dibawah </head>

<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgquQP6P8Je4iZvT1p3nm85MWH8eor4Qx0LWuTJr7NetEk05zIzFq9cMGc148Edx87mj1buYVJp6zNg4QAUe3VuR8qJ2jBztEdZGiNu-_FqpDluN-TYxZH-6sENIet-BuCsORXmz1Qlid4/s1600/home_white.png' style='padding:0px;'/>Home</a></li>
<li><a href='http://www.blogger.com/profile/06961337061354681028' target='new'>Tentang Admin</a></li>
<li><a class='trigger'>Contact Us</a>
<ul>
<li><a href='https://plus.google.com/u/0/106997202037581570725' target='new'>Goggle +</a></li>
<li class='hr'/>
<li><a href='http://twitter.com/den_zuaz' target='new'>Contact on Twitter</a></li>
<li><a href='http://www.myspace.com/denzuaz' target='new'>Contact on Myspace</a></li>
<li><a href='http://www.facebook.com/zuazTama' target='new'>Zuaz&#39;Z on Facebook</a></li>
</ul>
</li>
<li><a href='http://zuazz.blogspot.com' target='new'>Zuaz&#39;Z Creator</a></li>
<li><a class='trigger'>Tips dan Trik</a>
<ul>
<li><a href='http://zuazz.blogspot.com/search/label/tips%20dan%20trik%20komputer'>Komputer</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/tips%20dan%20trik%20blog'>Blogspot</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/facebook'>Facebook</a></li>
<li class='hr'/>
</ul>
</li>
<li><a class='trigger'>Kategori</a>
<ul>
<li><a href='http://zuazz.blogspot.com/2012/01/tv-online.html'>TV Online</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/computer'>Komputer</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/desain%20grafis'>Desain Grafis</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/game'>Game</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/microsoft'>Microsoft</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/software%20aplikasi'>Software APP</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/software%20program'>Software Program</a></li>
</ul>
</li>
</ul> <div class='menusearch'>
<div style='float:right;padding:8px 8px 0 0;'>
<form action='http://zuazz.blogspot.com/search' method='get' target=''>
<input name='sitesearch' style='display:none;' value='http://zuazz.blogspot.com'/>
<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXQLx-Bh8uwBgV0Yh4E-tMyhG0IqmGchH0NzbjdiJKvZgI4Ftr87KJZT-r7w-FFtLsSX4EYFATyx4H2bTmid3Pnxps7czdPkS8kd3UbBqIwRFj2YUE2pu44IjqvwOPrSASr0QxF7mlGoo/s1600/field-bg.gif) no-repeat;' type='text' value='Cari disini ya sob...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaPep1NB-hScKa-YsqtxlnhLUOsnQXrZCjzh0s5PeNVn7bqMcQc-CK-08KqgWhk7tGg-q_tzu4Y3Te0OlmwsfsGCqcJyZTwZphq3IIDZNcATDKGxhPCpJt5TdMGSmbBYL0VfWa-tY3w6Q/s1600/bg_search.gif' type='image' value='Search'/>
</form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>



Kode yang berwarna merah adalah URL tujuan silahkan sobat ganti dengan URL blog sobat, dan kode yang berwarna kuning adalah tampilan kalimat pada menu dropdown silahkan sobat rubah sesuai kebutuhan. 

Demikian panduan membuat menu blogger semoga bermanfaat.

Baca Selengkapnya ....

Memasang ym di blog

Posted by Unknown Friday, March 8, 2013 0 comments
Cara pasang ym di blog sebagai sarana untuk berkomunikasi dengan pengunjung
Sobat blogger setelah sebelumnya kita membahas mengenai widget blog nah pada kesempatan kali ini saya akan coba share bagaiman memasang ym di blog untuk memasangnya sendiri cukup gampang kok sob tidak beda dengan pesangan widget lainnya kita hanya membutuhkan gambar serta id ym.


Pentingkah status ym di blog? tergantung sobat blogger si tapi kalau saran ane tidak ada salahnya kalau dipasang ya barangkali ada dari pengunjung yang mau pasang iklan atau kepentingan lain terus dia bingung tuh mau hubungi sobat ke mana jadi dengan kata lain dengan adanya contak di blog diharapkan komunikasi antara sobat dan pengunjung lebih lancar.

Sebelum sobat memasang ym di blog terlebih dahulu sobat persiapkan gambarnya, atau bisa dicopy gambar yang diatas. Selanjutnya sobat login ke blogger - terus klik page element - Add Gadget - klik opsi HTML - JAVASCRIPT setelah itu copas kode dibawah ini


<a href="ymsgr:sendIM?Id_yahoo_kamu"> <img src="http://opi.yahoo.com/online?u=id_yahoo_kamu&amp;m=g&amp;t=0&amp;1=us"/>

Dari kode script diatas sobat tingga ganti kode yang saya cetak warna merah dengan id yahoo messenger sobat blogger.

Kalau sudah selesai tinggal save dan lihat hasilnya, demikian panduan memasang ym di blog semoga bermanfaat.


Baca Selengkapnya ....

Widget Blog

Posted by Unknown 0 comments
Percantik blog sobat dengan widget pilihan yang menarik
Banyak hal yang dapat membuat blog sobat lebih hidup dan tampak lebih menarik, selain desain header yang bagus, kontent yang berkualitas serta pengaturan tata letak yang baik ada satu hal lagi yang perlu sobat pertimbangkan yakni penambahan pernak-pernik melalui widget blog.

Banyak jenis widget yang dapat sobat pilih seseui dengan selera dan tampilan blog sobat, baik itu berupa animasi tulisan maupun animasi. tidak dapat dipungkiri blog yang mempunyai tampilan menarik seakan mempunyai magnet yang membuat pengunjung lebih betah berada di blog sobat.

Coba sobat bayangkan kalau blog sobat tampilannya cuma konten doang tentu tidak akan sedap dipandang mata bukan, kalau menurut saya blog itu ibarat wanita yang memerlukan sedikit sentuhan dan penambahan riasan supaya lebih terlihat cantik sehingga setiap orang yang memandangnya akan terpesona he....lebay

Meskipun pemasangan widget blog itu baik, namun sobat mesti inget jangan terlalu berlebihan dalam memasang widget nanti bukannya kelihatan bagus malah membuat blog sobat lola alias loading lama. ntar pengunjung blog malah pada kabur 

Berikut daftar widget keren untuk blog sobat


  1. Google Gadget ==> banyak jenis dan pilihan yang bisa sobat pilih tinggal ketik di kotak pencarian jenis widget yang sobat inginkan
  2. Yahoo Widget ==> Hampir sama seperti diatas namun hanya beda penampilannya saja
  3. Softcircuits ==> Widget untuk pagerank
  4. Clocklink > jenis widget yang satu ini adalah untuk menampilkan jam di blog sobat
  5. Histat ==> nah sob kalau yang satu ini selain dapat memepercantik tampilan tapi juga dapat memberitahu berapa jumlah visitor yang berkunjung ke blog sobat
  6. Soutbox ==> untuk menampilkan kotak pesan di blog
Sebenrnya masih banyak sih sob jenis widget lainnya, sobat tinggal cari saja lewat mbah google dan cari tuh widget yang menurut sobat pas buat dipasang di blog sobat. sampai di sini dulu panduan widget blog semoga bermanfaat kita lanjut lagi di lain waktu.




Baca Selengkapnya ....

Header Blog

Posted by Unknown 0 comments
Rubah header blog dengan cepat dan pilih desain sesuai tema blog
Header blog merupakan tampilan awal yang dilihat pertama kali ketika pengunjung datang ke blog/web sobat, diibaratkan organ tubuh header ini merupakan wajah. sehingga kesan pertama pegunjung akan terlihat ketika pertama melihat header blog anda sehingga apabila header blog sobat terlihat menarik bukan mustahil kalau pengunjung akan betah berlama-lama diblog sobat tersebut.

Sebetulnya banyak juga yang tidak terlalu mempedulikan tampilan header blog, bahkan ada yang beranggapan bahwa apabila header blog terlalu banyak di otak-atik malah akan berdampak blog lebih lelet karena harus menunggu header blog terbuka dengan sempurna sehingga membuat pengunjung kesal dan segera beranjak dari blog tersebut.

Namun apabila sobat blogger memang bosan dengan tampilan header yang monoton, tidak ada salahnya kalau pada kesempatan ini kita bahas bagaimana mengganti header blog sobat tersebut.

Kali ini saya akan bahas bagaimana mengganti header blog sobat dengan gambar, untuk panduannya bisa sobat lihat dibawah ini :

  1. Pertama sobat masuk ke blogger > Rancangan
  2. Pada element header sobat klik menu edit
  3. Selanjutnya sobat akan diarahkan pada konfigurasi yang berisi isian untuk judul blog, deskripsi, gambar dan penempatan gambar.
  4. Isilah data-data yang diperlukan, dan untuk gambar pilih browse dan mengupload gambar header sobat dari direktori komputer
  5. Agar gambar sesuai dengan ukuran header sobat pilih susutkan agar sesuai
  6. Aturlah penempatan gambar seseui dengan keinginan sobat dengan 3 pilihan opsi yang diberikan
  7. Terakhir klik tombol simpan
Bagaimana sobat blogger cukup mudah bukan, buatlah tampilan blog sobat lebih menarik supaya terlihat lebih profesional.

Demikian panduan mengnai header blog, semoga bermanfaat

Baca Selengkapnya ....

Cara Membuat Posting

Posted by Unknown 0 comments
Kita berlanjut ke pembahasan selanjutnya sobat blogger, setelah kita membahas mengenai template yang tak kalah penting yang akan kita bahas sekarang adalah cara membuat posting.  Boleh dibilang posting atau isi konten merupakan ruh atau makanan agar blog kita tetap eksis.

Update posting secara berkala merupakan kegiatan yang sangat tepat agar blog kita tetap bertahan dan lebih disukai oleh mbah google, sebelum membuat posting ada baiknya sobat pikirkan terlebih dahulu maksud dan tujuan sobat dalam membuat blog apakah hanya sekedar menyalurkan hobi menulis atau bisnis.

Apabila tujuan sobat dalam membuat blog adalah untuk tujuan bisnis, sebaiknya persiapkan bahan artikel/posting yang banyak dicari oleh kebanyakan orang. untuk mengetahui apakah artikel sobat banyak dicari atau tidak dapat dilihat melalui google keyword tools external. disana sobat dapat melihat apakah artikel yang akan sobat buat tersebut populer dan banyak dibutuhkan atau tidak.

Selanjutnya setelah menetapkan tema artikel yang diinginkan sobat ditinggal posting, dan untuk cara membuat posting sobat masuk ke Dasbord blog - Entry Baru

sobat blogger dapat berkreasi dengan memilih tulisan serta menambah link atau menambahkan gambar supaya blog sobat tampak lebih menarik.

Demikian panduan cara membuat posting, semoga bermanfaat.

Baca Selengkapnya ....

Seo Blog Template

Posted by Unknown 0 comments
Seperti yang telah sobat blogger ketahui template adalah salah satu element terpenting dalam sebuag blog, coba bayangkan kalai blog sobat tanpa template tentunya tidak akan enak dipandang mata bukan meskipun isi kontennya sangat berkualitas.


Namun terlepas dari pemilihan template, ada salah satu kunci dalam pemilihan template agar nantinya blog sobat lebih ramah di mata google salah satunya yaitu dengan pemilihan template yang seo frriendly.

Disini saya akan coba share salah satu template seo friendly yang dapat sobat unduh dan pergunakan untuk blog sobat.

Buat blog kamu lebih seo friendly dengan puluhan template siap pakai


VIEW DEMO | DOWNLOAD
Template ini cukup baik karena lebih mengutamakan template seo yang valid dengan HTML5, dan sudah pasti akan memberi dampak menambah kualitas blog terhadap seo. karena sangat jarang sekali kita menemukan template yang valid dengan HTML5.

Segitu dulu sobat yang dapat saya bagikan, lain waktu saya akan share template seo yang lebih banyak lagi. semoga bermanfaat

Baca Selengkapnya ....