Solusi Shoutmix yang Error

Mungkin sahabat blogger hari ini mengalami masalah pada shoutmix atau Buku tamu, yakni url alamat kita tak terdeteksi. Akibatnya, nama kita pada shoutmix tidak berlink sehingga blogger lain yang berpapasan di tengah jalan saat blogwalking tidak bisa mampir. Soal apa penyebabnya saya tidak tahu pasti, namun ada beberapa langkah yang bisa Anda lakukan.


 1. Prune Messages

Untuk membetulkan shoutmix di blog Anda, Anda bisa mengatasinya dengan cara menghapus semua pesan yang pernah masuk ke shoutmix Anda. Kita refresh sehingga shoutmix kita seperti baru.
Caranya adalah:

• Login ke shoutmix.com

• Pada bagian kotak General pilih Prune Messages

• Pilih Delete All Messages

• Masukkan password lalu klik Apply

Tapi ini tidak menjamin menyebuhkan dalam waktu lama.

2. Ganti Sementara Dengan Fasilitas Lain

Dengan cara di atas Anda bisa memasukkan link lagi di shoutmix Anda, namun bisa jadi secara berkala akan error lagi. Silahkan Anda lakukan beberapa kali. Namun, bagi yang gregetan karena error selalu berulang saya sarankan Anda mengganti sementara shoutmix Anda dengan chat lain seperti cbox.

Setelah shoutmix kembali normal Anda mempunyai pilihan untuk kemabali memasang shoutmix atau tetap pada widget pengganti seperti cbox.

3. Mirip Shoutmix di http://shoutbox.widget.me

Widget ini mirip shoutmix dan ternyata normal, bagi Anda yang ingin silahkan:

• Menuju link http://shoutbox.widget.me/

• Copy kode dari sana dan gantikan sementara shoutmix Anda

Anda bisa atur tinggi dan lebar disana namun tidak bisa memodifikasinya. Dan juga tidak bisa menambahkan smile.

4. Upgrade ke Premium

Bagi Anda yang ingin fasilitas lebih tentu selayaknya upgrade ke premium. Dipastikan akan mendapatkan pelayanan lebih dan prioritas dari shoutmix.com

Hal di atas dapat membenahi chat Anda. Orang bisa berpromosi di blog Anda lagi. Lalu bagaimana cara Anda berpromosi?

5. Meninggalkan URL dalam Pesan

Anda bisa blogwalking ke shoutmix orang dengan cara meningalkan link blog Anda lewat pesan. Syaratnya jangan tuliskan url blog Anda dengan diawali www atau http://

Tuliskan saja misal, "Silahkan mampir ke >>> forantum.blogspot.com"

6. Blogwalking ke Shoutmix Premium

Anda bisa berpromosi ke blog-blog dengan fasilitas shoutmix premium yang tidak mengalami masalah seperti:

• Kolom Tutorial [kolom-tutorial.blogspot.com]

• O-om [o-om.com]

7. Blogwalking ke Blog Pengguna Chat Selain Shoutmix

Blogwalkinglah ke blog-blog lain yang menggunakan fasilitas chat selain shoutmix, seperti cbox. Anda akan banyak menemukannya di blog-blog luar negeri walaupun juga telah banyak blogger Indonesia menggunakannya.

8. Berkomentar

Jika Anda tidak bisa blogwalking cara yang dapat Anda lakukan dengan meninggalkan jejak komentar. Pergilah ke blog teman Anda dan berkomentarlah. Menambah backlink sekaligus menyapa untuk mendapat kunjugan.

Sumber: masdoyok.co.cc

continue reading

Penulisan Pesan di CBox dengan Gaya dan Style

Ternyata penulisan pesan di cbox bisa sangat beragam style nya. berbagai macem gaya bisa anda terapkan di Cbox anda dengan menggunakan kode2 yang ditentukan,

berikut mengenai penjelasan serta caranya :

Cara Penulisan Berbagai Style di CBOX
Berikut adalah berbagai macam style yang bisa diaplikasikan di cbox dan cara penulisannya. Ini akan membuat pesan Anda lebih menarik dan orang lebih tertarik untuk kunjungi Anda.

• Cara Membuat Teks Miring (Italic Style) di CBOX

Apit kata-kata yang ingin dicetak miring dengan [i] dan [/i]
Contoh: [i]teks miring[/i] hasilnya teks miring

• Cara Membuat Teks Tebal (Bold Style) di CBOX

