Cara / tutorial membuat chat box, buku tamu, cbox yang keren, mudah dan melayang di blog

kevinservis TIPS BLOG 1 Apr 2013

1. Langkah Pertama  pergi ke Cbox
2. Lalu masuk akun Cbox atau jika belum punya daftar ke Sign Up Cbox
3. Jika Sudah mendaftar Cbox lalu pemirsa disuruh masuk Cbox
4. Setelah sudah masuk edit sendiri Cbox anda sendiri

      dan Langkah berikutnya Copy-Paste HTML dibawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4B47PYl0tnLAbF7Wo8-YlScOLghF2AKB3aNOmRZ0zhxSKfAu0nvnBZYR0eZLXfmXNuYbsA3D1BlaIj9j45_5EKmqfYp0mEfxrzciyVD2uN1CAThLjeF5rBSvMyRH16yupDhNS3AXRprc/s1600/bukutamu2.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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.right = 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 CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www7.cbox.ws/box/?boxid=793086&amp;boxtag=5fkb4e&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-793086" style="border:#ababab 1px solid;" id="cboxmain7-793086"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=793086&amp;boxtag=5fkb4e&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-793086" style="border:#ababab 1px solid;border-top:0px" id="cboxform7-793086"></iframe></div>
</div>
<!-- END CBOX -->

<div style="text-align:right">
<a href="http://kevinservis.blogspot.com/2013/04/cara-tutorial-membuat-chat-box-buku_1.html">[Mau buku tamu ini..??]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Cara menaruh html di atas

1. Masuk akun blogger siapa ajah boleh
2. Ke tata letak
3. Add gadget atau Tambah gadget
4. Edit html/javascript
5. Masukan html di atas
6. Selesai

dan ganti tulisan yang biru dengan html/javascript Cbox/buku tamu
yang tadi 

Mudahkan !!!

Cara memasang emoticon girl sexy di atas kotak komentar blog

kevinservis TIPS BLOG

 :a:  :b:  :c:  :d:  :e:  :f:  :g:  :h:  :i:  :j:  :k:  :l: 

Yang satu ini beda dari emoticon yang lain sob...
Jika sobat ingin tahu cara membuatnya,
simak tutorialnya baik2 yak...

1.  Login blog
2. Rancangan
3. Edit html
4. Letakkan kode di atas  </body>

<script src='http://elmubarok.googlecode.com/files/sexyemotion.js' type='text/javascript'/>

5. Letakkan kode berikut di atas  <b:if cond='data:post.embedCommentForm'>
atau di bawah <p class='comment-footer'>

<b><img height='50' src='http://i881.photobucket.com/albums/ac17/elmubarok/ce10.gif' width='50'/>
:a:
<img height='50' src='http://i881.photobucket.com/albums/ac17/elmubarok/ce11.gif' width='50'/>
:b:
<img height='50' src='http://i881.photobucket.com/albums/ac17/elmubarok/ce12.gif' width='50'/>
:c:
<img height='50' src='http://i881.photobucket.com/albums/ac17/elmubarok/ce6.gif' width='50'/>
:d:
<img height='50' src='http://i881.photobucket.com/albums/ac17/elmubarok/ce7.gif' width='50'/>
:e:
<img height='50' src='http://i881.photobucket.com/albums/ac17/elmubarok/ce8.gif' width='50'/>
:f:
<img height='50' src='http://i881.photobucket.com/albums/ac17/elmubarok/ce9.gif' width='50'/>
:g:
<img height='50' src='http://i881.photobucket.com/albums/ac17/elmubarok/cesexy1.gif' width='50'/>
:h:
<img height='50' src='http://i881.photobucket.com/albums/ac17/elmubarok/cesexy2.gif' width='50'/>
:i:
<img height='50' src='http://i881.photobucket.com/albums/ac17/elmubarok/cesexy3.gif' width='50'/>
:j:
<img height='50' src='http://i881.photobucket.com/albums/ac17/elmubarok/cesexy4.gif' width='50'/>
:k:
<img height='50' src='http://i881.photobucket.com/albums/ac17/elmubarok/cesexy5.gif' width='50'/>
:l:
</b>

6. Simpan template

 

 

Cara Membuat Tombol Share Keren #2

