Download File

MEMASANG BUKU TAMU DENGAN MENU SLIDING

A

pakah sobat memasang buku tamu dengan mengunakan shoutmix ? Bagaimana rasanya setelah terpasang ? Tentu semakin seru saja kan, walau sedikit agak berat ketika loading. ( Hah...berat..!!? ) Walau cuma sedikit tapi lama-lama bisa semakin berat jika widget yang kita pasang bertambah. Sebelum hal ini terjadi bagaimana kalau shoutmix kita sembunyikan, tentunya akan bergeser keluar jika kita klik. Untuk hal ini kita bisa menggunakan menu sliding atau para sobat yang lain biasa menyebutnya dengan widget tersembunyi. Jika sobat ingin menyembunyikannya bisa memasukkan buku tamu sobat kedalam menu di bawah ini.

Caranya seperti biasa:

Login ke blog sobat.
Pilih tata letak.
Tambahkan Gadget.
Pilih HTML/JAVAScript.
Ganti kode shoutmix di bawah ini yang berwarna biru dengan kode shoutmix milik sobat.
Kemudian klik simpan

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:160px;
width:35px;
float:right;
cursor:pointer;
background: url(http://i761.photobucket.com/albums/xx252/darma_bucket/MENU-1.gif) no-repeat;
}
.gbcontent{
float:right;
border:2px solid #336633;
background:#FF66CC;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB (x0, xf){
var gb = document.getElementById ("gb");
var dx = Math.abs (x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.left = x.toString() + "px";
if (x0!=xf){setTimeout("moveGB("+x+", "+xf+") ", 10) ;}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB() "></div>
<div class="gbcontent">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="darmasena" src="http://www4.shoutmix.com/?darmasena"
width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www4.shoutmix.com/?darmasena">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat
widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->

</div>
<script type="text/javascript">
var gb = document.getElementById("gb") ;
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script></div></div>


Catatan:

Warna kuning adalah alamat gambar beserta posisinya.
Warna hijau untuk tampilan warna bisa sobat rubah.
Warna merah adalah di mana posisi widget akan diletakkan.
Sedang untuk warna biru adalah di mana sobat harus meletakkan kode shoutmixnya.

Jika sobat ingin mengganti tulisan menu dengan buku tamu atau guest book bisa memakai gambar di bawah ini. Sobat tinggal mengganti alamat gambarnya.

http://i761.photobucket.com/albums/xx252/darma_bucket/guestbook.jpg

http://i761.photobucket.com/albums/xx252/darma_bucket/buku-tamu.jpg



Semoga bermanfaat !!

Available link for download

MEMASANG BUKU TAMU DENGAN SHOUTMIX

Caranya :

• Masuk ke www.shoutmix.com.
• Dari halaman ShoutMix klik create shoutbox.
• Isi kotak yang tersedia:
  Shoutbox informationShoutbox ID : Nama ID sobat.>
  Choose passsword : Masukkan password.
  Retype password : Ulangi masukkan password yang sama.
  Contact information
  Name : Nama sobat.
  Email : Masukkan alamat email sobat.
  
• Beri tanda ceckbox pada kotak kecil.
  
  
• Klik Continue
  Tunggu sampai proses loading selesai,sobat akan di bawa ke halaman setting. Sesuaikan dengan keinginan sobat.
  
• Untuk mengambil kodenya pada kolom Quick Start klik Get codes.
  Jika sudah terbuka halaman baru sobat bisa menyesuaikan ukurannya sesui dengan template sobat. Kemudian ambil kodenya,kopi dan paste. Bisa disimpan pada notepad terlebih dahulu.
  
  Untuk memasukkan kodenya.
  
• Login ke blog sobat.
  
• Pilih tata letak.
  
• Tambahkan Gadget.
  
• Pilih HTML/JAVAScript.
  
• Masukkan kode yang sobat ambil tadi ke bagian konten.
  
• Klik simpan.
  
• Lihat hasilnya.
  

Available link for download

Memasang meta tag di blog

Tips Cara Memasang Meta tag diblog

Search engine merupakan salah satu sarana yang efektif dalam memberikan traffic bagi blog/web yang kita miliki. Jika SERP (search engine result pages) kita baik, maka otomatis pengunjung akan rutin mengunjungi blog kita, Khususnya jika blog Anda ingin diindex dengan lebih mudah oleh Search Engine. Meta Tag di Blog yang super friendly adalah salah satu dari teknik SEO  untuk mengindex blog kamu dengan lebih baik sehingga traffic blog akan meningkat, dan semakin meningkatkan ranking alexa blog Anda. Untuk dapat terindeks di search engine, sudah tentu Anda harus mendaftarkan dulu blog/web Anda ke-search engine, salah satu cara klasik namun masih tetap dapat diperhitungkan efektifitasnya, opsi utama pembuatan meta tag adalah tidak lain untuk  meningkatkan pengunjung blog Anda.

Meta tag ini  adalah kode script html  yang dapat mendukung hasil yang optimal dalam pencarian google atau search engine lainnya. Meta tag ini ada bermacam-macam dari deskripsi blog, keyword yang berhubungan maupun pembuat/author dari blog itu sendiri. Buat para wordpress dan blogger mania apalagi yang hosting sendiri, mungkin ingin mencoba memasukkan meta tag, namun beberapa pengguna blogger banyak yang merasa kesulitan dalam memasukkan meta tag ke blog mereka. Berikut ini saya bagi tips gimana caranya memasukkan meta tag ke blog blogger : yang dapat meningkatkan traffic blog anda dari search engine.

Berikut ini langkah-langkah untuk memasang meta tag di blogspot / blogger :

1. Login ke account blogger Anda dengan memasukkan email dan password Anda. Setelah masuk ke dashboar, pilih tab layout.

2. Setalah itu akan muncul menu Page Elements, Fonts and Colors, Edit HTML and Pick New Template. pilih---> Edit HTML

3. Backup template Anda  dan simpan di komputer sebelum mengeditnya, biasakan lakukan hal ini untuk pengeditan script template html Anda, karena kalau ada kesalahan dalam memasukan kode script bisa kembali ke bentuk semula.

4. Letakkan kursor Anda di kotak kode HTML dan tekan ctrl + F untuk membuka kotak pencarian.

5. Silahkan Anda cari kode : <title><data:blog.pagetitle/></title>

6.Tepat dibawah kode tersebut, sisipkan berbagai meta tag di bawah ini :

Memasang Meta tag Judul Blog. 
Dengan memasang kode script meta tag ini maka search engine akan bisa memprediksi isi dari konten yang ada pada blog Anda. Oleh karena itu berikan judul yang benar dan sesuai dengan blog Anda, sehingga hasil pencarian google dapat lebih maksimal.
<meta content=’Judul Blog Di Sini‘ name=’title’/>

Memasang Meta tag Bahasa 
Script meta tag ini gunanya untuk memberitahu search engine tentang bahasa yang Anda pakai dalam menulis blo Anda
<meta content=’id‘ name=’geo.country’/>
NB : ‘id’ untuk indonesia, untuk english ‘en’.

- Memasang Meta tag Description
Adalah Deskripsi blog Anda, dan akan ditampilkan pada search engine yang menuju ke halaman utama blog Anda.
<meta content=’Deskripsi Blog Disini‘ name=’description’/>

- Memasang Meta tag Keyword
Meta tag keyword merupakan Kata kunci blog Anda,  kata kunci yang dapat membawa pengunjung menuju blog Anda dengan mencari kata kunci tersebut di search engine. Oleh karena itu, Anda harus memperhitungkan apa yang akan mereka tulis di search engine dalam mencari informasi yang Anda sediakan. Misal : Jika blog Anda berisikan tips dan trik bisnis online, maka Anda dapat membuat kata kunci tips bisnis online, trik bisnis online dan bisnis online.
<meta content=’Masukkan Keyword Disini‘ name=’keywords’/>

Selain dengan cara tersebut diatas Anda juga dapat melakukannya juga dengan cara lain seperti contoh dibawah ini :

1. Sama halnya dengan cara pertama diatas, login ke account blogger Anda ---->pilih tab layout ---->pilih Edit HTML

2. Jangan lupa …, sebelumnya backup dulu template Anda.

3. letakkan kursor Anda di kotak kode KTML dan tekan ctrl + F untuk membuka kotak pencarian. copy kode :

<b:include data=’blog’ name=’all-head-content’/>

di kotak pencarian. dan setelah ditemukan maka kode itu akan muncul dengan highlight5. copy dan paste kode berikut tepat dibawah kode yang berhasil ditemukan tadi :

<meta content=’DESCRIPTION BLOG ANDA DISINI’ name=’description’/>

<meta content=’KEYWORDS BLOG ANDA DISINI’ name=’keywords’/>

<meta content=’NAMA AUTHOR ANDA DISINI’ name=’author’/>

4. Ganti DESCRIPTION BLOG ANDA DISINI dengan deskripsi blog ANDA, begitu juga untuk KEYWORDS BLOG ANDA DISINI dan NAMA AUTHOR ANDA DISINI, ganti sesuai dengan blog ANDA

5. Preview blog ANDA, jika tidak ada yang error klik save dan lihat hasilnya.

Selamat mencoba …, semoga Anda berhasil…!!!

Available link for download

MEMASANG STATUS YAHOO MESSENGER DI BLOG

• Masuk ke blog sobat.
• Pilih tata letak.
• Tambahkan gadget.
• pilih HTML/Javascipt.
• Salin dan masukkan kode di bawah ini.
  
  <a href="ymsgr:sendIM?darma"><img src="http://opi.yahoo.com/online?u=darma&m=g&t=1" border=0></a>
  
  Ganti kode warna merah dengan ID milik sobat tanpa @ yahoo.com.
  Untuk yang warna hijau adalah angka untuk menentukan pilihan gambar.
  Sobat bisa memilih gambar dengan memasukkan angka seperti yang ada di bawah.
  
  
  
  
• Setelah selesai mengedit baru klik simpan.

Available link for download

MEMASANG TOOL KODE WARNA DI BLOGGER

Available link for download

MEMASANG EMOTICON PADA KOTAK KOMENTAR

:) :( ;) :D ;;) :-/ :x :P :-* =(( :-o x( :(( :)) :| =)) 8-} :-L B-( ;)) :)] ~x( :-t

• Masuk ke blog sobat.
• Klik tata letak.
• kemudian klik edit HTML.
• Beri tanda pada Expand Template Widget.
• Cari kode </body>
  
• Letakkan kode ini di atasnya. Hingga posisinya sbb:
  <script src=http://sites.google.com/site/darmasites/my-forms/emoticon.js type=text/javascript/>
  </body>
  
• Langkah selanjutnya cari kode yang mirip seperti di bawah ini.
  <p class=comment-footer>
  <b:if cond=data:post.embedCommentForm>
  <b:if cond=data:post.allowNewComments>
  <b:include data=post name=comment-form/>
  <b:else/>
  
• Kemudian letakkan kode emotnya di bawah kode <p class=comment-footer>
  Sehingga hasil penempatannya akan seperti di bawah ini:
  <p class=comment-footer>
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif/> :)
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif/> :(
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif/> ;)
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif/> :D
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif/> ;;)
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif/> :-/
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif/> :x
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif/> :P
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif/> :-*
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif/> =((
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif/> :-o
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif/> x(
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif/> :((<br/>
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif/> :))
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif/> :|
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif/> =))
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif/> 8-}
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif/> :-L
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif/> B-(
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif/> ;))
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif/> :)]
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif/> ~x(
  <img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif/> :-t
  <b:if cond=data:post.embedCommentForm>
  <b:if cond=data:post.allowNewComments>
  <b:include data=post name=comment-form/>
  <b:else/>
  
• Kemudian klik pratinjau.
  
• Setelah dirasa aman baru klik simpan.
  SEMOGA BERMANFAAT

Available link for download