Kesan Dan Pesan

Kesan Dan Pesan

kesan saya terhadap  Labintdas suasananya sangat menyenangkan apalagi totur  Arrum orangnya asyik dan santai. tapi ada hal yang sangat di sayangkan di  Labintdas  komputernya hanya sdikit dan tidak berfungsi semua cuma 2 komputer saja yang berfungsi dan bisa browsing.

Pesan kepada  Labintdas dan tutor  Arrum untuk memperbaharui ruang laboratorium internet dasar yang menjadi lebih modern. saya berharap ke depannya harus di tingkatkan lagi dan pasilitasnya di tambahkan. saya mengucapkan terima kasih atas ilmu yang ka  Arrum berikan kepada saya, semoga bermanfaat.

Membuat Drop Down di blog

Menu drop down
Dropdown menu adalah menu yang berisi sekumpulan teks atau link yang disingkat menjadi sebuah menu tunggal.Dropdown menu berfungsi untuk menghemat ruang diblog sehingga ruang yang di gunakan untuk widget archive, blogroll dll bisa ditampilkan lebih praktis tidak berjejer kebawah.
Contoh tampilannya seperti ini:

Isinya hanya akan tampil jika anda mengklik pada menu tersebut sehingga bisa hemat ruangan blog. Cara ini bisa dijadikan sebagai alternatif blogroll atau kebutuhan lainnya.

 Cara Membuat Drop Down di Blog

1. Login blogger. klk design.
2. klik edit HTML dan lanjutkan.
3. Cecklis "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Cari kode ]]></b:skin> dan letakkan kode berikut tepat di atas kode ]]></b:skin>

/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAMIhvjepuDyCa9itly1J3E2OP5uKwWWfYDz0ifj4XvZqk0hVUEuGaCIhkyfogORpUrB1j8ITrD5hmihLVf8sSy75pFdeFoEYMVB7eAb_kwVURayXUqVc0NE8r3RHTbb0RTIbbw60fzWU/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/AVvXsEiQaePKBy2TW6YbG2NX44eoRUce3yywJU2KeHZRUrDqJA8rQFiAYWznmw6tbWuDy9sSxRAYjNPwoMDoqTo_ojvxOZ5DvRaHo8nKM-Q0cUbzvc8N6-DZOIKM61XIALNHvxhqyiPCh46TPrs/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}

• <header>  : untuk menempatkan menu di atas nama blog
• </header> : untuk menempatkan menu di bawah nama blog

Copy kode di bawah ini dan letakkan tepat di atas kode <header> atau di bawah kode </header>

