Tampilkan postingan dengan label Blogging. Tampilkan semua postingan

Memasang Chatbox Tersembunyi Keren

Rabu, 10 April 2013
Posted by Unknown
Tag :
Kali ini saya akan share cara memasang widget chatbox kayak punya blog saya, biar gak banyak ribet yukk simak caranya :

  1. Masuk ke blogger 
  2. Pilih tata letak 
  3. Klik "tambah gadget" 
  4. Cari dan klik "HTML / JAVASCRIPT" 
  5. 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

Pasang Live Chat Seperti Facebook

Rabu, 27 Maret 2013
Posted by Unknown
Tag :
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 :
  1. Caranya yang pertama kamu daftar dulu di http://adf.ly/GUPYf 
  2. Setelah itu verivikasi akun envolve pada akun emailmu 
  3. 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.
  4. 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. 
  5. Setelah itu coppy kodenya. 
  6. Lalu sign in ke akun blogger kamu 
  7. Masuk template - edit html - centang pada expand template widget 
  8. Cari kode <head> ,gunakan ctrl+f untuk mempermudah pencarian 
  9. Setelah itu pastekan kode envolve tadi diatas kode <head> pada html tempate kamu 
  10. Selesai..!!
Master SAGA7
Halo sobat blogger kali ini saya share membuat permalink yang seo di blog. Permalink adalah singkatan dari Permanent Link yaitu url atau link daripada url posting itu sendiri secara lengkapnya permalink adalah gabungan dari URL/link dan struktur kalimat yang terpotong dengan tanda slash (/) dan dash (-) tersebut merupakan URL spesifik sebuah content/posting blog yang disebut permalink. jika sobat tertarik, berikut cara memasang permalink seo di blog :
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....
Welcome to My Blog

Sahabat

ads

Popular Post

Master SAGA7. Diberdayakan oleh Blogger.

Blogger templates

- Copyright © MASTER SAGA7 -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -