Cara membuat chat Box untuk blog

Widget chatbox atau buku tamu ini hapir semua pengguna Blogger memasang widget chatbox ini dihalaman blognya karena chatbox sangat banyak memberikan manfaat pada blog kita terutama selain dapat mempercantik tampilan blog, chatbox atau buku tamu ini dapat mendatangkan pengunjung kehalaman blog anda dan yang paling penting menurut Dapur Tutorial Blogspot yaitu sebagai saran untuk saling berkomunikasi dan silahturahmi antara pengunjung dengan admin blog.

Buku tamu yang sangat populer dan paling banyak digunakan yaitu CBox dan Shoutmix. karena Shoutmix akan menonaktifkan layanan Free atau gratisnya jadi disini Dapur Tutorial Blogspot Hanya akan menjelakan cara membat buku tamu menggunakan layanan gratis CBox

Berikut lankah-langkah untuk membuat Buku tamu pada halaman blog :

Langkah 1 : Mendapatkan kode buku tamu dari ChatBox

1.Kunjungi halaman resmi CBox disini  www.cbox.ws
2 .Klik Sign Up

1.  Setelah itu anda akan diminta untuk mengisi formulis pendaftaran seperti ini 

 

4.Isi data yang diminta seperti gambar dibawah ini kemudian klik Create My Cbox

 

5. Apabila data yang anda isi sudah benar akan ada pesan seperti berikut (lihat yang didalam kotak merah)

 

6.Kemudian buka Email yang anda gunakan untuk mendaftar Cbox Karena ada Email konfirmasi pendaftaran anda yang dikirim oleh Cbox

7.Klik Link konfirmasi tersebut untuk mengaktifkan akun Cbox anda

 

8.Setelah Email konfirmasi tersebut anda klik, anda akan mendapatkan pesan seperti berikut ini

Akun anda sekarang sudah aktif dan anda bisa masuk ke akun CBox anda

9. Sekarang Sign in Ke akun Cbox anda menggunakan Username dan Pasword yang sudah anda buat saat mendaftar tadi untuk mendapatkan Kode ChatBox atau bukutamu anda 

10. Setelah anda masuk anda langsung dihadapkan ke halaman berikut  

1 .Copy kode buku tamu yang diberikan
Dan Sekarang Pasang Ke Blog Agan

2.Pilih Tata Letak

 

3. Klik Tambah Gatget/Widget

 

4.Pilih HTLM/JavaScript

 5. Paste Kode ChatBox tadi pada Box HTML/JavaScript yang tersedia

 

7. Klik SimpanSelesai 

8. dan Lihat Hasilnya

bagaimna bisa kan??

kalo ada yang ingin bertanya seilahkan bertanya di komentar,,

Read More »

Add Comment

Facebook Comments

Cara mengetahui kecepatan blog

Hai Sahabta Blogger Saya Sekarang Akan Berbagi Tips Nih Yaitu Cara Mengetahui Kecepattan Blog
Tapi Kalu Di Liat2 Menurut Kecepatan Internet Juga Sih
Oke Langsung Aja Ke TKP

CEKIDOT !!

Langsung aja Nih Cara Nya
1. kunjungi situs INI
2. isi Url blog kalian
3. cek kecepatan blog kalian... (keterangannya ada diatas header)

Gimana Sob?
Saya Mau Tau Juga Nih Berapa Kecepatan Blog Kalian ??
Coment ya...
Sekian Salam Blogger 

Read More »

Add Comment

Facebook Comments

Cara membuat link sumber otomatis saat artikel dicopas

Cara membuat link sumber otomatis saat artikel dicopas- tips memasang link sumber ketika artikel blog kita di copy, dan cara supaya ada link sumber artikel asli saat di copy orang. Siapa saja mungkin gak suka ketika  hasil karyanya di duplikasi orang dengan enteng tanpa memberikan sumber karya asli. Dalam, dunia blogger kita tahu bahwa copy paste artikel itu sudah merupakan sesuatu yang hakiki dan sudah menjadi kodrat yang ada sejak saman nenek moyang master blogger dulu. Tidak banyak cara untuk menghentikan perbuatan copas ini , namun ada sih beberpa yang ampuh yaitu dengan menonaktfkan klik kanan pada blog anda. Namun ada juga yang menanggulanginya dengan cara memberikan scrip link sumber otomatis ketika artikel blognya di KOPAS orang lain. 

Dan hal tersebut menjadi pembahasan kita pada halaman kali ini. Maka dari itu untuk membuat link sumber otomatais saat terjadi copy paste artikel silahkan ikuti panduan dibawah ini :

