Selasa, 06 September 2011

Membuat Kata Sambutan untuk Pengunjung Blog

kali ini saya mau berbagi pengalaman tentang cara membuat kata sambutan ketika blog kita di buka dan ditutup oleh pengunjung yang datang ke blog kita.tips ini bisa menambah keeratan komunikasi antara owner dan visitor, dengan demikian para pengunjung seakan -akan di hormati oleh sang pemilik blog. ibarat kalau kita sedang berkunjung ke rumah orang lain,pasti ada kata sambutan yang dia lontarkan ketika kita baru datang kerumahnya.
sebetulnya cara ini sangat mudah sekali kok, shobat hanya perlu manambah sedikit code di blog anda. biar nggak kebanyakan ngomong kita langsung saja. ini cara membuat kata sambutan waktu mengunjungi blog kita
1. login ke blogger anda.
2. selanjutya pilih tata letak (rancangan )
3. lalu pilih edit HTML
4. jangan lupa kasih tanda centang pada
5. lalu copykan code di bawah ini tepat diatas kode </head>:
<SCRIPT language='JavaScript'>alert(&quot;Selamat Datang di Blog Dewan, Jangan lupa Tinggalkan Komentar Anda ya...&quot;);</SCRIPT>
6. Kemudian Save / Simpan.

yang ke Dua membuat kata sambutan waktu mengunjungi blog kita dengan Gambar :
1. login ke blogger anda.
2. selanjutya pilih tata letak (rancangan )
3. lalu pilih edit HTML
4. jangan lupa kasih tanda centang pada
5. lalu copykan code di bawah ini tepat diatas kode ]]></b:skin>
#intro{background:#CAD8C9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEmaBD6VXWSf9ibArIMe6uEE-xVhjHOsh1hf0_lJMRLeWr77Uqj1YI0hQEb81Locw9huDFQ9CQV1L_sN77I6uxKAYwNWnqJ9hJgRmBgzfG4uwyx292_TtVEXBfQ0_y0NduCf7imwpPdGmP/s1600/templatemo_bg.jpg) repeat-x top left fixed;
  position:fixed;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  z-index:100;
  text-align:center;
  visibility:hidden;
  }
* html #intro{
  position:absolute;
  width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
  }
#intro .welcome{
  color: rgb(255, 0, 0);
  font-weight: bold;
  font-style: italic;
  font-size:30px;
  margin-top:10%;
  margin-bottom:1%;
  text-shadow:1px 1px 1px #fff;
  }
#intro a img{border:none}
.gohome, .gohome a,.gohome a:visited,.gohome a:active{
  color: rgb(255, 0, 0);
  font-weight: bold;
  font-style: italic;
  margin-top:4%;
  font-size:25px;
  text-shadow:1px 1px 1px #fff
  }
.gohome a:hover{
  color:#ffffff;
  text-shadow:1px 1px 1px #f00;
  text-decoration:none
  )
Ganti tulisan berwarna Biru
6. copykan code di bawah ini tepatberikut diatas kode </head>
<pre><script type='text/javascript'>
//<![CDATA[
 /***********************************************
* Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
/*************************************************
* Blogger intro by http://www.blogspottutorial.com
**************************************************/
var persistclose=1
var startX = 0
var startY = 0
var verticalpos="fromtop"
 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("intro").style.visibility="hidden";}
 function staticbar(){
 barheight=document.getElementById("intro").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)/0;}
  else{
  var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
  ftlObj.y == (pY - startY - ftlObj.y)/0;
  }
  ftlObj.sP(ftlObj.x, ftlObj.y);
  setTimeout("stayTopLeft()", 10); }
 ftlObj = ml("intro");
 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></pre>
7. copykan code di bawah ini tepatdibawah kode <body>
<div id='intro'><div class='welcome'>Welcome to kocomon.blogspot.com</div>
<a href='' onclick='closebar(); return false'><img alt='go to my homepage' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPJ6aTajhrDZDtGUM-bVUVgSnz6S5Z5bMXVMvgzRpfKSWan9cKNMX_eoal5PTy1402vtLEwa6O9uV7NlLjjGnqaD3vWrvbZWKbff8jIN74qm1FWg3Ebg9jcYtzDdOHQg2TbiPPzr5CJKQ/s1600/gaara-y-naruto-shippuden.gif' title='Go to my homepage'/></a>
<div class='gohome'><a href='' onclick='closebar(); return false'>Go to homepage</a></div>
</div>
Ganti tulisan berwarna Orange dan Biru
8. Kemudian Save / Simpan

Dan yang ini cara membuat kata sambutan waktu Pengunjung menutup blog kita :
1. login ke blogger anda.
2. selanjutya pilih tata letak (rancangan )
3. lalu pilih edit HTML
4. jangan lupa kasih tanda centang pada
5. lalu copykan code di bawah ini tepat dibawah Kode </head>
<div style="color: black;">
dibawah kode <span style="color: red;">&lt;/head&gt;</span>
&lt;script type='text/javascript'&gt;
// goodbye alert
function goodbye(){
alert(&amp;#39;<span style="color: red;">Terima kasih atas kunjungannya, Semoga anda terkesan !!</span>&amp;#39;);
}
parent.window.onunload=goodbye;
&lt;/script&gt; </div>
Ganti tulisan Berwarna Orange sesuai keinginan anda
6.Kemudian Save / Simpan.
 ok lihat hasilnya semua, hanya itu yang yang bisa saya sampaikan dan selamat mencoba...

<<SEBELUMNYA                                                                              DAFTAR ISI                                                                             BERIKUTNYA>>
Diposting oleh Unknown

0 komentar :

Posting Komentar

Langganan: Posting Komentar ( Atom )