<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='/'><img border='0' src='http://www.archivostraderforex.com.ar/img/other/home2_16.png' style='padding:0px;'/> Home</a></li>
<li><a class='trigger'>Contact Us</a>
<ul>
<li><a href='https://twitter.com/#!/@fachrulcitus' target='new'>Contact Fachrul on Twitter</a></li>
<li class='hr'/>
<li><a href='http://www.facebook.com/fachrulkaraba.18' target='new'>Contact Fachrul on Facebook</a></li>
<li class='hr'/>
</ul>
</li>
<li><a class='trigger'>Tugas</a>
<ul>
/&gt;
<li><a href=' http://wolzt.blogspot.com/2012/01/normal-0-false-false-false-in-x-none-x.html'>Manajemen Umum 1 </a></li>
<li class='hr'/>
<li><a href='http://wolzt.blogspot.com/2012/01/manajemen-umum-tugas-2.html'>Manajemen Umum 2 </a></li>
<li class='hr'/>
<li><a href='http://wolzt.blogspot.com/2012/01/manajemen-umum-tugas-3.html'>Manajemen Umum 3</a></li>
<li class='hr'/>
<li><a href=' http://wolzt.blogspot.com/2012/01/manajemen-umum-tugas-4.html'>Manajemen Umum 4 </a></li>
<li class='hr'/>
<li><a href='http://wolzt.blogspot.com/2012/01/manajemen-umum-tugas-5.html'>Manajemen Umum 5 </a>
</li>
<li class='hr'/>
</ul>
</li>
<li><a class='trigger'>Tulisan</a>
<ul>
<li><a href='http://wolzt.blogspot.com/2012/01/cara-gampang-bikin-standar-operating.html'>Manajemen Umum 1</a></li>
<li class='hr'/>
<li><a href='http://wolzt.blogspot.com/2012/01/tulisan-2.html'>Manajemen Umum 2</a></li>
<li class='hr'/>
<li><a href='http://wolzt.blogspot.com/2012/04/motivasi.html'>Manajemen Motivasi</a></li>
<li class='hr'/>
<li><a href='http://wolzt.blogspot.com/2012/04/manajemen-konflik.html'>Manajemen Konflk</a></li>
<li class='hr'/>
<li><a href='http://wolzt.blogspot.com/2012/04/struktur-organisasi-ptbaja-indonesia.html'>Struktur Organisasi</a></li>
<li class='hr'/>
<li><a href='http://wolzt.blogspot.com/2012/03/sejarah-spreadsheet.html'>Sejarah Spreadsheet</a></li>
<li class='hr'/>
<li><a href='http://wolzt.blogspot.com/2012/03/peran-penting-manajemen-dalam-organisai.html'>Peran Manajemen Organisasi</a>
</li>
<li class='hr'/>
</ul>
</li>
<li><a class='trigger'>LABINTDAS</a>
<ul>
<li><a href='http://wolzt.blogspot.com/2012/05/cara-membuat-chat-box-di-blog.html'>Chat Box </a></li>
<li class='hr'/>
<li><a href='http://wolzt.blogspot.com/2012/05/membuat-drop-down-di-blog.html'>Menu Drop Down </a></li>
<li class='hr'/>
<li><a href='http://wolzt.blogspot.com/2012/05/seo.html'>S E O </a></li>
<li class='hr'/>
</ul>
</li>
</ul><div class='menusearch'>
<div style='float:right;padding:8px 8px 0 0;'>
<form action='http://wolzt.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/AVvXsEiMzf5suy8yYJBkAWfYJi5cMoguLusHtlpNn0iWNnM_V-D9cStEkvPsi0mNTmc19Adkq8xO-m9VMMpTyFiJlL5C7H-ezzIA0O7mUUGnidj1pK7n75i5IBhZ_3Eac8R8MT0DTcZ4e8juqoI/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/AVvXsEhq-qjIM5cVexpckrF457nvRNsFoiTAEyXuKzjh-hJXf14svHWFw-BWpiZED8OgxLATqQ12Qv85bUx3Hgwy9kP2FxaJiBg7E7xxIDtoIvnFRqj__bNPvIIimG6RRhbI7yV63uCsXdC7vU4/s1600/bg_search.gif' type='image' value='Search'/>
</form></div></div></div></div>  

Keterangan:

1. Kode berwarna merah adalah Url tujuan, silahkan ganti dengan Url pada blog anda.
2. Kode berwarna kuning adalah kalimat yang tampil pada menu dropdown, Silakan anda sesuaikan.

 
  

CARA MEMBUAT CHAT BOX DI BLOG...

1. Login ke blogger. klik menu design > tata letak
2. Tambah gadget
3. Pilih HTML/javascript.
4. Masukan kode di bawah ini ke dalam kotak tersebut.


<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDG_8D_3FqFhRRz556kp4KqLipJh4UbvBmaGGAQAtZCrFyeIbcwP6sSXARB6Dkb_JLr8x7wpgl5u-hffv9cGAYPVflFHEVMdipWYXRsOui5t0eR_7Tu6d6uoDzJZYYYlYQGNNa15yLFUE/s400/cbblue.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #008232;
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>
<br />
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()">
</div>
<div class="hcrcontent">
<div id="cboxdiv" style="line-height: 0; text-align: center;">
<div>
<iframe allowtransparency="yes" frameborder="0" height="305" id="cboxmain5-709403" marginheight="2" marginwidth="2" name="cboxmain5-709403" scrolling="auto" src="http://www5.cbox.ws/box/?boxid=709403&amp;boxtag=7t4jh5&amp;sec=main" style="border: 0px solid;" width="200"></iframe></div>
<div>
<iframe allowtransparency="yes" frameborder="0" height="75" id="cboxform5-709403" marginheight="2" marginwidth="2" name="cboxform5-709403" scrolling="no" src="http://www5.cbox.ws/box/?boxid=709403&amp;boxtag=7t4jh5&amp;sec=form" style="border-top: 0px; border: 0px solid;" width="200"></iframe></div>
</div>
<br />
<div class="hc-credit">
<span style="float: left;">