• Login ke Blogger >> Template
• Untuk Mengantisi pasi terjadinya kesalahan backup dulu template blog sobat.
• Edit Template >> Lanjutkan >> Centang "Expand Template Widget"
• Cari Kode <body> Untuk mempermudah gunakan F3 atau Ctrl+F
• Copy kode berikut lalu pastekan tepat di atas kode <body>

<script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber:"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://infonetmu.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>

• Ganti kode yg berwarna merah sesuai keinginan anda.
• Simpan dan lihat hasilnya. 

Demikianlah Cara membuat link sumber otomatis saat artikel dicopas semoga bisa menajdi sesuatu yang bermanfaat untuk anda yang membutuhkan. Ok

Read More »

Add Comment

Facebook Comments

Cara Membuat Judul Postingan Miring

Cara Membuat Judul Postingan Miring - Mungkin ini adalah judul blog yang paling tepat untuk mengawali postingan pada awal bulan agustus ini, kenapa kok diberi nama Cara Membuat Judul Postingan Miring?karena judul pada setiap artikel yang muncul diberanda miring, dan ketika cursor mouse mengarah pada salah satu judul postingan tersebut maka judul postingan akan kembali lurus lagi, sebaliknya jika cursor mouse tidak diarahkan ke judul postingan yang ada diberanda blog maka judul postingan akan kembali miring lagi..!!!eits dari pada bingung - bingung dengan kata-kata yang barusan saya buat cobalah langkah-langkah dibawa ini agar tau sendiri...!

NB : Tutorial Dibawah ini menggunakan Blogger atar muka yang terbaru

Langkah - langkah

1.Login ke akun blogger sobaat

2.Pilih templates

3.Kemudian klik edit templates klik lanjutkan

4.Lalu centang Expand Template Widget 

5.Kemudian Cari kode ]]></b:skin>

6.Masukkan kode di bawah ini tepat diatas kode ]]></b:skin>

Belajar Ilmu:

/*JudulMiring*/ .post h3{background:url();-moz-border-radius-topright:15px;-moz-border-radius-topleft:15px;-moz-border-radius-bottomright:15px;-moz-border-radius-bottomleft:15px;-moz-transform:rotate(5deg);-webkit-transform:rotate(5deg);-o-transform:rotate(5deg);margin:.25em 0 0} .post h3 a:hover{color:red;text-shadow:5px 5px 5px red;transform:rotate(-5deg);-moz-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);-o-transform:rotate(-5deg)} #footer-column-divide { clear:both; }

7.Kemudian klik simpan templates dan tutup

Read More »

Add Comment

Facebook Comments

Cara Memasang Widget Like Box Timer Facebook Melayang

widget like box facebook melayang karena like box melayang akan selalu muncul pada saat halaman dibuka atau direload. Berbeda dengan like box fans page facebook popup dengan timer yang dirancang khusus dan dilengkapi dengan timer untuk menutup sendiri pada saat countdown timernya sudah habis serta dilengkapi dengan script atau fitur pembaca cookies pada browser sehingga membuat like box yang satu ini tidak akan muncul untuk kedua kalinya jika like atau suka pada box tersebut sudah di klik.

Setelah melihat demo di atas, mungkin sobat tertarik untuk memasangnya pada blog sobat dan jika iya, berikut kode dan cara meletakkan kode tersebut ke dalam template :

• Login ke Blogger
• Pilih Template » Edit HTML » Centang Expand Template Widget
• Copy kode di bawah ini dan pastekan tepat di atas tag </body>