Apit kata-kata yang ingin dicetak tebal dengan [b] dan [/b]
Contoh: [b]teks tebal[/b] hasilnya teks tebal

• Cara Membuat Teks Bergaris Bawah (Underline Style) di CBOX

Apit kata-kata yang ingin digaris bawah dengan [u] dan [/u]
Contoh: [u]teks bergaris bawah[/u] hasilnya teks bergaris bawah

• Cara Membuat Teks Bergaris Tengah (Strike Style) di CBOX

Apit kata-kata yang ingin di garis tengah atau dicoret dengan [s] dan [/s]
Contoh: [s]teks dicoret[/s] hasilnya teks dicoret

• Cara Membuat Teks Berukuran Besar (Big) di CBOX

Apit kata-kata yang ingin dicetak besar dengan [big] dan [/big]
Contoh: [big]tulisan besar[/big] hasilnya tulisan besar

• Cara Membuat Tulisan Berukuran Kecil (Small) di CBOX

Apit kata-kata yang ingin dicetak kecil dengan [small] dan [/small]
Contoh: [small]tulisan kecil[/small] hasilnya tulisan kecil

• Cara Membuat Tulisan Rata Tengah (Center) di CBOX

Apit kata-kata yang ingin dibuat rata tengah dengan [center] dan [/center]
Contoh: [center]rata tengah[/center]

• Cara Membuat Tulisan Berwarna (Color) di CBOX

Apit kata-kata yang ingin diberi warna dengan [color=warna] dan [/color]
Contoh: [color=blue]teks biru[/color] hasilnya teks biru

Kode-kode warna:
[color=red] [/color]
[color=blue] [/color]
[color=green] [/color]
[color=yellow] [/color]
[color=pink] [/color]
[color=purple] [/color]
[color=brown] [/color]
[color=bronze] [/color]
[color=orange] [/color]
[color=black] [/color]
[color=white] [/color]
[color=gold] [/color]
[color=silver] [/color]
[color=violet] [/color]
[color=hotpink] [/color]
[color=navyblue] [/color]
[color=tan] [/color]
[color=aqua] [/color]
[color=teal] [/color]
[color=lime] [/color]

• Cara Membuat Teks Berjalan (Marquee) di CBOX

Apit kata-kata yang ingin dibuat bergerak dengan [scroll] dan [/scroll]
Contoh: [scroll]teks berjalan[/scroll]

• Cara Membuat Teks Ber Link di CBOX

