Membuat Blog Anti Copy, Anti Klik Kanan dan Anti Blok

Bloggerabiz | Tidak mau posting anda dicopy oleh seseorang, Ingin webnya tidak bisa diklik kanan, atau ingin webnya tidak bisa diblok, Inilah trick singkat untuk mengubah blog anda menjadi blog yang Anti Copy...

Baca Selengkapnya di: Membuat Blog Anti Copy, Anti Klik Kanan dan Anti Blok

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

Membuat Emoticon diatas Form Komentar di Blogspot

Bloggerabiz | Emoticon adalah gambar yang menunjukan ekspresi user web anda, biasanya dipakai untuk komentar di banyak blog. Bagi anda para blogger yang kesulitan membuat emoticon di atas form komentar di blogspot. Semoga tutorial ini bisa membantu.


Baca Selengkapnya di: Membuat Emoticon diatas Form Komentar di Blogspot 

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

Membuat Script PopUp / Float Iklan di Blog

Bloggerabiz | Pernahkah anda melihat ada iklan yang melayang-layang di suatu web, hal itu dikarenakan terdapat script popup diweb tersebut. Popup script sangat berguna bagi anda yang menginginkan orang lebih banyak melihat link-link anda atau iklan-iklan anda. Bagi anda yang kesulitan untuk membuat popup iklan anda semoga trick simple ini bisa membantu mengatasi persoalan anda.

Baca Selengkapnya di: Membuat Script PopUp / Float Iklan di Blog

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

Optimasi SEO | Mempercepat Web Terdaftar di Search Engine

Bloggerabiz | Bagi anda yang kebingungan mengapa web anda tidak kunjung-kunjung terdaftar di search engine, seperti google, yahoo, bing dan lain-lain. Semoga dengan cara ini dapat mempermudah blog anda untuk terdaftar di deretan teratas di search engine.

Baca Selengkapnya di: Optimasi SEO | Mempercepat Web Terdaftar di Search Engine

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

Tema Baru Keren untuk Blogger

Bloggerabiz | Sekarang Anda bisa menikmati template baru dari blogger, template yang sangat dinamik dan menarik sehingga blogger menyebutnya template "Dynamic View". Template terbaru ini terdapat bermacam kategori dan template dapat diubah hanya dengan sekali klik,

Baca Selengkapnya di: Tema Baru Keren untuk Blogger 

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

Membuat Link Tombol Balas Komentar (Reply) di Blogger

Bloggerabiz | Memberikan pembaca Anda dengan navigasi web yang mudah dan menyenangkan harus selalu menjadi prioritas pertama Anda untuk membuat web. sebuah blog video seperti YouTube atau web forum atau semua situs besar lainnya memiliki link balasan yang ada pada setiap komentar diposting di situsnya. Oleh karena itu saya berikan tips singkat untuk membuat link balas komentar (reply) di blogspot.
Baca Selengkapnya di: Bloggerabiz 

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

Mengganti Pager di Blogspot dengan Judul Posting

Bloggerabiz | Bagaimana cara menganti pager blog anda seperti posting lebih baru, beranda dan posting lebih lama dengan menggunakan judul posting blog anda.

Baca Selengkapnya di: Mengganti Pager di Blogspot dengan Judul Posting

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

Bagaimana Langkah-Langkah Membuat Blog di Blogspot ???

Artikel ini ditujukan bagi anda yang awam dan  belum tahu blogspot, dan bagaimana cara membuat blog di blogspot, dan ingin membuat blog.Tak kenal maka tak sayang, baiklah kita berkenalan dengan blog ?? heheh


Buka situs blogger.com atau blogspot.com

1. Klik Memulai (bagi yang tidak mempunyai google mail (gmail))

Baca Selengkapnya di: Bagaimana Cara Membuat Blog di Blogspot 

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

Cara Membuat Iklan Melayang

Cara Membuat Iklan Melayang

ini script gan, untuk buat iklan kita melayang  bisa agan liat contoh nya di blog ane Komputer
langsung aja gan copas coding nya.


 <style type="text/css">


#topbar{
position:absolute;
left:9px;
border: 2px red;
padding: 2px;
background-color: #FFFFFF;
width: 750px;
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>


