Cara menambahkan iklan melayang di blogspot

Iklan ini cukup unik dan menarik karena dapat bergerak melayang ke atas dan ke bawah mengikuti pergerakan kursor. Bagi pemilik situs yang sedang monetasi situs-situsnya tentu kode yang digunakan untuk membuat iklan melayang ini sangat berguna karena sedikit memaksa pengunjung blog melakukan klik pada iklan yang disediakannya.
Mungkin bagi sebagian pengunjung ada yang merasa risih dan terganggu akan kehadiran penerapan kode ini, tapi kembali pada hak pemilik situs apakah tertarik menerapkan kode ini atau tidak karena tidak semua pengunjung merasa terganggu, apalagi jika pengunjung tersebut benar-benar membutuhkan informasi yang diinginkannya dan informasi tersebut dianggap berharga ,

Langsung saja ikuti petunjuk singkat di bawah ini kawan, berikut praktek menambahkan iklan melayang di blogger:
1. Seperti biasa masuk ke dalam kustomisasi blog. Klik tab Design (Tata Letak) > Page Element (Elemen Halaman).
2. Tambahkan gadget HTML/JavaScript, lalu masukkan kode iklan di bawah 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, -1500) : 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]:.
</a>
</div>
<center>

Masukan kode iklan atau gambar di sini

</center>

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

3. Klik tombol Save (Simpan) dan apa yang terjadi?
4. Lihat hasilnya, maka akan muncul iklan melayang di bagian atas. Klik link Close sebanyak dua kali dan iklanpun akan hilang.
5. Selain iklan teks, anda juga dapat memasukkan iklan berupa gambar

Credit By : oilink.blogspot.com

• Semoga Bermanfaat

Cara pasang scroll arsip diblog

 Membuat scrool pada blog pastinya lebih membuat blog rapi dan tidak membutuhkan banyak tempat kan
Hmm pastinya menarik kan bila itu ada di blogspot kita

Caranya cukup mudah kog..., Mari kita langsung saja

1. Sobat login ke blog
2. Di halaman Dasbor klik Template
3. Kemudian pilih Edit HTML
4. Cari kode ini : <div id='ArchiveList'>
5. Dan untuk lebih cepatnya gunakan Ctrl  + F
6. Setelah ketemu taruh kode
7. <div style='overflow:auto; width:ancho; height:200px;'> ini tepat diatasnya kode
8. <div id='ArchiveList'>
9. Kemudian beri kode tambahan </div> sebelum kode dibawah ini
10. <b:include name='quickedit'/
11. Sebelum Mengedit HTML ini pasang dulu arsip blog jika sobat belum memasangnya
12. Jika masih bingung kalian bisa melihat contohnya yang benar seperti dibawah ini
13.  
    
14. Setelah itu simpan template
15. Selamat mencoba

• Semoga Bermanfaat

ChatBox Tersembunyi

Ok guys, pada kesempatan yang berbahagia ini di tengah kesibukan akademic, saya sempatkan posting tutorial blogger untuk pemula. Sebuah penerapan kode HTML yang dapat digunakan untuk menghemat ruang blog kita. Kode tersebut digunakan untuk menyembunyikan berbagai widget namun pada tutorial ini saya contohkan aplikasi chatting untuk disembunyikan. Bagi para sobat blogger yang merasa sumpek dengan ruangan blog yang penuh dengan berbagai macam perkakas blog bisa gunakan penerapan ini di blog sobat. Berikut penampakannya:

Live Demo Auto Hidden Chat BoxKlik untuk melihat sreenshotnya

Bagaimana? Menarik bukan?

Simak tutorial berikut:

Saya bagi dalam 2 tipe penempatan chat box, sebelah kiri dan kanan.

Tampilan Widget di sebelah Kanan:

<!-- Right hidden chatbox by http://insanshalih.blogspot.com START -->
<style>
#hcl {
position:fixed;
top:100px;
left:0px;
z-index:+1000;
}

* html #hcl {position:relative;}
.hcltab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://img202.imageshack.us/img202/8018/copyofcbblue.png') no-repeat;
}

.hclcontent {
float:left;
border:2px solid #790909;
background:#f3f6f7;
padding:10px;
}

.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">

function showHidehcl(){
var hcl = document.getElementById("hcl");
var w = hcl.offsetWidth;
hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
hcl.opened = !hcl.opened;
}

function movehcl(x0, xf){
var hcl = document.getElementById("hcl");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcl.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
}
</script>