kevinservis TIPS BLOG

Cara Membuat Tombol Share Keren #2 | Selamat malam sobat Blogger Tutorial, dimalam yang sesunyi ini aku akan membagikan sebuah tips blogging yang gak kalah kerennya nih, yaitu cara mambuat tombol share blog kita ke jejaring sosial seperti twitter, facebook, yahoo dan lain-lain, nah sebelum membuatnya, kita sedikit bahas dulu yuk, apa sih manfaat dari tombol share yang ada di blog kita?

Tombol share yang sering kita jumpai di blog-blog lain, atau blog saya ini berfungsi untuk membagikan link blog yang kita baca, ke situs jejaring sosial. Misalnya begini, ada seseorang yang sangat tertarik dengan salah satu artikel di blog saya, nah si orang itu ingin membagikannya ke teman-temannya, nah untuk mempermudah orang itu, kita gunakan tombol share ini, selain bermanfaat bagi orang itu, secara tidak langsung blog kita ikut terpromosi oleh orang itu sob.

Sebetulnya ada beberapa macam tombol share, namun menurut saya inilah yang paling keren dan palingenteng, mengapa saya bilang paling enteng? karena gadget ini memang tidak berat, hehehe... langsung saja yuk kita buat.

1. Login blog sobat.

2. Pilih Tataletak, Tambah Gadget.

3. Kemudian pilih HTML/JavaScript.

4. Lalu masukan kode dibawah ini.

<script charset="UTF-8" src="http://s.web.informer.com/favorites-button.js?glass," type="text/javascript">

</script>

5.Yang terakhir, simpan dan lihat hasilnya.

Ouke semoga bermanfaat untuk sobat semua, dan terimakasih...

 

 

 

effec pensil kuno nulis sendiri di blog

kevinservis TIPS BLOG

Sobat sedang membaca artikel tentang effec pensil kuno nulis sendiri di blog.yang kami publikasikan pada 01 September 2012 Silahkan tinggalkan jejak di kolom Komentar untuk mempermudah Mahfid Mayanto berkunjung kembali ke blog sobat.

M

embuat blog menjadi lebih menarik, dan keren salah satu cara yang harus di lakukan oleh pemilik blog itu sendiri seperti yang akan kang mahfid share pada pertemuan kali ini sebelum sobat membaca keselurahan artikel ini coba sobat lihat dulu effec pensil kuno yang bisa menulis sendiri contoh nya seperti di bawah ini :

JASA KEVIN SERVICE adalah salah satu penyedia jasa service komputer Kami meliputi Wilayah Kota sungai penuh Dan Sekitarnya Visi Kami mewujudkan kesejahteraan bersama mengembangkan layanan ke daerah–daerah, Misi memberikan solusi teknologi informasi secara menyeluruh sesuai kebutuhan masyarakat memberikan layanan teknologi informasi secara cepat dan tepat sesuai tuntutan kebutuhan pelanggan memberikan layanan berbasis produk focus Motto Kepuasan Anda Adalah Kebahagiaan Kami Melayani pemasangan jaringan Internet, setting dan service Hardware maupun Service Software. dan konsultasi I.T yang handal. Pemasangan Jaraingan Internet, Setting dan Service , Konsultasi I.T

Jika sobat ingin juga membuat effec pensil kuno nulis sendiri seperti contoh di atas silahkan gunakan kode di bawah ini di setiap postingan berikut kodenya :

<script src="http://karinafotocollection-com.googlecode.com/files/text-jalan.js"></script>
    <style>
#inkwell1 {
    bottom: 400px;
    left: 140px;
    position: fixed;
}
#inkwell2 {
    bottom: 400px;
    left: 140px;
    position: fixed;
    visibility: hidden;
}
#letter {
    font-family: Comic Sans MS;
    font-size: 12px;color:green;
    font-weight: bold;
    margin: 50px auto;
    position: relative;
    width: 75%;
}
#letter_src {
    display: none;
}</style>

<div id="letter"></div>
    <img id="inkwell1" src="#" alt="" />
    <img id="inkwell2" src="#" alt="" />

    <div id="letter_src">
Sobat bisa mulai menulis disini <br>
    </div>

Selamat mencoba....