<div class="clear"></div>
<div id="topbar">
<div style="text-align:right">
<a style="color: rgb(255, 0, 0); font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><button>DOUBLE KLIK TO CLOSE ( 2x KLIK )</button></span></a></div><a style="font-weight: bold; color: black(51, 255, 51);">
</a><p><a style="font-weight: bold; color: black(51, 255, 51);" title=""><h2><center>Bantu Kami Mengembangkan Website Ini Dengan Satu Kali Klik Iklan DiBawah Ini. Terimakasih</center></h2></a>




</p>
<left><table style="width: 700px; height: 50px;" border="0"><tbody><tr><td style="vertical-align: top;">
<center>
IKLAN MELAYANG DISINI


</center>


<p></p><p></p></td></tr></tbody></table></left></div>

cara nya:
1. login di blog agan yak..
2. rancangan
3. tambah kan widget dan copas coding nya
4. copas juga iklan agan yak pada tulisan merah
5. save dah

Cara Membuat Iklan Melayang

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

kumpulan java skript

tinggal copy aja.

untuk MENAMPILKAN WAPMETER

<font color="lime"><script language="JavaScript" src="http://vhenom.wen.ru/script/wapmeter2.js"></script></font> <span style="color: rgb(114, 45, 50);"></span>

UNTUK MENAMPILKAN UCAPAN SELAMAT DATANG

<script language="JavaScript">alert("Selamat datang")</script> <span style="color: rgb(114, 45, 50);"></span>

js UNTUK MENAMPILKAN RESOLUSI PONSEL YG DI GUNAKAN PENGUNJUNG

<font color="lime"><script language="JavaScript" src="http://vhenom.wen.ru/script/resolusi.js"></script></font> <span style="color: rgb(114, 45, 50);"></span>

Script dialogue input name command/perintah agar visitor memasukan nama ketika pertama kali memasuki page, script ini tdk tampil dgn Opera-Mini

<span style="color: rgb(114, 45, 50);"></span><script language="JavaScript" src="http://vhenom.wen.ru/script/dialog.js"></script>

UNTUK MEMBUAT GOESTBOOK

color="maroon"><small><b>NAMA: <input type="text" name="name" maxlength="15" value=""/> PESAN: <input type="text" name="msg" value=""/> URL: <input type="text" name="url" value="http://"/> <input type="submit" value="KIRIM"></b></font><small></form>

MEMBUAT FORM ADD TO GOOGLE

<span style="color: rgb(114, 45, 50);"></span><font color="slateblue"><b>Add Your Site To Google</b></font> <!--h--><card id="sunce" title="skorpija.net"><p align="center"><b>Url</b> <input name="dodaj" type="text" emptyok="true" title="site adress" maxlength="120" value="http://"/> <b>Description</b> <input name="sadrzaj" type="text" emptyok="true" title="descrption" maxlength="200" value=""/> <b><a href="http://www.google.com/addurl?q=&%3 Bhl=en&%3Bdqq=/opf=1&_1001q=&_1002q=&_1002 dq= (sadrzaj)&_1002captcha=&_1002i1 =Add%20URL">OK</a></b>  

UNTUK MENAMPILKAN JENIS DAN TYPE HANDPHONE VISITOR

<div style="background-color:black"><div style="border:2px solid#002222"><div style="border:2px solid#222222"><div style="border:2px solid#333333"><div style="border:2px solid#555555"><div style="border:2px solid#777777"><div style="border:2px solid#999999"><p align="center"><font color="maroon"><b>Selamat Datang!</b></font> <font color="olive"><b>Pengguna</b></font> <font color="green"><b><script language="JavaScript" type="text/javascript" src="http://lenivye.org.ru/vizitor2.js.php"></script></font></p></div></div></div></div></div></div></div><span style="color: rgb(114, 45, 50);"></span>

MENAMPILKAN CALCULATOR

<span style="color: rgb(114, 45, 50);"></span><font color="silver"><script language="JavaScript" src="http://vhenzo.madpath.com/script/calculator js.php"></script></font>

MENAMPILAKN GGOGLE INDONESIA

<span style="color: rgb(114, 45, 50);"></span><font color="#ffa500"><script language="JavaScript" src="http://vhenzo.madpath.com/script/google js.php"></script></font>

 

MENAMPILKAN SOURCE CODE VIEWER

<script language="JavaScript" src="http://vhenzo.madpath.com/script/source js.php"></script><span style="color: rgb(114, 45, 50);"></span>

MENAMPILKAN IP VISITOR