<a href="http://www.monggomampir123.blogspot.com/" target="_blank">
BY Monggo Mampir
</a>
</span>
<span style="float: right;">
<a href="javascript:showHidehcr()">
TUTUP
</a>
</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>

SEO

SEO

Tips dan Trik Search Engine Optimalization

SEO adalah kepanjangan dari Search Engine Optimization yaitu mengoptimalkan mesin pencari seperti Google, Yahoo, Bing dll, agar bisa mengindeks artikel yang ada pada blog kita dengan tujuan satu yakni untuk meningkatkan pagerank (rangking blog) kita seperti munculnya blog kita pada halaman utama atau pageone dari mesin pencari google dan yang lainnya.

Tips Dan Trik SEO :

-Buatlah postingan yang original/asli, jangan yang hasil copy paste dari blog/website lain, usahakan kita mengetik sendiri dengan hasil pemikiran kita dan bahasa kita sendiri boleh mengutip asal ikut disertakan sumber yang bersangkutan. “Google sangat suka dengan tulisan asli”.

-Usahakan postingan yang kita tulis berbobot dan berguna bagi pengunjung, semakin banyak pengunjung yang datang dan merasa terbantu dengan hasil postingan kita maka pengunjung tersebut akan kembali berkunjung untuk mengetahui berita terupdate dari blog kita, karena mereka beranggapan blog kita berguna bagi mereka dengan bahasa yang mudah dimengerti.

-Gunakan judul postingan dengan semenarik mungkin, mengapa ? karena judul postingan akan diindex oleh mesin pencari, contoh saja bila pengunjung mengetikkan suatu keyword/kata kunci di sebuah mesin pencari maka calon pengunjung akan melihat judul postingan dari seluruh dunia, kalau judul postingan blog kita menarik maka pengunjung pun akan tertarik untuk mengklik blog kita.

-Selalu melakukan Blog Walking / berkunjung ke blog lain, pentingkah? sangat penting karena kita ngeblog tidak sendiri didunia maya ini, maka dari itu jalinlah tali silaturahim dengan sesama blogger dengan saling bertukar link maupun dengan saling memberikan komentar.

-Jawab pertanyaan yang diajukan pengunjung, usahakan bila kita diberi pertanyaan sempat-sempatkan lah untuk membalasnya, walaupun kita tidak bisa menjelaskan secara mendetail. Agar terjalin komunikasi dan interaksi antara yang punya Blog dengan pengunjungnya.

-Gunakan keyword pada postingan yang kira-kira bisa mengangkat nilai di mesin pencari, “jangan terlalu banyak” karena ada sebagian mesin pencari yang tidak suka dengan teknik ini dengan mengulang-ulang keyword melebihi batas kewajaran.

-Gunakan fasilitas tag, untuk menambahkan judul lain pada postingan utama kita.

-Gunakan kategori yang beragam dalam satu postingan selama masih berhubungan dengan tulisan yang di buat.

-Daftarkan hasil karya “tulisan terbaik” kita pada social bookmarking, seperti blogcatalog.com, infogue.com, lintasberita.com, blog-indonesia.com dll. Karena dengan cara ini blog kita akan didatangi oleh banyak pengunjung dari seluruh dunia.

-Daftarkan blog anda pada mesin pencari yang anda inginkan seperti google, yahoo, bing dll (supaya mesin pencari lebih cepat mengenali blog kita dan langsung memprioritaskan nya)

-Persilakan orang lain untuk mengcopy isi dari blog kita selama dia mencantumkan sumbernya dari sumber aslinya, (jangan copy paste seenaknya) karena kita sebagai manusia biasa harus bisa menghargai hak kekayaan intelektual orang lain.

-Jangan membuat postingan yang sifatnya Hoax/bohong, menimbulkan kontroversi, menyinggung SARA, melanggar hukum, berbau pornografi, teroris dll. Karena semua nya ada akibatnya salah satunya ditutupnya blog/web kita atau yang lebih buruk lagi masuk penjara karena sekarang sudah ada Undang-Undangnya yang mengatur konten yang ada didunia maya (Waspadalah-waspadalah…!).

-Yang paling penting rajin-rajin lah ngeposting dan Berdoalah, Semoga blog kita bisa memberikan manfaat bagi orang banyak dan bukan Mudharat (kejelekan).