<div id="hcl">
<div class="hclcontent">

<!—Widget Here -->

<br />

<div class="hc-credit">
<span style="float:left">

<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->

<a href="http://oilink.blogspot.com/2010/10/auto-hidden-chat-box.html" target="_blank"> Get this widget! </a>

</span>
<span style="float:right">
<a href="javascript:showHidehcl()">

[close]
</a></span>
</div>
</div>

<div class="hcltab" onclick="showHidehcl()"> </div>
</div>
<script type="text/javascript">

var hcl = document.getElementById("hcl");
hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
</script>

<!-- right hidden chatbox by http://insanshalih.blogspot.com END -->

Tampilan Widget di sebelah Kiri:

<!-- left hidden chatbox by http://insanshalih.blogspot.com START -->
<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}

* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://img202.imageshack.us/img202/8018/copyofcbblue.png') no-repeat;
}

.hcrcontent {
float:left;
border:2px solid #003e82;
background:#f3f6f7;
padding:10px;
}

.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>

<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}

function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>

<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">

<!—Widget Here -->

<br />

<div class="hc-credit">
<span style="float:left">

<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->

<a href="http://oilink.blogspot.com/2010/10/auto-hidden-chat-box.html" target="_blank"> Get this widget! </a>

</span>

<span style="float:right">
<a href="javascript:showHidehcr()">

[close]

</a></span>
</div>
</div>
</div>

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

<!--left hidden chatbox by http://insanshalih.blogspot.com END -->

Note:

#hcr {
position:fixed; /* Menunjukkan bahwa posisi widget tetap tidak bergeser dan sobat bisa ganti menjadi posisi absolute */

#hcr {
position:absolute; /* Menunjukkan bahwa posisi widget tetap dapat bergeser dengan menggeser scroll */

top:100px; /* Menunjukkan bahwa jarak tab dari atas adalah sejauh 100px. Bisa kalian ganti dengan bottom:100px yang berarti jarak tab dari bawah menjadi sejauh 100px */
z-index:+1000;
}

.hcrtab {

height:100px; /* tinggi tab pembuka hidden chatbox */

width:30px; /* tinggi tab pembuka hidden chatbox */

float:left;

cursor:pointer;

background:url('http://img202.imageshack.us/img202/8018/copyofcbblue.png') no-repeat; /* gambar yang dijadikan sebagai tab pembuka hidden chatbox */

}

.hcrcontent {

float:left; border:2px solid #003e82; /* warna dan ukuran border hidden chatbox */ 

background:#f3f6f7; /* warna background hidden chatbox (sebaiknya tidak perlu diganti jika kalian mengedit kode lain pada style) */ 

padding:10px;

 }

Alhamdulillah, semoga dengan tutorial yang sesederhana ini dapat bermanfaat. Selamat mencoba! Ohya, pilihan model dan warna tab pemicunya dapat diubah sendiri:

http://img202.imageshack.us/img202/8018/copyofcbblue.png

http://img714.imageshack.us/img714/6969/cbblue.png

http://img43.imageshack.us/img43/7977/copy3ofcbblue.png

http://img571.imageshack.us/img571/2107/copy2ofcbblue.png

• Semoga Bermanfaat

Template Keren

Template Transparan Keren

Template Transparan  [1] 

DOWNLOAD

Template Transparan  [2] 

 DOWNLOAD

 Template Transparan  [3]

 

DOWNLOAD

Template Transparan [4]  

 DOWNLOAD

 

• Pertama download dulu template yg akan dipakai
• Kemudian Klik kanan Extract Here
• Kemudian Cari File tadi berupa (template.xml)
• Lalu masuk Blogger Sobat

• Semoga Bermanfaat

Belajar Blogger

Punya blog itu asyik karena kita bisa nulis sesuatu yang kita pikirkan dan membaginya ke jutaan orang melalui internet gan. Buat sebagian orang blogging itu hanya sebuah hobi ( gw banget ) dan buat sebagian lagi blogging itu merupakan sebuah pekerjaan bener gak gan? Untuk menjadi seorang blogger sebenernya gak susah-susah amat, yang penting punya ide buat bisa dituangkan menjadi sebuah karya tulis beres gan.

Buat loe yang mungkin baru ingin memulai blogging, kali ini gw punya sedikit tips. Tips ini semuanya dari pengalaman gw aja selama ngeblog gan. Yang namanya pemula wajar kalau gak begitu ngerti tentang dunia perbloggingan. Oleh sebab itu kita harus terus belajar dan belajar gan. Gw aja ampe sekarang masih terus belajar biar bisa jadi blogger yang profesional ( cita-cita ).

