Tampilkan postingan dengan label Blogging. Tampilkan semua postingan
Kali ini saya akan share cara memasang widget chatbox kayak punya blog saya, biar gak banyak ribet yukk simak caranya :
6. Terakhir kemudian simpan
cuman segitu aja sob yang dapat saya bagi kali ini semoga berguna dan bermanfaat
- Masuk ke blogger
- Pilih tata letak
- Klik "tambah gadget"
- Cari dan klik "HTML / JAVASCRIPT"
- Masukkan judul dan masukkan kode di bawah ini di kotak javascript :
<style type="text/css"> #gb{ position:fixed; top:20px; z-index:+1000; }* html #gb{position:relative;} .gbtab{ height:150px; width:50px; float:left; background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.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: #F2F2F2; 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>MASUKKAN KODE CBOX AGAN DI SINI<br /> <div style="text-align:center"> <span style="float:right; color:#000000;">Get this <a target="_blank" href="http://master-saga7.blogspot.com/2013/04/memasang-chatbox-tersembunyi-keren.html"> widget! </a></span> </div> </center></div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (50-gb.offsetWidth).toString() + "px"; </script> </div>
6. Terakhir kemudian simpan
cuman segitu aja sob yang dapat saya bagi kali ini semoga berguna dan bermanfaat
Mungkin ini cukup menarik buat saya karena chat ini bisa memungkinkan pengunjung salin terhubung dengan yang lainnya. Sesuai judulnya saya akan menshare tentang cara "Memasang Live Chat Di Blog" berikut langkah langkahnya :
- Caranya yang pertama kamu daftar dulu di http://adf.ly/GUPYf
- Setelah itu verivikasi akun envolve pada akun emailmu
- Kemudian masuk ke my sites - add new sites. Perlu diingat saat kamu isikan url blogmu pada add new site sebaiknya kamu sedang tidak membuka akun bloggermu, atau logout dulu akun bloggermu. Karena waktu itu saat saya sedang add new site bersamaan dengan akun blogger malah terjadi eror.
- Setelah sukses menambahkan url blog mu di envolve , nanti akan disuruh memilih platform blog kamu seperti wordpress, joomla, tumblr. Karena tidak ada platorm blogger disana kamu bisa pilih yang other.
- Setelah itu coppy kodenya.
- Lalu sign in ke akun blogger kamu
- Masuk template - edit html - centang pada expand template widget
- Cari kode <head> ,gunakan ctrl+f untuk mempermudah pencarian
- Setelah itu pastekan kode envolve tadi diatas kode <head> pada html tempate kamu
- Selesai..!!
![]() |
Master SAGA7 |
1.masuk ke blog sobat
2.ke template ->edit HTML->centang kotak yang ada disamping kiri code html
3.lalu cari kode ]]></b:skin>
4.setelah ketemu,pastekan kode di bawah ini tepat di atas kode no 3
.permalinkblogger {border: 1px solid #EFF0F1; padding: 5px; background: #ffffff;-moz-border-radius:5px;} .permalinkblogger a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}5.lalu cari kode <data:post.body/>
6.letakkan kode berikut tepat di bawah kode tadi
<div class='permalinkblogger'><center><small>Sobat sedang membaca Artikel tentang <strong><u><data:blog.pageName/></u></strong> dan Sobat bisa menemukan Artikel <data:blog.pageName/> ini dengan URL <strong><data:post.url/></strong>, Terimakasih Telah membaca Artikel <strong><u><data:blog.pageName/></u></strong> Sobat boleh menyebar Luaskan atau MengCopy-Paste nya jika Artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi anda, Namun jangan lupa untuk meletakkan Link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai Sumbernya.</small></center></div>7.Simpan dan lihat hasilnya....