Apit kata-kata yang ingin diberi link dengan [url=alamattujuan] dan [/url]
Contoh: [url=http://planetto.blogspot.com]Di sini[/url]

hasilnya Di sini

• Penggunaan Beberapa Macam Kode Sekaligus

Selalu letakkan teks paling tengah. Kode yang dibuka terlebih dahulu, ditutup paling akhir. Misalkan kita akan aplikasikan teks tebal dan berwarna, maka kodenya:
[b][color=red]teks merah tebal[/color][/b] hasilnya teks merah tebal
- teks merah tebal letakkan paling tengah
- kode tebla dibuka terlebih dahulu [b] maka penutup [/b] letakkan paling akhir.

Silahkan mencoba beberapa trik di atas, dan kreasikan tulisan-tulisan anda agar lebih menarik.
Sekian semoga bermanfaat....

Refrensi dari : http://www.masdoyok.co.cc

continue reading

Memasang Widget "Change Font This Blog" di Blog

Sepertinya aksesoris blog tidak pernah habis habisnya selalu ada saja yang baru untuk mempercantik blog /website. Atas apa yang akan saya terangkan disini bahwa di blogspot anda bisa mengganti huruf secara auto anda tinggal memilih sebagian font yang telah ada...atau anda juga bisa menentukan pilihan ukuran font dari ukuran font 12 sampai dengan 18, dan widget untuk merubah font/huruf ini cukup sederhana untuk pemasangannya anda tidak perlu mengubah apapun pada kode script-nya. untuk contohnya silahkan perhatikan gambar berikut

Bagaimana...anda tertarik untuk memasangnya ? silahkan ....

• Login ke Blogger dan masuk ke Dasbor

• Klik Tata Letak

• Pilih Elemen Halaman

• Klik Add Gadget

• Pilih HTML/Java Script

• Masukkan Kode dibawah ini:

<div class='widget-content'>
    <center><script>
    function go1(){
    if (document.selecter2.select2.options
    [document.selecter2.select2.selectedIndex].value != "none") {
    document.getElementById('main').style.fontSize
    =document.selecter2.select2.options
    [document.selecter2.select2.selectedIndex].value
    }
    }

    function go2(){
    if (document.selecter2.select3.options
    [document.selecter2.select3.selectedIndex].value != "none") {
    document.getElementById('main').style.fontFamily
    =document.selecter2.select3.options
    [document.selecter2.select3.selectedIndex].value
    }
    }
    </script>
    <form id="forma" name="selecter2" method="POST">

    <select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
    <option value="Times New Roman" />Times New Roman
    <option value="Arial" />Arial
    <option selected value="Book Antiqua" />Book Antiqua
    <option value="Bookman Old Style" />Bookman Old Style
    <option value="Century Gothic" />Century Gothic
    <option value="Comic Sans Ms" />Comic Sans Ms
    <option value="Tahoma" />Tahoma

    <option selected value="Trebuchet Ms"//>Trebuchet Ms
    <option value="Verdana" />Verdana
    </select>
    <select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
    <option value="8px" />8
    <option value="9px" />9
    <option value="10px" />10
    <option value="11px" />11
    <option selected value="12px" />12
    <option value="14px" />14
    <option value="16px" />16
    <option value="18px" />18
    </select></form><center></center></center>
    </div>

Klik Simpan dan Selesai deh...

Sumber: mastergomaster.com

continue reading

Memasang Tombol Google Buzz Dengan Penghitung (with Count)

Banyak yang sudah memakai tombol Google Buzz ini, namun ada beberapa yang tidak menggunakan versi terbarunya yaitu Google Buzz Dengan Penghitung. Nah, sekarang bagi Anda yang ingin memasang tombol tersebut disertai penghitung sepereti halnya facebook dan twitter. Silahkan ikuti langkah2 di bawah ini, :






Cara menambahakan tombol share ke buzz disertai penghitung di postingan anda adalah sebagai berikut :
- Login ke blogger
- Tata Letak
- Edit HTML
- Centang "Expand Template Widget"
- Cari kode berikut ini <data:post.body/>

- Letakkan kode berwarna kuning di bawah ini sebelum <data:post.body/>

<div style='padding: 4px; float: right;'><script type="text/javascript" src="http://button.njuice.com/buzz.js"></script></div>

Maka hasilnya akan menjadi seperti ini




Semoga bermanfaat dan membuat blog Anda lebih cantik juga memudahkan orang membagi artikel Anda.

Sumber: http://www.masdoyok.co.cc

continue reading

Cara Membuat Daftar Isi di Blog dengan Java Script

Salah satu komponen di dalam blog yang dapat membantu pengunjung untuk menjelajahi blog adalah Daftar Isi / Sitemap atau Table Of Content, daftar isi merupakan halaman yang berisi daftar artikel-artikel di blog kita dengan lengkap,kelebihan daftar isi Jquery According yang aq peroleh dari http://modification-blog.blogspot.com/ ini penampilan yang lebih elegan dan keren. kurang lebih previewnya seperti gambar dibawah ini :

cara pasangnya yaitu :
 

LANGKAH 1

• 1. Login ke blogger.

• 2. Masuk ke Rancangan dan pilih Edit HTML

• 3. Letakkan kode di bawah ini, di atas kode ]]></b:skin>

#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx-aZgcij7XUnCgErS_NTd1cXevcHFnd5zhbx2KRD6oAfpJdRo5CaQjPyKSrD02CNHpqMA_uDkJiy8JZe0tTfgqU3pgZt-ceY2-fsrGKnakOdKdLGRHL988Mi9TFKrv_bCL8ZsgcJfkRE/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTX4a-2OhJvaIrpFwX8Mpnwq79cYVbmSBDyM7SgMCyVBJa_2rpJNLBPhKGNrGW9Nt4wDFhTVc7IO6dLQt8MLRdT78W-xzcGrZyqwJU4Pke8NJq8dDPM8onF-AWRGQdP6sbduUL0sbb8HM/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJWp57btD-qj0I-_bKmE4WZWAc6L9H7gEXmRZNRrXYRkAUzX4pPcfT8Y6w4oqI3mIQ3yJFpFd1yAbRilH1T2tL6SmMwho0fhy1KKy2PHrgWQkXEYVwgZbcPJFGoTMa0GZk781Y74w8S40/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); } 

• 4. Selenjutnya cari kode </head>, lalu letakkan kode dibawah ini diatas kode </head>.

 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>