Dari ngeblog banyak keuntungan yang bisa kita dapet, diantaranya jadi punya banyak temen, menambah pengetahuan dan bisa menghasilkan duit juga gan. Kita langsung aja ke topik utama, berikut ini gw bakal share tips memulai blogging untuk pemula banget gan. Inget untuk pemula banget, kalau loe udah senior silahkan aja di baca-baca siapa tau berguna gan.

Tips Memulai Blogging Untuk Pemula Banget

Sebelum memulai blogging tentu harus punya blog, kalau belum punya ya buat dulu gan. Banyak platform blog gratis yang bisa loe pake misal Blogger, Wordpress, Tumblr, TypePad dan masih banyak lagi, silahkan dipilih sesuai selera aja gan. Kalau mau buat blog di Blogger bisa baca tutorialnya disini.

Kalau buat blog usahain namain blognya yang unik, menarik dan gak terlalu panjang. Misal pake nama loe aja gak masalah atau nama yang ada kaitannya sama topik blog yang bakal loe buat gan. Udah buat blog sekarang lanjut ke tips-tipsnya, cek it dot gan.

1. Tujuan Dan Topik

Tentuin apa tujuan loe blogging misal cuma buat fun, hobi, cari duit atau yang lainnya. Ini penting karena biar kedepannya loe bisa jadi seorang blogger yang jelas dan fokus gan. Maksudnya loe gak bakal berubah-rubah haluan dan ngikut-ngikutin orang laen. Kalau cuma ngikutin orang laen gak bakal sukses, karena setiap blogger punya kelebihan sendiri-sendiri gan.

Tujuan udah jelas sekarang tentuin topik blog loe gan. Sebaiknya topik blog sesuai sama hobi atau hal-hal yang loe sukai. Alasannya sederhana aja karena loe bakal lebih mudah dapet ide buat nulis postingan. Buat blogger ide menarik itu yang paling susah dicari gan. Selain itu kalau loe buat blog yang ada hubungannya sama hal-hal yang disukai, itu bakal bikin loe ngerasa lebih enjoy dan semangat ngelola blognya jadi bakal gak ada matinya gan.

2. Menulis Postingan

Udah punya blog dengan tujuan dan topik yang jelas, sekarang saatnya memulai menulis postingan gan. Sebelum mulai nulis, loe pasti pengen kelak postingan yang dibuat bakal dibaca banyak orang ya kan gan. Untuk itu loe perlu cari tau apa yang disukai dan menarik perhatian orang. Cara sederhana aja loe search di Google, ide menarik yang bakal loe tulis. Dari situ loe bakal tau berapa jumlah blog yang udah buat postingan tentang ide tersebut gan.

Manfaatin Google Keyword juga buat nyari tau jumlah orang yang mencari dan tingkat persaingan kata kunci gan. Ini penting karena sebagai pemula loe gak bakal bisa langsung ngalahin blogger-blogger senior dan nembus halaman depan Google semua butuh waktu gan. Jadi awalai dari yang tingkat persaingannya gak terlalu tinggi gan.

Buat postingan yang semenarik mungkin, usahain pake gambar kalau buat postingan karena " sebuah gambar lebih bermakna dari pada ribuan kata-kata " gan, memberi manfaat buat yang baca, bahasanya mudah dimengerti ( tulis sesuai gaya loe jangan ikut-ikutan orang ), jangan terlalu mikirin SEO ( gak penting buat pemula banget ), sering-sering update postingan biar blog loe di indexnya cepet sama Google juga bikin Alexa rank semakin bagus dan menulislah dengan tulus pasti hasilnya bakal maknyus gan.

Jangan pernah buat postingan yang gak sesuai dengan fakta alias nipu gan. Dan satu kesalahan seorang pemula biasanya seneng copas postingan orang laen, dengan tujuan biar isi postingan blog jadi banyak. Buat apa gan isi blog loe banyak tapi gak menarik dan cuma hasil copas?

Kunci sukses sebuah blog ada pada isi postingannya gan. Isi yang menarik selain disukai sama pengunjung juga bakal bikin postingan tersebut ada di halaman depan Google. Ini fakta bukan mimpi, silahkan dibuktikan sendiri gan.

3. Mencari Sesuatu ( Inspirasi )