<span style="color: rgb(114, 45, 50);"></span><script language="JavaScript" src="http://vhenzo.madpath.com/script/ip js.php"></script>

MENAMPIILKAN COVENTER TAHUN HIJRIAH

<font color="blue"><script language="JavaScript" src="http://vhenzo.madpath.com/script/convert_hijriyahjs.php"></script></font> <span style="color: rgb(114, 45, 50);"></span>

MENAMPILKAN PAGE RANK, ALEXA RANK DALAM SATU PAKET

<span style="color: rgb(114, 45, 50);"></span><a href="http://popuri.us" ><img alt="My Popularity (by popuri.us)" src="http://popuri.us/widgets/?type=dark" /></a>

Untuk menampilkan ip, negara asal, browser dan os pengunjun 

<a href="http://www.123myip.co.uk/cometo/?en"><img src="http://www.123myip.co.uk/ip-address/?size=125x125" border="0" width="125" height="125" alt="IP" /></a><span style="color: rgb(114, 45, 50);"></span>

 

Untuk menampilkan counter bendera negara asal pengunjung

<span style="color: rgb(114, 45, 50);"></span><a href="http://s03.flagcounter.com/more/gNMI"><img src="http://s03.flagcounter.com/count/gNMI/bg=FFFFFF/txt=000000/border=CCCCCC/columns=2/maxflags=18/viewers=0/labels=0/" alt="free counters" border="0"></a>

Untuk menampilkan jumlah kunjungan visitoR

<span style="color: rgb(114, 45, 50);"></span></code></span><span class="fullpost"><code> <font color="blue"><script language="JavaScript" src="http://vhenom.wen.ru/script/online2.js"></script></font> </code></span><span class="fullpost"><code>

BUAT ANCHOR TEXT

<span style="color: rgb(114, 45, 50);"></span><div style="height: 100px;width: 200px;border:1px solid #c0c0c0;overflow-y: scroll;overflow-x: hidden;text-align:center;">Link Exchange<br /> <a target="new" title="arifblog" href="http://arifkuk.blogspot.com">arifblog</a><br /> <a target="new" title="Bikinduit" href="http://bikinduit.com/?ref=Masmumun">Bikinduit</a><br /> <a target="new" title="Carirupiah" href="http://carirupiah1.blogspot.com">Carirupiah</a><br /> <a target="new" title="Rupiah" href="http://cariuang3.blogspot.com">Uang</a><br /> </div>

       

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

cara automatis naikan traffic dan page rank free

cara automatis naikan traffic dan page rank free

kapan lagi surf gratis, traaffic pengen kan naik?  Page RanK bisa cepet naik lagi...
silakan klik banner di bawah ini. semakin banyak anda mendaftar, maka semakin banyak traffic yang anda dapatkan...

please klik banner nya for sing up:

 

ini juga harus coba ya...

cara automatis naikan traffic dan page rank free

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

Cara Pasang Google search di blog

cara pasang google search widget di blog

 Buat anda yang juga pengen widget google search, silahkan baca artikel ini sampe tuntas

Untuk memasang google search widget ini, caranya sama seperti pasang yahoo search widget. Anda login dulu di blogger, kemudian masuk ke halaman tata letak lalu tambahkan page element dan pilih yang html/javascript. Selanjutnya, silahkan copy paste kode dibawah dan ganti text yang berwarna hijau sesuai dengan keterangan blog anda :

=======================

<form action="http://www.google.com/search" method="get">

<input onfocus="this.style.background='#fff';" maxlength="255" value=""
type="text"onblur="if(this.value=='')this.style.background='#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat'" style="height:18px;border: solid 1px black; background:#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat; position:relative;" size="25" name="q"/>

<input id="btn_undefined" style="position:absolute;padding-left:5px;"
value="Search" src="http://bloggerplugins.googlepages.com/yahoo-search-widget-button.png"
type="image"/><br/>

<div style="margin-top:5px;">

<li style="display:inline;padding-right:10px;margin-top:5px;">
<input checked="checked" value="" name="sitesearch" type="checkbox"/> Web</li>

<li style="display:inline;padding-right:10px;margin-top:5px;">
<input checked="checked" value="http://bloganda.blogspot.com" name="sitesearch"
type="checkbox"/> Blog Anda</li>

</div>
</form>

========================

setelah copy paste, jangan lupa untuk mengganti text yang berwarna hijau dengan nama blog anda…Ok..silahkan dicoba..

