Cara Memasang Script anti iFrame Di Blog

Cara Memasang Script Anti iFrame di Blog - Sebenarnya tutorial blogini sudah sangat banyak di internet. Tapi Gan Blognya Anas Pencita Tanah Air  juga ikut membantu memposting mengenai tutorial blog yang satu ini. Tutorial kali ini akan membahas mengenai Script Anti iFrame di blog. Script ini sendiri berguna untuk pencarian gambar di blog Anda. Sehingga ketika ada orang yang meng-klik gambar dari blog Anda dalam pencarian google(gambar) maka akan langsung redirect ke alamat url blog Anda. Tentu trik seperti ini sangat bermanfaat untuk mengundang visitor blog lebih banyak apalagi dengan adanya kontes SEO sepertiSoftware Akuntansi. Sebenarnya di platform wordpress script ini sudah disediakan di plugins. Akan tetapi di platform blogspot belum disediakan. Terus bagaimana cara memasang Anti iFrame di blogspot? Berikut langkahnya:

1. Login ke Akun Blogger Anda

2. Masuk ke Design/Tata Letak

3. Lalu klik Edit HTML

4. Centang Expand Widget Template

5. Cari kode </head> Gunakanlah ctrl+F untuk mencari lebih cepat

6. Lalu copy kode di bawah ini dan letakkan di atas kode </head> tadi

<script language='JavaScript' type='text/javascript'> if (top.location != self.location) top.location.replace(self.location); </script>

7. Lalu klik Simpan

Selamat mencoba dan Semoga bermanfaat ^^

Turtol Buat Fans Page Di Blog

Dalam kesempatan kali Anas Si Pencinta Tanah Air akan bebagi cara membuat like facebook diblog. Sobat bisa liat caranya dibahan ini . contohnya kamu bisa lihat pada gambar dibawah ini

Sebelum kamu memasang like box facebook melayang dihalam blog kamu, kamu terlebih dahulu harus meiliki halaman Fans page Facebook (Baca Cara Membuat Halaman Fans Page Facebook), setelah ini kamu harus mengambil kode Like Box Facebook dari halaman Fans Page Facebook kamu (Baca Caranya Memasang Linke Box Facebook Di Blog).. jika semua sudah siap dan supaya tidak kepanjangan cerita langsung saja kita bahas bareng-bareng mengenai resep Memasang Like Box Facebook Melayang Di Blog ini sebagai berikut :

1. Login Kehalaman Blog Masing-masing
2. Dari bagian dashbord blog kamu pilih Tata Letak atau Layout

3. Jika sudah klik Add a Gadget atau Tambah Gadget

4. Pilih Widget HTML//JavaScrip

5. Copy Kode dibawah dan letakan kode tersebut kedalam kolom HTML/JavaScript

<!-- Script kotak like Facebook Melayang mrrainboow-xp -->
<style type="text/css">
#topbar{
position:absolute;
padding-left:260px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<table border="1" bgcolor="FFFFFF">
<tr>
<td>
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXfjeCwgSeF2knbQn8OwDgKjOa6CbWPkTWE8ND4bKcgeUK4Kpv8TieOt4MFbZUMPxCEHRHJgA1n7XtrSknKKGJDeJNCJFbFUJ9vADUY6i4lW6xPfw35lIiPA8zNzNgW4CoVGAvLyxFvjgk/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">


Letakan Script/code Like Box fans page Anda di sini


</div>
</center></td>
</tr>
</table>
</div>
<!-- End Like Fan Page Melayang MrRainboow-xp -->

6. Klik Simpan
7. Selesai dan lihat hasilnya.

Selamat Mencobak Ya, Tunggu Trik Yang Lain...........!!!!

Cara Mebuat Link Tab Menu

Sistem navigasi yang baik dalam blog sangatlah diperlukan yang jelas2 dapat mempermudah pengunjung blog saat sedang menjelajahi isi blog kamu. Sistem navigasi ini bisa berupa Menu, baik horizontal maupun vertikal, atau berupa post yg dengan sedemikian rupa diubah menjadi halaman navigasi. Lalu, apa yg menarik dari Menu Horizontal Tab ini?



Menu Horizontal bisa menjadi alternatif buat Menu Vertikal biasanya dan bisa jadi ngebuat halaman
blog jadi lebih hemat. Melihat dari pentingya keberadaan nya, Menu Horizontal Tab biasanya diletakkan di tempat yg mudah dilihat pengunjung. Di bawah Header contohnya.

1. Langkah pertama, masuk ke Layout > Edit HTML.

2. Masukkan kode CSS ke dalam template, gampangnya letakkan di atas kode ]]></b:skin>

#navigation{font-size:110%;
height:2.2em;
line-height:2.2em;
margin:0 1px;
color:#999;
}
#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ccc;
white-space:nowrap;
}
#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #999;
}
* html #navigation a {width:1%;}
#navigation a:hover{
background:#ccc;
color:#fff;
text-decoration:none;
}

3. Selanjutnya cari kode ini:

<b:section class="header" id="header" maxwidgets="1" showaddelement=”no”>

Kalo engga ketemu cari section dengan class="header".
Lalu ubah menjadi:

<b:section class="header" id="header" maxwidgets="10" showaddelement="yes">

Ini dilakukan supaya kamu bisa memasukkan element di bawah bagian header blog kamu.

4. Lalu masuk ke Page Elements. Di bawah bagian Header, klik Add a Gadget. Pilih HTML/JavaScript

5. Masukkan kode2 ini ke dalamnya:

<div style="text-align: center;">
<div id="navigation">
<ul>
<li class="selected">
<a href="http://blogkamu.blogspot.com/">Home</a></li>
<li><a href="http://blogger-holic.blogspot.com/search/label/LABEL" >Link Label</a></li>
<li><a href="http://blogger-holic.blogspot.com/">Blogroll Links</a></li>
</ul>
</div>
</div>

6. Klik save.


Menu horizontal tab sebaiknya diisi dengan link yg bisa menjadi 'pintu2' bagi artikel lainnya. Contohnya dengan link menuju label tertentu. Dan jangan juga mengisi nya dengan terlalu banyak link, tentunya bakal bikin jadi penuh nantinya.

Pas lagi2 jalan ke blognya http://unknown-mboh.blogspot.com, saya nemuin ada sebuah online tools yg bisa ngedesain menu, horizontal bisa.. vertikal apalagi. Namanya MyCSSMenu. Tools ini rasanya perlu dicoba, selain prosesnya yg mudah, pilihan menunya juga banyak.


Update:
Ok, menu sudah terpasang, terus bagaimana caranya nambah isi link ke dalam menunya?
Caranya mudah aja koq..
tinggal tambahkan:

<li><a href="Insert_Here_" >Anchor text</a></a></li>

diantara <ul> dan </ul>. Ubah Insert_Here dengan link yang akan dimasukkan ke dalam menu dan ubah Anchor text sesuai link yang dituju.