Nyari sesuatu apaan ni gan? gini gan maksudnya mencari sesuatu itu loe sering-sering berkunjung ke blog orang laen istilah kerennya Blogwalking terutama blog-blog yang top, keren dan jumlah pengunjungnya banyak. Tujuannya ya buat mencari sesuatu yang berguna untuk kemajuan blog loe. Pertama amati gimana cara yang punya blog itu menyampaikan isi postingannya, terus desain blognya dan hal-hal menarik lainnya, yang kirannya nanti bisa jadi inspirasi dan diterapkan di blog loe gan.

Beda kalau loe udah senior gak perlu ngelakuin hal beginian sering-sering, karena orang laen yang bakal blogwalking ke blog loe gan. Coba aja loe cek mana ada blogger senior blogwalking kesana kemari terus ninggalin komen di blog orang laen, jarang banget kan. Bukannya mereka sombong tapi mereka udah punya pendirian dan fokus ke blognya sendiri gan.

Saat berkunjung ke blog orang laen kalau loe ngerasa dapet inspirasi, ada baiknya loe ninggalin komen gan. Buat komentar yang biasa aja gak pake ninggalin link-link segala, belajar jadi blogger yang punya tata krama biar loe dihargai sama temen-temen blogger yang laen gan. Boleh aja ninggalin link tapi jangan sering-sering dan jangan pake link hidup gan.

4. Target ( Rangking & Pengunjung )

Dalam membuat dan melakukan sesuatu tentu kalau punya target tinggi itu bagus banget gan. Disini sebagai seorang blogger pemula banget, saran gw jangan pasang target yang terlalu tinggi. Misal blog gw harus ada di urutan no 1 Google dan bisa ngalahin blognya si A, si B dll. Ini motivasi yang bagus sebenernya tapi loe juga harus sadar dan realistis kalau loe sebagai pemula butuh waktu untuk bisa mencapai itu semua gan.

Gak usah mikirin posisi di pencarian, tetep fokus buat postingan yang menarik dan kedepannya bakal di baca banyak orang. Dengan begini tanpa disadari apa yang menjadi harapan loe bakal tercapai dengan mudah gan. Jangan sering-sering ngecek posisi postingan di pencarian, karena kalau posisinya jelek bakal bikin semangat loe drop, biarin aja om Google bekerja membawa postingan loe ke posisi teratas dengan syarat isi postingan loe unik dan menarik gan.

Jangan juga terlalu mikirin jumlah pengunjung ke blog loe gan. Hal yang sangat wajar kalau blog baru jumlah pengunjungnya sedikit. Jadi gak usah dibawa stres kalau blog loe sepi, tetep semangat buat sesuatu yang menarik dan yakin sama apa yang loe buat. Dengan begitu tanpa loe sadari kedepannya pengunjung blog loe bakal meningkat dan semakin ramai gan. Gak ada yang mustahil di dunia perbloggingan gan.

5. Sosialisasi ( Promosi )

Ini salah satu hal yang paling penting buat ningkatin jumlah pengunjung dan popularitas blog loe gan. Mensosialisasikan blog loe melalui media sosial ke temen-temen atau orang-orang yang loe kenal gan. Jangan pernah merasa malu mempromosikan blog loe, PD aja sama hasil karya loe gan. Karena ini salah satu cara yang ampuh buat menarik perhatian pengunjung terutama buat blog pemula banget.

Beda kalau loe udah senior, gak perlu promosi pasti blog loe bakal banyak yang ngunjungin gan. Karena blog yang udah lama dan bagus udah punya pengunjung setia dan tetap gan. Juga para blogger senior punya trik masing-masing buat ningkatin jumlah pengunjungnya gan. Jadi buat pemula banget loe harus terus mempromosikan blog baru yang udah dibuat gan.

Tapi ada metode-metode promosi yang harus loe usahain untuk dihindari gan. Di antaranya submit postingan ke sosial bookmark, blog direktori dan artikel direktori. Alasannya karena banyak sosbook, blog direktori, maupun artikel direktori yang kualitasnya buruk gan. Jangan awali blog baru loe dengan hal-hal yang gak berkualitas gan. Mending loe join di forum buat nyari temen dan secara bertahap loe bisa mempromosikan blog loe, tapi jangan mengumbar link terutama link hidup dimana-mana gan.

6. Desain & SEO