• 5. Simpan template. 

LANGKAH 2

1. Klik menu Posting, kemudian masuk ke Entri baru. Masukkan kode di bawah ini pada postingan, caranya seperti membuat postingan seperti biasa tetapi dalam mode Edit HTML.

<script type="text/javascript" src="http://hensblog.googlecode.com/files/dafis_accv1.js"></script>
<script src="http://NAMABLOGANDA.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Penting !!!: Ubah NAMABLOGANDA dengan nama blog sobat sendiri...

• 2. Klik Terbitkan.....

 Selesai...... Sekarang blog anda mempunyai daftar isi atau table of content, happy bloging ya..

continue reading

Membuat Dafatar Isi Otomatis

Membuat Dafatar Isi Otomatis. Ya, kali ini akan membuat Membuat Dafatar Isi Otomatis. Sekali jalan, terus-menerus update sendiri. Jadi, jika kita melakukan postingan baru maka secara otomatis judul blog yang baru akan langsung masuk ke dalam daftar isi tanpa harus melakukan edit pada layout blog kita.

Dengan trik mudah, hemat, praktis, memasang daftar isi pada blog jadi semakin fun dan tanpa konsentrasi yang tinggi. Mau coba, ikuti cara-cara membuat daftar isi berikut :

1. Masuk ke akun blogger
2.  Pilih menu tata letak / Layout
3.  Pilih tambah gadget
4. Pilih html/javascript
5. COPy-PASte kode di bawah ini :
6.  

<a href="http://planetto.blogspot.com/search?max-results=200" target="_blank"><span style="font-weight:bold;">DAFTAR ISI</span>&raquo;</a>

Ket :

* http://planetto.blogspot.com/ diganti dengan alamat blog anda.
* results=200 diganti dengan jumlah yang anda inginkan, angka 200 menunjukkan jumlah judul yang akan di tampilkan.

6. Klik SAVE

@Tambahan:
Baiknya kode tersebut berada di menu blog. 

Sumber: http://kandangtips.blogspot.com

continue reading

Memasang Tombol Share ke Buzz di Blog

Salah satu kekuatan promosi blog adalah dari social network seperti facebook dan juga twitter. Yang terbaru tentu saja adalah datang dari google yakni Google Buzz . Kini saatnya bagi Anda memanfaatkan Google Buzz juga karena akan sangat menjanjikan untuk traffic Anda. Pasang tombol buzz this di setiap postingan Anda, dan biarkan orang yang senang dengan postingan Anda promosikan postingan Anda ke Google Buzz dengan lebih mudah hanya dengan menggunakan tombol itu.



Cara menambahakan tombol share ke buzz di postingan anda adalah sebagai berikut :

- Login ke blogger
- Tata Letak
- Edit HTML
- Centang "Expand Template Widget"
- Cari kode berikut ini <data:post.body/>

- Letakkan kode berwarna hijau di bawah ini sebelum <data:post.body/>

 <div style='padding: 4px; float: right;'>
 <a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofollow' style='text-decoration:none;' target='_blank'>
 <img alt='Buzz It' src='http://i48.tinypic.com/fe19w7.png' style='border:0px;'/></a>
 </div>

(Jika anda sudah menggunakan fasilitas readmore, pasang kode berwarna biru tersebut sebelum kode <data:post.body/>yang kedua)

Tombol yang dihasilkan adalah seperti berikut ini



Jika Anda menginginkan tombol seperti ini:
silahkan gunakan kode berikut ini

<div style='padding: 4px; float: right;'>
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofollow' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='http://i46.tinypic.com/2s1wwzm.png' style='border:0px;'/></a></div>

Atau anda bisa menggantinya sendiri dengan gambar Anda dengan memasukkan alamat gambar Anda ke bagian berwarna kuning.