Cara Pasang Google search di blog

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

Cara Pasang Radio Di Blog Terbaru

Cara Pasang Radio Di Blog Terbaru

Dengan radiobox berbasis flash ini, tidak perlu lagi mensetup program multimedia untuk mendengarkan streaming radio sunnah, cukup dengan browser (serta tentu saja koneksi internet dan speaker) saja. Lebih dari itu, anda dapat mengganti streaming radio dengan mengklik channel radio yang anda inginkan. Kami telah memasangnya di sisi kanan blog ini dan insya Allah menyusul nanti pada semua fasilitas-fasilitas yang kami sediakan pada assunnah.web.id. Menarik dan bermanfaat bukan? Mau?


Tenang saja, radiobox ini dapat ditanam di situs maupun blog. Bagi anda yang ingin memasang radiobox ini. Silahkan copy kode radiobox berikut ini, lalu paste di situs anda pada tempat yang sesuai. (di postingan atau di widget HTML/Java script)

==================


<span class="Apple-style-span" style="color: #990000;"><script src="http://assunnah.web.id/radiobox/radiobox.js" type="text/javascript">
</font></p>
<p>


<font class="Apple-style-span" color="#990000">
</script></span>
<span class="Apple-style-span" style="color: #990000;"></span>




<center><span class="Apple-style-span" style="color: #990000;"><embed allowfullscreen="true" allowscriptaccess="always" flashvars="width=205&amp;height=120&amp;file=http://assunnah.web.id/radiobox/playlist.xml&amp;displaywidth=100&amp;shuffle=false&amp;overstretch=fit&amp;showeq=true&amp;showstop=true" height="120" src="http://assunnah.web.id/radiobox/mediaplayer.swf" width="205"></embed></span>
<span class="Apple-style-span" style="color: #990000;"><a href="http://forantum.blogspot.com/2009/11/memasang-radio-di-blog-2.html" target="_blank">Pasang radiobox ini di blog anda!</a></span></center>
<span class="Apple-style-span" style="color: #990000;">
</span>



=================


Dengan radiobox ini, apapun pilihan anda, ingin mendengarkan murottal atau kajian, anda tinggal mengklik radio yang sedang menyiarkan siaran yang anda sukai.

Cara Pasang Radio Di Blog Terbaru

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

Cara Membuat Sub DropDown Menu Horizontal

Bgi Ku berbagi adalah sebuah yang luar biasa. dan ini kesempatan bagi kita untuk salaing mengenal ya kn??

Cara Membuat Sub DropDown Menu Horizontal

Dalam kesempatan ini saya akan sedikit menambahkah tentang "Membuat Sub Dropdown Pada Horizontal Menu". Jangan kedipkan mata kamu dan mari kita mulai  trik bloggernya.

Oia, sebelumnya buat dulu horizontal menu, silakan buka Membuat Menu Horizontal dan Membuat Sub Drop Down Menu


Login dulu ke account blogger kamu.
Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips: Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

Tambahkan kode CSS berikut di bawah kode CSS menu horizontal yang ada.

    #nav li ul a {
    width: 100px;
    }
    #nav li ul ul {
    position: absolute;
    margin: -30% 0 0 95%;
    }
    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left:-999em;
    }
    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left:auto;
    }
    #nav li li li.sfhover ul {
    left:auto;
    }
    #nav li:hover, #nav li.sfhover {
    position:static;
    }


 Cari kode HTML <div id='navleft'>.

Tips: Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

Kemudian tambahkan menu turunan kedua, seperti kamu menambahkan dropdown menu dalam horizontal navigasi (turunan pertama). Illustrasi kodenya adalah sebagai berikut.

    <div id='navleft'>
    <div id='nav'>
    <ul>
    <li><a href='http://Alamat_Blog_Kamu.blogspot.com/'>home</a></li>
    <li><a href='http://Link_yang_dituju'>teks kamu</a></li>
    <li><a href='http://Link_yang_dituju'>teks kamu</a>
    <ul>
    <li><a href='URL sub 1'>teks kamu</a></li>
    <li><a href='URL sub 2'>teks kamu</a></li>
    <li><a href='URL sub 3'>teks kamu</a>

    <ul>
    <li><a href='URL sub 3.1'>teks kamu</a></li>
    <li><a href='URL sub 3.2'>teks kamu</a></li>
    </ul>
    </li>

    </ul>
    </li>
    <li><a href='http://Link_yang_dituju'>teks kamu</a></li>
    <li><a href='http://Link_yang_dituju'>teks kamu</a></li>
    </ul>
    </div>
    </div>


