Cara memasang iklan melayang di blogspot

Apabila kita ingin menampilkan iklan pada halaman blog kita dan mudah terlihat oleh pengunjung.kita dapat memasang script sesuai judul posting di atas.

Berikut Cara memasang iklan melayang di blogspot:

Login ke akun blogger kalian =>> klik rancangan =>> Klik Layout/Tata Letak =>> Elemen Halaman =>> klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan=>> Cari dan pilih HTML/Javascript

Lalu copy kode 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 #000000;
background:#F1DEDE;
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()">
.:<img src="http://lh6.ggpht.com/_RVpTV2JOOxA/S8X3Rh5G2OI/AAAAAAAACxI/0zISG8UL24A/tutup_iklan_t4belajarblogger.png" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>
SCRIPT IKLAN ANDA DI SINI~
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>


jangan lupa simpan.

Begitulah cara memasang iklan melayang di blogspot.

Menampilkan Resent Post Slide.

Recent post atau postingan artikel terakhir/terbaru pada blog kita dapat kita tampilkan berupa slide.

Berikut langkah langkah nya:

Langkah pertama login ke akun blogger kalian
dashboard=>klik rancangan=>Tambah Gadget=>HTML/JavaScript
Copy script di bawah ini ke dalam HTML/JavaScript.

Copy script di bawah ini ke dalam HTML/JavaScript dan letakan di tempat yang kalian inginkan.


<style type="text/css">
#rp_plus_img{height:212px;overflow:hidden;padding:6px 10px 14px 5px;background-color:#ffffff;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px #000000;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://hensblog.googlecode.com/files/rpplusimgnt-v1.0.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 10;
var numchars = 125;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

langkah terakhir Simpan Gadget.

Menampilkan Postingan Berupa Judul.

Menampilkan postingan artikel blog kita hanya berupa judul saja,selain blog menjadi kelihatan simpel juga mempermudah pengunjung memilih artikel yang di cari nya tanpa melihat daftar isi.

Berikut langkah langkah nya:

Langkah pertama login ke akun blogger kalian
dashboard=>klik rancangan=>Edit HTML(Jangan lupa expand widget).

Copy Kode di bawah ini dan letakan di bawah kode ]]></b:skin>

<style type='text/css'>
     <b:if cond='data:blog.pageType != &quot;item&quot;'>
     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
     .post-body{display:none;}
     </b:if>
     </b:if>
     </style>

Jangan lupa Save Template.

Mendisable Klik Kanan.

Berikut Cara Mendisable Klik Kanan ikuti langkah-langkah di bawah ini:

Langkah pertama login ke akun blogger kalian
dashboard=>klik rancangan=>Tambah Gadget=>HTML/JavaScript
Copy script di bawah ini ke dalam HTML/JavaScript.

<script>

var message="Mouse rusak...";

///////////////////////////////////

function clickIE4(){if (event.button==2){alert(message);return false;}}

function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}

if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}

else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}

document.oncontextmenu=new Function("alert(message);return false")

</script>

Gampangkan.

Memasang Menu Horizontal Pada Blogspot

Dalam template blogspot standart tidak terdapat menu horizontal,menu horizontal sendiri selain berfungsi untuk mempercantik tampilan blog kita juga berfungsi sebagai menu navigasi halaman blog kita.

Berikut cara memasang menu horizontal pada blogspot:

login ke akun blogger kalian=>>
dashbord =>> rancangan =>> edit html(jangan lupa centang expand widgat).

langkah pertama cari kode  ]]></b:skin>

letakkan kode berikut ini tepat di atas kode ]]></b:skin>

.horizontal-menu{width:100%; overflow:hidden; border-bottom:0px solid #000000;}
.horizontal-menu ul{margin:0; padding:0; padding-left:0px; font:11px Arial; list-style-type:none}
.horizontal-menu li{display:inline; margin:0}
.horizontal-menu li a{float:left; display:block; text-decoration:none; margin-right:2px; padding:2px 2px 2px 2px; color:#000000; background:#999999;}
.horizontal-menu li a:hover{color:#FFFFFF; background:#FF9900}

jangan lupa save atau simpan template.


langkah kedua yaitu:

klik rancangan =>> Klik Layout/Tata Letak =>> Elemen Halaman =>> Cari dan pilih HTML/Javascript

Copy kode di bawah ini dan taruh gadget HTML/Javascript yang baru kalian copy tepat di bawah header.


<div class='menupic'>

<div class='menuhorisontal'>
<ul>
<li class='selected'><a href='http://url kalian.com/'>HOME</a></li>
<li><a href='http://url kalian.com/'>bisnis</a></li>
<li><a href='http://url kalian.com/'>panduan</a></li>
<li><a href='http://url kalian.com/'>seo</a></li>
<li class='selected'><a href='#?max-results=10'>More</a></li>
</ul>
</div>
</div>

keterangan :
ganti tulisan yang berwarna BIRU dengan alamat blog kalian.
ganti tulisan yang berwarna HIJAU dengan label blog kalian.
Begitulah memasang menu horizontal pada blogspot.
Silakan di coba.