Fasilitas Chatting Gratis

Melengkapi fasilitas chating di website yang dipergunakan sebagai media bisnis online adalah hal penting, karena tidak semua orang akan memahami bahasa tulis, terkadang ada hal hal penting yang dianggap tidak jelas sehingga membutuhkan penjelasan live via chatting. banyak blog maupun website yang sudah memasang fasilitas chatting pada blognya. Apakah anda sudah memasangnya?

Cara memasangnya sangat simpel, tutorial ini sengaja memasang fasilitas chatting yang disembunyikan. supaya tidak mengganggu keindahan view website anda.

1. Login ke blogger sesuai dengan akun anda
2. Tambahkan gadget
3. kemudian copy script dibawah ini, paste di gadget HTML

<style type="text/css">
#gb{
position:fixed;
top:60px;
right:100
z-index:+1000;
}* html #gb{position:right;}

.gbtab{
height:400px;
width:50px;
float:left;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8W5PMZE_yPk-saK68UhMTc6wS_RdIG7LPXQG7LtAGJ4bwknu7JEGvPJ3UakuteVg119tf3DYoqPYjjgJ58bdz92vzC-Zcs0_iOVadElmgy-96SGcUxeIJyMq5l7DtS6Omr8GytAOPirhw/s1600/33.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #dcdcdc; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

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

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
KODE mu dari www.cbox.ws
<br />
<div style="text-align:center">
<span style="float:right; color:#ffffff;">Terima kasih atas kunjungannya :) </span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>
4. Save, dan lihat hasilnya
Untuk tulisan yang berwarna merah, ubahlah sesuai dengan keinginan anda.
demikian tutorial Fasilitas Chatting Gratis

Share:

Read More

Meta Tag

Banyak ragamnya untuk membuat blog kita menjadi nomor wahid di search engine google, bila sebelumnya telah kita pelajari bagaimana cara mendaftarkan ke search engine raksasa sekaliber google, yahoo, bing dan lain lain maka saat ini masih ada tambahannya yaitu memasang meta tag. META TAG adalah gambaran singkat yang menggambarkan isi blog berdasarkan halaman, sedangkan META TAG DESCRIPTION adalah gambaran umum deskripsi dari sebuah blog agar mudah dirayapi oleh mesin pencari (search engine)

Hal ini sangat penting gambaran sekilas blog akan mudah dikenali oleh search engine dengan mengenali terlebih dahulu mesin dari meta tag tersebut, Blog yang tidak menggunakan meta tag akan mengalami banyak kendala dan lebih lama diindexs oleh mesin pencari. Peletakan meta tag harus berada di bagian head, meta tag yang bagus adalah meta tag yang mengandung keywor yang dituju dan didiskripsikan dengan kalimat singkat maksimal 200 karakter yang memberikan penjelasan tentang garis besar isi blog tersebut.

adapun bentuk dasarnya adalah sebagai berikut
<meta name="description" content=" panduan blogging untuk siswa.";>

bila sudah dapat difahami maka, copy script berikut;

<meta content='P1-6SfnYegjfmkUtRPD4QF62k-YEvuaT3T-0KR1ckH4' name='google-site-verification'/>
<meta content='/qFUkQ0EONIdzHX2OHyyLLc5LTfJ5MD26/rfLx+FKh0=' name='verify-v1'/>
<meta content='AE5FF6568E9160547E058237A11F9DE9' name='msvalidate.01'/>
<meta content='-6.2953920,106.7028250' name='geo.position'/>
<meta content='id' name='geo.country'/>
<meta content='id-us-en' name='language'/>
<meta content='INDEX, FOLLOW, all' name='ROBOTS'/>
<meta content='no-cache' http-equiv='Pragma'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='Blogger' name='generator'/>
<meta content='-1' http-equiv='Expires'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='no-cache' http-equiv='Cache-Control'/>
<meta content='general' name='rating'/>
<link href='https://plus.google.com/112764290697005874210' rel='author'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<meta content=' panduan blogging untuk siswa  ' name='description'/>
<meta content=' blogging | seo | adsense | siswa | pustaka | ngeblog ' name='keywords'/>
</b:if>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.masoebonomantofani.blogspot.com//atom.xml' rel='alternate' title='carazone - Atom' type='application/atom+xml'/>
<link href='http://www.masoebonomantofani.blogspot.com//rss.xml' rel='alternate' title='carazone - RSS' type='application/rss+xml'/> 

cara penulisannya adalah letakkan kode tersebut di atas, di bawah kode <head> dalam template anda dan ubahlah sesuai dengan kebutuhan anda, terutama kode yang diberi tanda merah pada contoh di atas, semoga manfaat dan kami selalu berdoa agar menjadi blog yang sesuai dengan harapan.

Share:

Read More