Jangan lupa disimpan. ncang


Selamat membuat sub dropdown pada horizontal menu...

Cara Membuat Sub DropDown Menu Horizontal

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

membuat Dropdwon Menu Horizontal

Di posting yang kemarin saya telah post membuat menu horizontal. dan sekarang coba saya share bagaimana membuat dropdown menu horizontal.

Berikut trik menambahkan dropdown menu dalam horizontal navigasi :

Sebelumnya buat dulu horizontal menu. Silakan buka  Membuat Horizontal Menu di blog 2
Login ke account blogger kamu.
Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

Cari kode HTML di bawah ini yang posisinya diantara <body> ... <body>.

    <div id='navleft'>

    <div id='nav'>

    <ul>

    <li><a href='http://Alamat_Blog_Kamu.blogspot.com/'>home</a></li>

    <li><a href='http://Link_yang_dituju'>Add Link</a></li>

    <li><a href='http://Link_yang_dituju'>Add Link</a></li>

    <li><a href='http://Link_yang_dituju'>Add Link</a></li>

    <li><a href='http://Link_yang_dituju'>Add Link</a></li>

    </ul>

    </div>

    </div>

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

Tambah kode berikut di nav link yang kamu inginkan, letakkan sebelum </li>.

    <ul>

    <li><a href='URL sub 1'>Sub menu 1</a></li>

    <li><a href='URL sub 2'>Sub menu 2</a></li>

    <li><a href='URL sub 3'>Sub menu 3</a></li>

    </ul>

Contoh :

    <div id='navleft'>

    <div id='nav'>

    <ul>

    <li><a href='http://Alamat_Blog_Kamu.blogspot.com/'>home</a></li>

    <li><a href='http://Link_yang_dituju'>Add Link</a></li>

    <li><a href='http://Link_yang_dituju'>Add Link</a>

    <ul>

    <li><a href='URL sub 1'>Sub menu 1</a></li>

    <li><a href='URL sub 2'>Sub menu 2</a></li>

    <li><a href='URL sub 3'>Sub menu 3</a></li>

    </ul>

    </li>

    <li><a href='http://Link_yang_dituju'>Add Link</a></li>

    <li><a href='http://Link_yang_dituju'>Add Link</a></li>

    </ul>

    </div>

    </div>

Catatan :

   1. Perhatikan peletakkan kode untuk menambah menu dropdown, ditandai dengan warna hijau.

   2. Ganti kode yang berwarna merah dengan alamat link dan teks yang kamu inginkan.

Jangan lupa disimpan.

Tambahan : Kode CSS #nav li li yang perlu kamu optimasi adalah sebagai berikut.

#nav li li {

float: left;

margin: 0px;

padding: 0px;

width: 150px; <!-- lebar dropdown menu -->

}

#nav li li a, #nav li li a:link, #nav li li a:visited {

background: #ffffff; <!-- warna latar dropdown menu -->

width: 160px; <!-- lebar dropdown menu, ketika disentuh korsur/mouse -->

float: none;

margin: 0px;

padding: 7px 30px 7px 10px;

border-bottom: 1px solid #ffffff; <!-- garis tepi bawah dropdown menu -->

border-left: 1px solid #ffffff; <!-- garis tepi kiri dropdown menu -->

border-right: 1px solid #ffffff; <!-- garis tepi kanan dropdown menu -->

<!-- atau kamu bisa mengganti kode border-bottom, left, dan right dengan kode border: 1px solid #ffffff; -->

}

#nav li li a:hover, #nav li li a:active {

background: #c06000; <!-- warna latar dropdown menu , ketika disentuh korsur/mouse -->

padding: 7px 30px 7px 10px;

}

bila bermanfaat, mohon komentar nya:

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

Cara Membuat Google Translete Versi Baru

Goggle translate sangat berguna, terutama apabila pengunjung datang dari mancanegara. Mereka tinggal mentranslate bahasa blog kita ke bahasa yang mereka inginkan. versi lama atau versi baru sama-sama memiliki keuntungan. Versi lama lebih simpel sedangkan versi baru lebih menarik dan bagus untuk menghiasi blog kita :