(Sumber: http://forantum.blogspot.com)

continue reading

Mengganti Background Form Feed Burner

Pengunjung Blog terkadang merasa tertarik dengan posting yang kamu tulis, apalagi posting kamu mempunyai topik yang "hot" dan "up to date". Dan saking sukanya, ia selalu merindukan posting-posting terbaru kamu. Kalau hanya sekedar mem-bookmark blog kamu, kemungkinan upaya tersebut masih kurang begitu mantap. Why? Karena suatu ketika jaringan sedang down atau host penyimpanan blog kamu sedang melakukan perbaikan atau gangguan lainnya, maka pada waktu itu pula ia tidak dapat mencapai hasratnya untuk membaca posting terbaru dari blog kamu. Nah, untuk menghindari terjadinya hal-hal yang demikian, alangkah lebih baiknya apabila kamu membuat form berlangganan melalui RSS. Form tersebut berguna untuk memudahkan pengunjung blog melakukan subcribe, sehingga ia akan selalu mendapatkan update posting kamu baik melalui email maupun reader.

Sebelum kamu menggunakan trik ini, terlebih dulu kamu harus memasukkan blog kamu dalam akun Feedburner. Kalau sudah mari kita mulai trik blogger untuk membuat form berlangganan, seperti yang kamu lihat di sidebar kanan blog ini :

• Login dulu ke account blogger kamu.
• Pilih tab Tata Letak --> Elemen Halaman.
• Tambah Gadget dalam elemen blog kamu.
• Di jendela "Tambahkan Gadget", pilih HTML/JavaScript.
• Kemudian copy dan pastekan kode di bawah ini.

<div style="background:url(http://i647.photobucket.com/albums/uu191/ariamsi/flying_bird.gif ) no-repeat top right;padding:10px 0px">
<form action="http://feedburner.google.com/fb/a/mailverify" style="border:1px solid #ccc;padding:3px 3px 5px 3px;text-align:left;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=planetto', 'popupwindow', 'scrollbars=yes,width=300,height=320');return true">

<a href="http://feeds2.feedburner.com/planetto" rel="alternate" type="application/rss+xml"><img alt="RSS Feed" style="vertical-align:middle;border:0" src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png"/> Berlangganan posting via RSS FEED</a><br/><br/>

Atau berlangganan posting via email:<br/><input style="width:190px" value="" name="email" type="text"/><input value="planetto" name="uri" type="hidden"/><input value="en_US" name="loc" type="hidden"/><input value="Berlangganan" type="submit"/><br/><br/>

<a href="http://feeds2.feedburner.com/planetto"><img width="88" style="border:0" alt="" src="http://feeds2.feedburner.com/~fc/planetto?bg=FFFFFF&fg=000000&anim=0" height="26"/></a></form>
</div>

    Catatan :

       1. Ganti http://i647.photobucket.com/albums/uu191/ariamsi/flying_bird.gif  dengan alamat penyimpanan file image kamu.
       2. Ganti planetto dengan nama feed blog kamu.
       3. Ganti nilai width dan height (warna Hijau) sesuai dengan ukuran template elemen halaman blog.
       4. Ganti warna feed-count (bg=FFFFFF&fg=000000) sesuai dengan warna blog kamu.

•   Lalu simpan dan,lihat blog kamu....

 Sumber: Optimasi-Blog.blogspot.com

continue reading

Cara membuat Shoutmix Tersembunyi

Bagaimana yah caranya membuat buku tamu tersembunyi atau shoutmix tersembunyi, ini dia langkah-langkah dan 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/AVvXsEjiSq6bNdY1GIL0_7HD5dqs8huvfDmqORdCvoB0GQxZ4E67ZyfaT2_XCPgPjJ1ZpRvWJslCUB-KO9IZ6LTN1C4B5kQTODo0WNzNHg-AMPrdxcrcXmrAwPdkn2-nU6qVP6m3JcZ9N_ZAmXSP/') 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">

<br/>
<br/>
<a href="http://forantum.blogspot.com">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

# Pada kode di atas, cari kode dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
# Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.



(Sumber : http://membuat-tutorial.blogspot.com)

continue reading

Membuat Widget TabView/Multi Halaman

Dari anda melihat gambar disamping ini saja,anda pasti sudah mengerti apa yang saya maksud dari multi halaman/multi tab tersebut.
Yup! Membuat Widget sederhana yang bertujuan untuk menghemat tempat,sekaligus menambah kerapian dari blog/web tersebut.
Selain itu,pengunjung tidak merasa lelah menaikan maupun menurunkan scrollbar hanya untuk sekedar menari status dari blog tersebut.
Nah! kesempatan kali ini,akan membahas tentang widget multi tab tersebut.
Sebenarnya artikel ini sudah di publikasikan oleh Mas Herman di artikelnya ’Menambahkan Widget Tab View Pada Blog’.
Pelajaran Blog tanpa mengurangi etika blogging,akan menjabarkannya lagi.
Sebenarnya sangat sederhana dalam membuat widget bertab-tab ini,untuk yang belum tahu cara membuatnya,anda bisa ikuti lagkah berikut:

Cara Membuat Multi Halaman

Pergilah ke Dashboard,lalu pilih Tata Letak,kemudian pilih Add New Widget/Tambah Gadget/Element Baru,pilih HTML/Javascript.

Letakkan kode berikut:

<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 80px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #222222; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 1px solid #ffffff; /* Warna border kotak Tab */
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #736F6E; /* Warna background utama kotak tab */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
</style>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 385px;" class="Tabs">
<a><span style="color:white">TAB 1</span></a>
<a><span style="color:white">TAB 2</span></a>
<a><span style="color:white">TAB 3</span></a>
</div>
<div style="width: 252px; height: 180px;" class="Pages">

<div class="Page">
<div class="Pad">
Disini Kode HTML Content Widget YANG INGIN ANDA TAMPILKAN PADA TAB 1
</div>
</div>

<div class="Page">
<div class="Pad">
Disini Kode HTML Content Widget YANG INGIN ANDA TAMPILKAN PADA TAB 2
</div>
</div>

<div class="Page">
<div class="Pad">
Disini Kode HTML Content Widget YANG INGIN ANDA TAMPILKAN PADA TAB 3
</div>
</div>
</div></div></form>

<script style="text/javascript" src="http://scriptforyou.googlecode.com/files/tabview.js"></script>
<script type="text/javascript">tabview_initialize('TabView');
</script>

Untuk kode yang berwarna Biru, ubahlah dan gantilah sesuai keinginan anda,sedangkan kode yang berwarna merah,hanya sebuah penjelasan dari masing-masing kode.

Sekarang tinggal menyisipkan kode-kode html yang ingin anda letakkan pada masing-masing tab.
Anda bisa meletakkan seperti,kode Shout,Recent Comment,Blogroll dll.
Semoga berhasil ya..

(Sumber : http://pelajaran-blog.blogspot.com)

continue reading

Cara Mudah Pasang Widget Post Terbaru dan Komentar Terbaru

Banyak dari blogger berkeinginan untuk menginstall widget Post Terbaru serta widget komentar terbaru di bagian sidebar blog mereka, untuk hal tersebut beberapa blogger menciptakan sebuah widget Post Terbaru dan komentar terbaru dengan menggunakan javascrip seperti yang pernah saya posting di sini, namun sebenarnya memasang berbagai widget dengan menggunakan javascript sangat berpotensi sekali untuk memperlambat loading blog serta tidak terlalu baik untuk search engine, dan di samping itu pula apabila loading blog kita terlalu berat untuk di akses, maka sangat besar kemungkinan blog kita akan langsung di tinggalkan oleh para pengunjung.

Untuk keperluan hal ini, ada alternatif lain selain memakai javascript yaitu engan menggunakan alamat feed kita sendiri. Untuk Post Terbaru bisa menggunakan feed post, dan untuk komentar terbaru bisa menggunakan feed comment. berikut ini adalah alamat feed untuk Post serta feed komentar asli kepunyaan blogger. Alamat feednya adalah sebagai berikut :

Alamat Post Terbaru : http://NamaBlogAnda.blogspot.com/feeds/posts/default

Alamat Komentar terbaru :

http://NamaBlogAnda.blogspot.com/feeds/comments/default
NamaBlogAnda harus di ganti dengan alamat blog anda. Contoh : nama blog saya adalah planetto, sehingga untuk alamat feednya sebagai berikut,

Alamat Post Terbaru : http://planetto.blogspot.com/feeds/posts/default

Alamat Komentar terbaru :

http://palnetto.blogspot.com/feeds/comments/default
Untuk cara memasang di blog adalah seperti ini :

1. Sign in di blogger dengan ID anda.
2. Klik Layout
3. Klik tab Elemen Halaman
4. Klik Tambah sebuah Elemen Halaman
5. Setelah muncul window popup, klik TAMBAHKAN KE BLOG untuk yang feed.

6. Masukan alamat feed yang mau anda pasang (URL untuk post terbaru atau URL komentar terbaru). Contoh :

7. Setelah anda masukan alamatnya, klik tombol Lanjutkan
8. Ganti judul dengan Post terbaru atau Komentar terbaru, dan pilih juga berapa yang anda inginkan (maksimal 5)

9. Klik tombol Simpan Perubahan
10. Pindahkan elemen yang baru di buat ke tempat yang anda inginkan, kemudian klik tombol Simpan
11. Selesai. Silahkan lihat hasilnya.

Sekarang ada mempunyai widget Post terbaru danKomentar terbaru yang tidak terlalu membebani loading blog anda.

Selamat mencoba semoga bermanfaat ...

Source : http://kolom-tutorial.blogspot.com

continue reading

Widget Recent Comment (Komentar Terbaru)

Kali ini saya membahas mengenai recent comment atau komentar terakhir. Recent comment sangat penting dan menjadi salah satu favorit widget di sidebar. Ketika pengunjung melihat orang lain berkomentar untuk Anda, bisa jadi ia sangat tertarik, akibatnya ia akan ikut nimbrung berkomentar. Dulu saya pernah posting soal cara membuat recent comment dengan mudah lewat blogger. Kotak komentar menggunakan fasilitas bawaan blogger memang simpel dan mudah tetapi update nya lama. Ketika telah ada beberapa komentar baru masuk memerlukan waktu cukup lama untk menampilkannya di widget komentar terbaru tersebut. Nah, sedangkan alternatifnya adalah membuat kotak komentar menggunakan gadget HTML yang Anda isi dengan script berikut ini, update terbukti lebih cepat...

<script style="text/javascript" src="http://bloggerhosting.appspot.com/serve/amen24.googlepages.com/showrecentcomments.js">
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = false;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://www.blog-trik-tip.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Caranya:
1. Login ke blogger
2. Tata Letak ->> Elemen Halaman
3. Add Gadget
4. HTML/Java Script
5. Isikan kode tersebut

Keterangan:
numcomments: jumlah koment terakhir yg ditampilkan
showcommentdate: false menunjukkan tanggal tidak ditampilkan, jika ingin menampilkan ganti dengan true
showcommenttitle: true menunjukkan judul artikel ditampilkan, ganti false jika tidak ingin menampilkan.
Numchars: Maksimal karakter yang tampil pada setiap list coment terakhir
Yang berwarna kuning terakhir ganti dengan URL blog Anda...

Fungsi recent comment ini sangat cepat update, jika ada komentar terbaru, lakukan refresh dan sudah otomatis tampil....
 

Sumber: www.masdoyok.co.cc

continue reading

Widget Recent Post ( Postingan Terbaru)

Pada episode kali ini saya akan membahas tentang membuat widget si sidebar atau manalah tempatnya yang berisikan postingan-postingan terakhir kita. Dengan begitu pengunjung dapat mengetahui postingan kita yang terakhir. Iya sih di halaman depan kan postingan-postingan kita yang terakhir tapi kan jika anda menampilkan 10 postingan terakhir Anda, dihalaman depan yang kelihatan cuma 5 postingan terakhir. Dan kalau kita mau menampilkan 10 postingan kita yang terakhir di halaman depan kan kepanjangan. Dan Postingan terakhir kita berupa link di sidebar, ini dibawah ulasannya...

• Layout --> Page Elements

• Pilih tempat yang kamu inginkan kemudian Add a Gadget

• Pilih HTML/JavaScipt dan taruh code dibawah ini didalamnya

<script src="http://sites.google.com/site/anasku2000/post-terakhir.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://BLOGMU.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

• Simpan deh...

Catatan:
Angka 10 yang tercetak tebal dan hijau diatas adalah angka postingan yang mau kamu tampilkan
BLOGMU.blogspot.com adalah alamat blog kamu.

Silahkan mencoba moga-moga aja bermanfaat key...

Sumber: tutorial-jitu.blogspot.com 

continue reading

Cara Memasang Toolbar Canggih Wibiya di Blog

Wibiya - salah satu website yang menyediakan fasilitas free toolbar untuk blog Anda, toolbar dari wibiya ini sangat canggih. Fitur dari toolbar wibiya ini diantaranya : pencarian langsung, who's online, live video, translate, timeline, Bermacam-macam Facebook widget, twitter, youtube, Live chat dan foto sharing kamu. Hmmm canggih bukan toolbar ini? Untuk demonya silakan lihat blog ini bagian bawah yang melayang, ada tools yang berisi pencarian, who's online, facebook, live chat dll.

Setelah Anda melihat-lihat apakah Anda ingin memasangnya kedalam Blogger Anda? Nah dibawah ini ulasan cara membuatnya.

• Buka website wibiya.com dan klik tombol "Get It Now"

• Pada Form "Create An Account" isi form sesuai dengan data Anda lalu kik tomblol "Next" 

• Lalu milih tema toolbar Anda pada bagian "Select A Theme" Lalu klik tombol "Next"

• Pada bagian "Application Setting" configurasi account-account Anda kedalam toolbar tersebut, Seletlah itu klik tombol "Next" 

• Pada bagian "Add it" atau final installation klik logo "Blogger" atau install on blogger

• Pastikan Anda sudah Log in blogger untuk memasang widgetnya, setelah Anda klik logo blogger pada tahap Final, Anda langsung ditujukan pada "Import page elements" blogger

• Select blog yang Anda ingin pasang Toolbarnya, Lalu klik tombol "Add Widget" maka toolbar akan terpasang otomatis dan melayang di bagian bawah blog Anda.

Nah selesai deh ulasan tentang cara membuat Toolbar canggih wibiya, toolbar ini banyak digunakan oleh para pemilik website untuk mempercanggih websitenya, jadi blog kita jika menggunakan toolbar ini serasa seperti di Facebook.

Sekian semoga bermanfaat.

Sumber: tutorial-jitu.blogspot.com

continue reading

Cara Memasang Radio Online -Ceria Radio-

Baru aja gue kasih tau Cara Memasang Radio Muslim, di postingan kali ini gue mau ngasih tau gimana cara memasang Cara Memasang Radio Online -Ceria Radio- di blog kamu atau Website kamu, Untuk Radio Online versi ini Auto Play, jadi musiknya akan langsung mulai ketika Blog/Webnya dibuka. Munkin ini solusi bagi para bloger yang suntuk jenuh pas lagi ngeblog, ya kayak aq ini, hehe... langsung tak pasang coyy...

lagunya Update bgt untuk Indo Or Lagu Manca, Jernih, gak (Kemresek) kyak radio yang Jadul ituh,hahaha 

Ok langsung aja untuk Previewnya seperti yang di bawah ini :

Cara memasang radio online atau cara memasang Mp3 di blog adalah sebagai berikut:

• Login ke Blogger

• Setelah masuk ke Dasbor, klik "Tata Letak"

• Maka anda akan masuk ke "Elemen Halaman"

• Klik tulisan "Tambah Gadget"

• Pilih widget "HTML/JavaScript"

• Masukkan kode di bawah ini, lalu Simpan.

<center><embed style="margin-top: 0px;" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" autostart="true" displaysize="0" showstatusbar="1" type="application/x-mplayer2" src="http://ceriaradio.com:8000/" name="RAOCXplayer" allowscriptaccess="never" height="70" width="160"></embed></center>

Sekian, Semoga bermanfaat....

continue reading

Cara Memasang Radio Muslim

Radio Muslim adalah saluran radio kajian Islami dan murottal yang mengudara dari bumi Yogyakarta. Jelajahi dan nikmati manisnya samudera ilmu syar'i melalui kajian-kajian Islam ilmiah yang disiarkan secara langsung melalui radio streaming.
Nah, bagi sobat yang suka dengerin radio terutama yang bernada islamic, widget ini sangat cocok di pakai.




 Cara Memasang Radio Muslim :
     1. Login ke blogger.com

     2. Klik Tata Letak

     3. Klik Tambah Gadget

     4. Pilih HTML/JavaScript

     5. Lalu pastekan script dibawah ini :
 

<iframe src="http://radiomuslim.com/nativeradio/example.html" marginwidth="3" marginheight="0" scrolling="no" frameborder="0" height="110" width="155"></iframe>
<span style="color: rgb(51, 255, 51);" ><p><a href="http://forantum.blogspot.com/2009/07/online-radio.html">get online radio</a></p></span>

6. Klik Simpan -> Selesai !!

 Nah ntar hasilnya seperti di bawah ini :

Bagi yang bermintat bisa langsung di  coba, atau di Tes aja dulu ... tapi hati-hati bagi yang banyak dosanya ntar bisa kepanasan.. hohoohoho.....

*Met mencoba, smoga bermanfaat...

continue reading

Mengosongkan Judul Sidebar

Berjam-jam ngutak-atik Judul Sidebar biar Kosong tetep ga bisa huft.... gak tau nih, Blogspot ada-ada ajah...
21/06/2010, Judul Sidebar gak bole di kosongin lagi, setelah keliling-keliling akhirnya gue nemu solusinya...


caranya gampang bgt,  alias sangat mudah sekali dan terlalu mudah, hehe
tulis aja kode-kode script seperti biasanya yang paling penting pas judulnya tulis aja kode ini

<h2></h2>

Met mencoba.....

continue reading