<!-- lostsector.blogspot.com Likebox Facebook Code Start -->
<style>
#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; width: 450px; border: 10px solid #6F6F6F; z-index: 200; -moz-border-radius: 9px; -webkit-border-radius: 9px; margin: 0pt; padding: 0pt; color: #333333; text-align: left; font-family: arial,sans-serif; font-size: 13px;}
#fblikepop body {background: #fff none repeat scroll 0%; line-height: 1; margin: 0pt; height: 100%;}
.fbflush { cursor: pointer; font-size: 11px !important; color: #FFF !important; text-decoration: none !important; border: 0 !important;}
#fblikebg { display: none; position: fixed; _position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000000; z-index: 100;}
#fblikepop #closeable { float: right; margin: 7px 15px 0 0;}
#fblikepop h1 { background: #6D84B4 none repeat scroll 0 0; border-top: 1px solid #3B5998; border-left: 1px solid #3B5998; border-right: 1px solid #3B5998; color: #FFFFFF !important; font-size: 14px !important; font-weight: normal !important; padding: 5px !important; margin: 0 !important; font-family: &quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;}
#fblikepop #actionHolder {height: 30px;overflow: hidden;}
#fblikepop #buttonArea {background: #F2F2F2;border-top: 1px solid #CCCCCC;padding: 10px;min-height: 50px;}
#fblikepop #buttonArea a {color: #999999 !important;text-decoration: none !important;border: 0 !important;font-size: 10px !important;}
#fblikepop #buttonArea a:hover {color: #333 !important;text-decoration: none !important;border: 0 !important;}
#fblikepop #popupMessage {font-size: 12px !important;font-weight: normal !important;line-height: 22px;padding: 8px;background: #fff !important;}
#fblikepop #counter-display {float: right;font-size: 11px !important;font-weight: normal !important;margin: 5px 0 0 0;text-align: right;line-height: 16px;}</style>
<script src='http://www.google.com/jsapi'/><script>google.load(&quot;jquery&quot;, &quot;1&quot;);</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 kakinetworkdotcom01username="lostsector.stars",
 kakinetworkdotcom01title="Join us at Facebook!",
 kakinetworkdotcom01skin="01",
 kakinetworkdotcom01time="15",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='http://yourjavascript.com/1375197351/lostsector.blogspot.com-popup-likebox-facebook.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- lostsector.blogspot.com Likebox Facebook Code End -->

Keterangan :

• Lostsector.stars : Ganti dengan username fans page facebook yang sobat punya
• Join us at Facebook : Silahkan disesuaikan
• kakinetworkdotcom01time="15" : adalah waktu (seconds/detik) yang diperlukan sampai popupnya tertutup sendiri
• Skin ="01" : Ganti dengan kode skin yang lain (01, 02, 03, 04). Contoh skinnya ada di bawah ini :

SKIN "01"

SKIN "02"

 SKIN "03"

SKIN "04"

• Langkah terakhir, simpan template sobat...!!!

Semoga artikel kali ini bermanfaat dan jika ada saran ataupun kekurangan dari tutorial ini, mohon memberikan komentar di bawah. Terima kasih dan happy blogging...!!!

Read More »

1 Comment

1 komentar

cara pasang energi saving

Kali Ini Saya Akan Memberitahu Tricks Blog !

Tau Kan Energy Saving ?
Kaya Yg Di Bawah ?

langsung saja simak yaa ^_^:

1. Dari dashboard > Template > edit html.

2  lalu cari kode </head> untuk mempermudahnya gunakan (ctrl+f)

3. copy dan paste kan kode Di Bwah Ini DIATAS kode </head>

<script language='javascript' src='https://sites.google.com/site/unwanted86/javascript/savetheenvironment.js' type='text/javascript'/>

4. simpan dan lihat hasilnya...

Sekian !
Semoga Artikel Ini Bermanfaat

Read More »

Add Comment

Facebook Comments

Cara Membuat Efek Loading Page

Cara Membuat Efek Loading Page Pada Blogger. Buat para blogger yang senang dengan efek-efek yang lumayan menarik, nih saya punya trik yaitu Cara Membuat Efek Loading Page Pada Blogger.


Mau tau priviewnya ???
Coba Kalian Klik Tombol Ini CLICK !

Gimana??? sobat tertarik kah????



klo iya nih langsung aja ya Cara Membuat Efek Loading Page Pada Blogger login blog
    buka menu rancangan >> edit HTML
    lalu cari kode </head>
    dan letakkan kode dibawah ini tepat diatas kode </head>

<!-- Loading Page Script – vikrymadz – http://vikrymadz.blogspot.com -->
    <style type="text/css">
    /* add loading image */
    body {
    background:#4B4B4B url(http://static.int.crazydavinci.net/images/loading.gif) no-repeat fixed center;
    }
    /* hide page div */
    #page{
    display:none;
    }
    </style>
    <script type="text/javascript">
    function css(classORid,rules){
    try{
    var css=document.createElement("style");
    css.innerHTML=classORid+"{"+rules+"}"
    document.body.appendChild(css);
    }
    catch(e){}
    try{
    document.styleSheets[document.styleSheets.length-1].addRule(classORid,rules);
    }
    catch(e){}
    }
    function loaded(){
    css("#page","display:block!important");
    css("body","background:#000 url()");
    }
    if(window.addEventListener)window.addEventListener("load",loaded,false);
    else if(window.attachEvent)window.attachEvent("onload",loaded);
    else if(document.getElementById)window.onload=loaded;
    </script>

Gimana Sobat Bloger?
Mantap Kan ?
Semoga Artikel Ini Bermanfaat

Read More »

Add Comment

Facebook Comments