Cara memasang widget Google translate versi baru sebagai berikut :

1. Login ke blogger --->> Tata letak --->> Elemen Halaman --->> Tambah gadget --->> Pilih HTML/Java Script.

2. Copy paste kode berikut : ( Pilih salah satu jenis widget google penerjemah yang sobat sukai )

Kodenya :
====================================

<center><a href="http://forantum.blogspot.com" target=" blank"><b>Google Translate</b></a></center>
<div style="overflow:no; width:100%px; height:100%px; padding: 5px; background: #FFFFFF;">
<style>
.google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
.google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; }
.google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }
</style>
<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" src="http://img31.imageshack.us/img31/1661/pinginbelajarsaudiarabi.gif" style="cursor: pointer;margin-right:3px"/></a>


<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" src="http://img43.imageshack.us/img43/2771/pinginbelajarsouthkorea.gif" style="cursor: pointer;margin-right:3px"/></a>


<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" src="http://img34.imageshack.us/img34/4583/pinginbelajarjapan.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>


<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" src="http://img41.imageshack.us/img41/1681/pinginbelajarchina.gif" style="cursor: pointer;margin-right:3px"/></a>


<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" src="http://img32.imageshack.us/img32/7591/pinginbelajarrussia.gif" style="cursor: pointer;margin-right:3px"/></a>


<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" src="http://img31.imageshack.us/img31/7112/pinginbelajarbrazil.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>


<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" src="http://img43.imageshack.us/img43/2598/pinginbelajarunitedking.gif" style="cursor: pointer;margin-right:3px"/></a>


<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" src="http://img40.imageshack.us/img40/4035/pinginbelajarfrance.gif" style="cursor: pointer;margin-right:3px"/></a>


<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" src="http://img38.imageshack.us/img38/344/pinginbelajargermany.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>


<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" src="http://img41.imageshack.us/img41/1191/pinginbelajarspain.gif" style="cursor: pointer;margin-right:3px"/></a>


<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" src="http://img36.imageshack.us/img36/6670/pinginbelajaritalia.gif" style="cursor: pointer;margin-right:3px"/></a>


<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" src="http://img33.imageshack.us/img33/2439/pinginbelajarnetherland.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>
</div>

 ===================================================
 simpan dech..

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

membuat Menu Horizontal new

Menu horizontal merupakan kumpulan beberapa link yang diletakkan secara horizontal dan biasanya ditempatkan di bawah header. Pada kesempatan ini, kita akan mengulas trik blogger tentang membuat menu horizontal secara sederhana. Mengapa dikatakan sederhana? Karena jika kita optimasi lebih mendalam, ternyata terdapat beberapa varian dari menu horizontal tersebut. Fungsi dari trik blogger ini adalah sebagai salah satu navigasi dalam blog agar memberikan layanan kemudahan shortcut link bagi pengunjung blog kamu.

Singkat kata, berikut langkah membuat menu horizontal dalam blog kamu :

    * Login ke account blogger kamu.

    * Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

• Cari Kode kode ]]></b:skin> dan Copy-Paste (copas) kode berikut di atasnya.

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.


===============================================



/* navbar
    ================== */

    #bg_nav {
    background: #ffffff;
    width: 850px;
    height: 29px;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #000000;
    font-weight: bold;
    margin: 0px auto 0px;
    padding: 0px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #ffffff;
    overflow: hidden;
    }
    #bg_nav a, #bg_nav a:visited {
    color: #000000;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0px 0px 0px 3px;
    }

    #bg_nav a:hover {
    color: #000000;
    text-decoration: underline;
    padding: 0px 0px 0px 3px;
    }

    #navleft {
    width: 500px;
    float: left;
    margin: 0px;
    padding: 0px;
    }
    #navright {
    width: 220px;
    font-size: 11px;
    float: right;
    margin: 0px;
    padding: 3px 5px 0px 0px;
    }
    #navright a img {
    border: none;
    margin: 0px;
    padding: 3px 5px 0px 0px;
    }

    #nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
    #nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }

    #nav a, #nav a:visited {
    background: #ffffff;
    color: #000000;
    display: block;
    font-weight: bold;
    margin: 0px;
    padding: 8px 15px 8px 15px;
    border-left: 1px solid #ffffff;
    }
    #nav a:hover {
    background: #c06000;
    color: #000000;
    margin: 0px;
    padding: 8px 15px 8px 15px;
    text-decoration: none;
    }

    #nav li {
    float: left;
    margin: 0px;
    padding: 0px;
    }
    #nav li li {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 150px;
    }
    #nav li li a, #nav li li a:link, #nav li li a:visited {
    background: #ffffff;
    width: 160px;
    float: none;
    margin: 0px;
    padding: 7px 30px 7px 10px;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    }
    #nav li li a:hover, #nav li li a:active {
    background: #c06000;
    padding: 7px 30px 7px 10px;
    }

    #nav li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    }

    #nav li:hover ul {
    left: auto;
    display: block;
    }
    #nav li:hover ul, #nav li.sfhover ul {
    left: auto;
    }


