Cara Membuat Buku Tamu Tersembunyi

Kalau kamu ga tau lagi mau taruh buku tamu kamu di mana, buat aja buku tamu kamu "tersembunyi", dan kalau diklik akan langsung terlihat.
Contohnya kamu bisa lihat di bagian sebelah kanan layar kamu, dan klik tab yang berwarna hijau tersebut. Dan buku tamu itu akan bergerak keluar, sehingga yang tadinya tidak kelihatan akan jadi terlihat.

Caranya:

1. Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
2. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah 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/AVvXsEgMgKJKhrEjQwKOQlcrU3K0sETa3a4wMM8Ptmn80Esn_s0w4m_T3CfhwUwzvy68OVtxLTRhxxenRPeXliJstFwoCcmTjzTnBCPkBAJceA4jhijgCh9F5fBkaX6ytHTfyVcFezXdvI79_1IA/') 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">
   
   <!-- Ganti ini dengan kode buku tamu kamu -->
   
   <br/>
   Mau punya buku tamu seperti ini?<br/>
   Klik di
   <a href="http://infotentangblog.blogspot.com/2009/07/membuat-buku-tamu-tersembunyi.html">
   sini (Info Blog)
   </a>
   
   <div style="text-align:right">
   <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>

4. Pada kode di atas, cari kode <!-- Ganti ini dengan kode buku tamu kamu --> dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
5. Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.
6. Selamat mencoba!

11:12 PM | 0 komentar | Read More

Cara Mengetahui Orang Yang Online Dengan Whos.Amung.Us

Cara Memasang Widget Whos.Amung.Us Pada Blogger

Semakin sore, saya semakin semangat posting saja :D
Okelah, pada postingan yang sebelumnya saya telah menjelaskan cara memasang widget feedjit (baca : Memasang Widget Feedjit Pada Blogger).
Nah pada kesempatan ini saya akan menjelaskan Cara Memasang Widget Whos.Amung.Us
Singkat saja, fungsi dari widget whos.amung.us adalah untuk mengetahui seberapa banyak orang yang online di blog kita.

Langsung saja ya, saya akan menjelaskan cara memasang widget whos.amung.us
Silakan menuju http://whos.amung.us



Silakan tentukan letak widget whos.amung.us
Caranya mudah, klik saja kotak yang bertuliskan left, bottom, top, silakan klik salah satu



Silakan copy script yang ada di atasnya

Kalau sudah, silakan menuju dasbor - rancangan - tambah gadget
Pilih HTML/JavaScript
Masukkan script yang sudah Anda copy
Simpan

Mudah kan ?
Semoga bermanfaat :)

10:58 PM | 4 komentar | Read More

Melacak Orang Yang Copy-Paste Artikelmu

Banyak sekali blogger mempersalahkan artikelnya yang di copas blog lain tanpa sumber. Ada beberapa cara untuk melacaknya. Jika sebelumnya banyak mengandalakan copyscape, kali ini saya rasa Tynt Insight adalah alternatif yang lebih canggih. Kita bisa tahu berpa kali artikel atau gambar kita di copas, dan juga bisa mengetahui artikel yang paling banyak di copas. Kini telah bekerja sama dengan amung.us, layanan pencatat aktivitas online. Setiap Anda meliht data amung.us, pengunjung yang sedang online di blog Anda maka akan ada tambahan data copy paste dari tynt.

Bagi Anda yang belum menggunakan amung.us, silahkan daftar secara manual saja.
- Silahkan kunjungi www.tynt.com
- Klik Tombol Get Started
- Isikan data pendaftaran
- Setelah Anda selesai registrasi, maka Anda bisa mengambil script di bagian kanan bawah.
- Letakkan script tersebut di atas </body>

Anda akan sangat diuntungkan karena selain aktivitas copas bisa diketahui, juga setiap artikel yang dicopas dari blog Anda otomatis akan ditambah dengan link ke blog Anda walaupun bisa dihapus secara manual.

Selengkapnya di www.MasDoyok.co.cc Melacak Copy Paste Artikel Anda dengan Tynt Insight

10:54 PM | 0 komentar | Read More

template magazine Magz 3 Pro

Bagi-bagi template magazine blogspot gratis dulu ah.. Template untuk blogger dengan style magazine ini agak-agak mirip sama template magazine Facebook waktu itu - yang walaupun pake embel-embel Facebook, tapi gaada mirip2nya sama FB  Kenapa agak mirip, karena dua-duanya hanya hasil desain ulang dariBlogger Magazine Template 3 karya Kang Rohman..

Walaupun cuma template modif, tapi biar bisa dibedain kayaknya harus dikasi nama juga. Nah template magazine untuk blogspot ini jadi dikasi nama : Magz 3 pro.. Berikut ini fitur-fiturnya :

• Magazine style
• Footer tiga kolom ( 3 column footer)
• Featured-category bergaya Arthemia
• Slider ala ZinMag Primus
• Drop-down Navbar Menu
• SEO-Friendly Ready
• Read More Ready

Preview gambarnya :


Live Preview dari Magz 3 Pro, silakan berkunjung ke : demo
Download Now!


Panduan-panduan Instalasi

1. Mengedit Fitur Slider
Pada menu edit HTML, cari tulisan "PUT SOME TITLE HERE". Ganti dengan judul terserah, deskripsi 'n URL Link-nya jangan lupa diganti juga..
2. Mengedit Fitur Slider
Judul sama deskripsinya bisa diedit langsung via menu elemen halaman. Abis itu jangan lupa URL Link-nya diganti via menu edit HTML..
3. Fungsi Read More
Tinggal tambahan kode <div class="fullpost"></div> pas bikin postingan baru

Tambahan :
- link credits ke blogspottemplate & blogtemplate4u harus tetap ada
- link credits ke BloggerCeria harus disertakan
- kalau mau dishare silakan, tetapi jangan lupa kasi credit ke link ini di postingan : http://www.bloggerceria.com/2009/06/magazine-template-magz-3-pro.html


Untuk cara atur fitur-fitur lainnya yang lebih detail (drop-down menu, Read More, dll) bisa langsung liat ke blogtemplate4u.com  Jangan lupa, template Magz 3 Pro ini gratis tapi link credits harus tetap disertakan.. :)

Sumber http://www.bloggerceria.com/2009/06/magazine-template-magz-3-pro.html#ixzz1ElNQYCR0

11:10 PM | 0 komentar | Read More

Cara Membuat Recent Comment

Pasang Recent Comments

Kemarin lusa saya iseng-iseng buka email, dan ternyata ada kiriman email dari salah satu sobat saya yaitu sobat Aulia. Sobat Aulia ini menanyakan perihal cara membuat Recent comment atau komentar terbaru untuk new blogger template. Sebenarnya pertanyaan itu sudah saya jawab melalui email juga, akan tetapi saya pikir-pikir ada baiknya kalau topik ini saya bahas di blog ini, barangkali ada di antara sobat sekalian yang sama-sama tertarik ingin memasang Recent comment di sidebar blog sobat.

Untuk membuat recent comment pada new blogger template tidaklah sulit, karena saat ini sudah ada Recent comments widget creator dari hans serta hackosphere yang bekerja secara otomatis, tugas sobat hanya login di blogger.com, pilih blog yang mau dipasang trus add widget, selesai. Sangat gampang tanpa harus bersusah payah menambahkan berbagai kode kedalam template sobat. Untuk membuatnya silahkan sobat klik tombol di bawah ini :

   Rasanya kurang seru kalau artikelnya cuma begitu ya.
Ok, setelah sobat klik tombol diatas, maka nanti akan muncul gambar seperti ini : 







Agar lebih jelas, silahkan ikuti langkah-langkah berikut ini : 

1. Silahkan klik kotak di atas atau bisa juga klik di sini


2. Tulis judul Recent Comments dengan yang sobat inginkan. contoh : "komentar terbaru". atau biarkan saja juga boleh


3. Ganti nama beautifulbeta di samping tulisan http dengan nama blog sobat. contoh : kolom-tutorial


4. Tulis angka banyaknya komentar yang diinginkan di samping tulisan Number of comments


5. Beri tanda centang pada kotak di samping tulisan Show comment date jika komentarnya ingin ada tanggalnya


6. Beri tanda centang pada kotak di samping tulisan Show posttitle jika komentarnya ingin ada judul postingan


7. Tulis jumlah karakter hurup yang diinginkan di samping tulisan Summary size


8. Untuk styling silahkan pilih yang mana saja


9. Klik tombol bertuliskan Customize


10. Klik tombol bertuliskan Add Widget To My blog


11. Silahkan sign in dengan id sobat


12. Pilih blog sobat yang ingin ada Recent comments nya di samping tulisan select a blog


13. Klik tombol bertuliskan ADD WIDGET


14. Secara otomatis Recent comment widget sudah di tambahkan ke blog sobat


15. Pindahkan elements Recent comment yang baru dibuat pada tempat yang sobat suka


16. Selesai.

Bagaimana sobat, gampangkan? so pasti gampang donk  


Tapi ada satu lagi kabar gembira nih buat para sobat. Bagi sobat yang blog nya memakai bahasa indonesia tentu saja akan sedikit janggal, karena recent comment diatas memakai bahasa inggris. Apakah recent comments tersebut bisa menjadi bahasa Indonesia? jawaban nya bisa. Jika sobat tertarik silahkan ikuti langkah-langkah berikut ini : 

1. Sign in di blogger dengan id sobat


2. Klik menu Layout pada blog yang ingin di rubah


3. Klik menu Page Elements


4. Klik tulisan Edit pada element Recent Comments yang tadi dibuat


5. Akan muncul kode-kode seperti ini :



<script style="text/javascript" src="http://home.planet.nl/~hansoosting/downloads/showrecentcomments2.js">
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://YourBlogName.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script> Pada kode yang tercetak biru diatas, silahkan ganti kodenya dengan kode dibawah ini : 

http://amen24.googlepages.com/showrecentcomments.js 


6. Klik tombol SAVE CHANGES


7. Selesai.

Untuk melihat contoh Recent comments yang berbahasa indonesia, silahkan klik disini. Jangan lupa klik di sinijuga ya  

Selamat mencoba !!!! 

11:00 PM | 0 komentar | Read More