Kenapa gw taruh desain dan SEO di bagian belakang? karena yang namamnya pemula kalau udah ngomongin desain sama SEO bakal lupa segalanya. Biasanya blogger pemula seneng banget ngutak-atik desain blognya, bahkan lebih fokus ngurusin desain dari pada buat postingan bener gak gan? Jadi usahain jangan terlalu mikirin desain blog, karena seiring dengan waktu loe bakal bisa bikin tampilan blog yang keren dan profesional gan.

SEO itu memang salah satu elemen penting biar blog yang loe buat bisa ada di halaman depan Google gan. Dimana-mana semua orang ngomongin SEO buat ningkatin rangking blog di mesin pencari. Tapi loe sebagai pemula ada baiknya jangan terlalu mikirin yang namanya SEO karena ini bisa bikin loe bingung gan. Jadi setiap mau buat postingan loe bakal kebayang-bayang yang namanya SEO.

Ini bisa bikin hasil postingan loe gak maksimal karena terlalu mikirin SEO, ngerasa serba salah dan terjebak dengan yang namanya SEO. Jujur ampe sekarang gw gak pernah terlalu mikirin SEO kalau buat postingan, yang gw pikirin cuma gimana postingan gw biar dibaca dan disukai banyak orang gan.

Tujuan utama kita nulis postingan untuk pengunjung bukan mesin pencari gan. Si om Google pun nyaranin kita buat ngelakuin hal ini gan. Untuk urusan SEO buat pemula sebaiknya lakuin hal-hal dasar aja misal memasang meta tag kalau pake Blogger, terus penempatan kata kunci di judul postingan dan submit blog loe ke Google Webmaster Tool sama tambahin Google Analystic di blog ( tutorialnya cari di Google ) gan. Seiring waktu loe bakal lebih mengerti dan memahami gimana SEO itu gan.

7. Belajar

Ini tips terakhir buat pemula banget yakni belajar gan. Kalau kita pengen pinter ya harus belajar bener kan gan. Jangan pernah takut buat belajar tentang hal-hal yang berkaitan dengan dunia blogging gan. Awali buat belajar hal-hal dasar tentang kode HTML, karena kode HTML merupakan elemen dasar sebuah blog terutama di Blogger. Jadi kedepannya loe bakal lebih mudah buat ngedit-ngedit blog gan.

Belajar juga hal-hal dasar tentang SEO lalu secara bertahap loe coba praktekan. Karena SEO itu harus dipraktekan buat ngetahui berhasil apa gak gan. Gw gak bakal bahas SEO terlalu jauh disini, loe bisa baca postingan gw tentang tips SEO untuk pemula gan.

Selain belajar kedua hal di atas loe juga harus belajar dari blogger laen gan. Jangan pernah malu buat bertanya, kalau emang gak enak nanya lewat kotak komentar loe bisa email yang punya blog. Semakin banyak loe belajar semakin bertambah kemampuan yang loe miliki gan.



Itulah tips-tips yang bisa dipertimbangkan buat memulai blogging untuk yang pemula banget gan. Sebelum gw akhiri ini ada beberapa tips sederhana tentang hal-hal yang harus loe hindari dalam blogging untuk pemula banget, berikut ini tipsnya gan :

• Hindari pakai widget yang berlebihan, selain bikin berat blog juga bikin tampilan blog gak karuan.
• Memoneytize blog, jangan terlalu banyak pasang banner iklan kalau bisa gak perlu pasang iklan dulu. Biarin blog loe umurnya agak lama dan pengunjungnya mulai rame baru pasang iklan gan. Sederhana aja, blog yang baru tentu gak punya nilai jual yang tinggi kalau di banding blog yg umurnya udah lama. Kalau mau dapet duit dari iklan harus sabar gan.
• Jangan menonaktifkan fitur komentar, karena loe sebagai blogger harus deket sama pengunjung blog. Tanpa mereka blog yang loe buat gak akan ada artinya gan.
• Tukeran link sama blog yang gak relevan, biasanya pemula seneng banget tukeran link dan ngerasa bangga kalau punya banyak link dari blog laen ya kan gan? Hati-hati ini melanggar aturan dari Google, kedepannya loe pasti bakal ngerti gan.

Sekian dulu yang bisa gw share kali ini, semoga bermanfaat buat kalian yang ingin memulai blogging terutama bagi pemula banget. Inget juga buat ninggalin komentar di bawah ya, gak usah malu-malu gan

• Semoga Bermanfaat 

Credits By : http://seociyus.blogspot.com