================================================


Catatan :

   1. Agar menu horizontal sesuai dengan template blog, kamu perlu mengganti kode-kode yang berwarna hijau.
   2. Untuk kode pewarnaan, kamu bisa melihatnya di kode warna disini---> Mengetahui Kode Warna


    * Kemudian cari kembali kode seperti di bawah ini.






=========================================


<div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1'
    showaddelement='no'>
    <b:widget id='Header1' locked='true' title='test
    (Header)' type='Header'/>

    ... dan seterusnya ...

    </b:section>
    </div>


======================================


Copas kode berikut tepat di bawah kode yang berwarna hijau atau berwarna kuning (sesuaikan dengan template blog kamu).
=====================================

<div id='bg_nav'>

    <div id='navleft'>
    <div id='nav'>
    <ul>
    <li><a href='http://Alamat_Blog_Kamu.blogspot.com/'>home</a></li>
    <li><a href='http://Link_yang_dituju'>Add Link</a></li>
    <li><a href='http://Link_yang_dituju'>Add Link</a></li>
    <li><a href='http://Link_yang_dituju'>Add Link</a></li>
    <li><a href='http://Link_yang_dituju'>Add Link</a></li>
    </ul>
    </div>
    </div>

    <div id='navright'>

    <form action='http://Alamat_Blog_Kamu.blogspot.com/search' id='searchform' method='get' name='searchform'> <input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Cari'/>
    </form>

    </div>

    </div><!-- akhir bg_nav -->


==================================


Jangan lupa ncang, di save or di simpan..

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

Cara submit sutemap di Google

apa itu sitemap? Google Sitemap adalah sebuah program yang memberikan Anda kesempatan untuk menampilkan halaman situs Anda ke Google dalam bentuk XML atau teks. Google akan datang kemudian melalui spider mengindeks halaman Anda dengan lebih cepat.

Bagaimana cara membuat dan mendaftarkan sitemap ke Google dan Search Engine lainnya? Untuk Anda pengguna Blogger.com, Anda tidak perlu susah-susah lagi membuat sitemap, karena sudah disediakan. Yang harus kita lakukan hanyalah mendaftarkannya ke Google. Caranya:

• Situs Anda harus sudah terverifikasi di Google, cara memverifikasinya? Silahkan membaca postingan saya sebelumnya DISINI.

• Login ke Google Webmaster Tools (http://google.com/webmaster/tools)

• Pada Dasbor/Beranda, klik pada URL Blog/situs yang sudah diverifikasi sebelumnya.

• Lalu klik Konfigurasi situs --> Peta Situs atau Sitemap

• Klik kirim peta situs, Maka Anda akan disuruh memasukkan URL Sitemap Anda, dengan format

http://namasitusanda.com/atom.xml?redirect=false&start-index=1&max-results=500

• Masukkan nama sitemap Anda

• Klik Mengirim Peta Situs

• Maka Google akan memeriksa sitemap Anda dan dalam waktu kurang lebih 1 jam akan kelihatan hasilnya

Jika Anda bukan pengguna Blogger.com, maka Anda harus membuat terlebih dahulu sitemap Anda. Caranya? Sangat mudah, gunakan saja layanan Sitemap generator yang banyak tersedia di Internet

Semoga bermanfaat...

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

Cara Mengoptimalkan meta tags Google

Akhir-akhir ini banyak teman-teman saya bertanya bagaimana trik SEO dan mereka mengatakan hanya tahu sedikit tentang seo biasanya dimulai dengan kata kunci meta berbicara yang memberitahu anda banyak hak, secara umum tentang kata kunci judul, dan deskripsi "tag". Mengoptimalkan metatags Google melihat masih penting, tapi tidak rumit.
Bagaimana Menggunakan Meta Tags Yang Benar Untuk Manusia

Tag Judul Anda memberikan judul dan meta tag deskripsi Anda menyelesaikan panggilan untuk bertindak - bersama-sama, mereka membentuk 'hook' ultra-penting dari iklan Anda di mesin pencari. Mereka adalah meta tag hanya Anda yang benar-benar perlu saat ini karena kebanyakan mesin pencari paling tidak melihat mereka. Bagi sebagian besar, mereka adalah meta tag hanya Anda akan perlu - 2 ini, dan salah satunya bahkan bukan sebuah metatag.

Bagaimana Menggunakan Meta Tags Benar Untuk Google

    * Title Elemen - 1-12 kata max (dengan kata kunci halaman) - Google menampilkan 70 karakter di SERPs - saya ingin tetap judul ke dalam ini dan memastikan kata kunci penting saya berada dalam 55 karakter pertama. PALING PENTING - judul halaman Anda merupakan elemen kunci ketika datang ke peringkat di Google! Aku diuji apa yang dapat Anda lakukan dengan tag judul beberapa waktu lalu.


    * Meta Description - 5-24 kata max (dengan kata kunci halaman untuk mengaktifkan dalam SERPs) - Google menampilkan 160 karakter pada pencarian yang paling. Deskripsi bisa lebih besar pada pencarian ekor panjang. PENTING! Jika Anda menganalisis deskripsi Meta dalam potongan Anda dapat melihat lebih sedikit tentang bagaimana Google bekerja, di mana rusak, di mana mencari potongan lain yang bermanfaat. Namun, Anda tidak membutuhkan deskripsi meta.


Bagaimana dengan Meta Tag Kata Kunci? Sekali lagi, tidak diperlukan, dan saya umumnya mengabaikan ini untuk waktu yang lama. Saya telah membagi banyak diuji dan melihat tidak ada manfaat sama sekali di Google. Ini sangat sulit untuk menentukan apakah Google menggunakan deskripsi ketika peringkat - mungkin sedikit untuk relevansi - tetapi jelas tidak akan kembali frase unik hanya ditemukan di wilayah ini. Aku akan menuliskan mengapa saya pikir hal ini terjadi segera.


Meta hanya berguna lainnya untuk SERPs Google adalah Robots Meta Tag (lagi yang Anda tidak perlu dan tidak boleh digunakan jika Anda belum pernah mendengar tentang hal itu dan tidak perlu untuk itu), dan hanya untuk menceritakannya cuaca atau tidak menjaga keluar konten halaman dari Google.


Untuk meta tag Google yang paling lain (untuk tujuan konten) tidak berguna. Anda tidak dapat mengontrol frekuensi merangkak dengan meta tag yang sudah pasti, dan jika bahkan ini adalah baru bagi Anda, hanya berkonsentrasi pada mengoptimalkan judul halaman Anda dan membuat mereka unik untuk setiap halaman di situs Web Anda.
Catatan: Halaman Judul (atau Judul Elemen) dan Meta Deskripsi harus unik untuk setiap halaman di situs Anda. Jangan menduplikasi mereka atau situs anda akan menderita. Jika Anda tidak punya waktu untuk mengoptimalkan setiap deskripsi, aku akan mengambilnya (jika Anda mengoptimalkan untuk Google tentu saja).

Semoga artikel ini bermanfaat untuk semua pembaca, bila ada kekurangan atau kesalahan...! dengan senang hati ... silahkan komentar untuk memperbaiki kesalahan atau kekurangannya.

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More

membuat vampire alias kalilawar terbang di blog

Cara membuat “kelelawar” atau “lowo” atau “bat” terbang di blog hampir sama dengan membuat kupu kupu terbang di blog java script nya juga sama dengan  membuat kupu kupu terbang di blog beda nya cuma benttuk alias mahluk nya saja ya kan.. heeheheh

Langkah – langkah pembuatannya adalah sebagai berikut
1. Login ke Blogger
2. Klik Tata letak
3. Klik Tambah Gadget
4. Pilih HTML/Java Script
5. Masukkan kode Java script seperti di bawah ini.

<script src="http://sites.google.com/site/javascriptnew/java-script/kelelawar.js" type="text/javascript"></script>

6. save dan lihat lah ada vampire di blog anda... ihh..sereemmm

Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Blog ini.

Read More