Pasang Buku Tamu di Sidebar

       Kehadiran buku tamu (shoutbox/guestbook) pada sebuah situs web atau blog akan menjadi sesuatu hal yang lumayan penting karena disanalah tempat atau sarana interaksi bagi para pengunjung blog dengan yang punya blog itu sendiri. Sudah dapat dipastikan dengan penuhnya buku tamu dalm blog berarti banyak pula orang yang melihat blog kita. Disanalah tempat para pengunjung menuangkan apa yang mereka pikirkan setelah melihat blog kita bisa berisi tentang pujian, kritikan, pertanyaan, sekedar iseng, atau iklan.

     Ok, tanpa basa-basi lagi sekarang kita kembali ke topik bahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata kunci “free shoutbox” atau “free guestbook” pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka saya refrensikan langsung ke TKP alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni  http://cbox.ws/getone.php  Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

Berikut tutorial cara memasang buku tamu dengan cbox di blog :

Cara mendaftar di cbox :

·       Buka situs penyedia chatbox cbox di http://cbox.ws/getone.php 

·       Daftar dengan mengisi form yang ada lalu klik “Create My Cbox!”.

Cara memilih tampilan cbox :

·       Setelah berhasil mendaftar, login dengan akun yang telah dibuat tadi.

·       Untuk memilih tampilan cbox, Klik menu “Look & Feel” > “Style presents”.

·       Klik pada pilihan cbox yang tersedia. Contohnya kita pilih “Bright Orange”

·       Klik “Confirm”

·       Maka akan keluar tulisan “Save” dibawah Tomobol “Confirm”.

 

Cara mendapatkan kode HTML cbox :

·       Klik Menu "Publish"

·       Ada 4 step / langkah yang harus di pilih:

   1.   Dimana akan di pasang cbox

   2.   Pilih Variasi cbox

   3.   Dapatkan kode HTMl cbox
   4.   Install kode HTML cbox diblog

·       Untuk lebih mudahnya, biarkan saja pilihan default tersebut.

 

·       Copy kode HTML yang dihasilkan dari cbox

Cara memasang kode HTML cbox di blog :

·       Login ke blogspot (atau flatform blog lainnya)

·       Tambahkan gadget/widget HTML/Javascript di tempat akan di letakkan buku tamu cbox.

·       Paste kode HTML cbox tadi

·       Save

Cara memasang kode HTML cbox di postingan blog :

·       Postingan bisa berupa posting atau juga halaman

·       Ganti form postingan dari Compose ke Edit HTML

  

·       Paste kode HTML cbox pada kotak postingan

Gimana sahabat mudah bukan tutorial cara membuat buku tamu chatbox cbox di blog? Semoga bermanfaat.

Read More

Blogger Emoticons

      Sahabat blogger, mau postingan anda di hiasi emotic seperti ini   ,  ,  ,   pasti pembaca artikel atau posting-an kita bisa lebih ekspresif lagi dengan adanya hiasan emotic, nih saya berikan gratis tis tis perbendaharaan wajah-wajah lucu buat menghiasi blog anda...

Blogger Emoticons;

 

<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif">

 

<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif">

 

<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif">

 

<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif">

 

<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif">

 

<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif">

 

<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif">

 

<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif">

Gimana lucu-lucu yah? 
Script tersebut tinggal anda copy di bagian (edit HTML), Selamat menghiasi postingan sahabat. 

Read More

Refresh Automatic

Baik seperti judul posting-an saya kali ini saya akan mengulas Refresh Automatic pada blog, kenapa hasus Refresh Automatic? Fungsi refresh ini di gunakan untuk membuat “penyegaran” kembali di halaman blog ataupun website kita. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, perbedaannya yaitu fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar.

Untuk membuat penyegaran/refresh kembali di halaman blog ataupun website, kita cukup dengan hanya memasukkan kode di bawah ini :

<meta http-equiv="refresh" content="10"/>

Simpan kode di atas antara <head> .... </head>

Kita ihat kode; content="10" --> angka sepuluh menunjukan bahwa proses refresh akan di lakukan dalam rentang waktu 10 detik. Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di refresh.

Fungsi refresh selain untuk menyegarkan kembali halaman-halaman blog kita, ada fungsi lain yang juga cukup menarik, yakni berfungsi sebagai Redirect dari satu URL addres ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan. Agar lebih jelas, saya ambil salah satu contoh;  jika anda memiliki blog lama yang ingin di non aktifkan kemudian anda ingin mengalihkannya ke situs baru blog anda, Nah selain memakai cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat, alangkah baiknya kita memakai fungsi Refresh yang di setting secepat mungkin yakni waktu refresh di set 0 (nol) detik. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang di inginkan.

Fungsi Redirect ini bisa di buat dengan kode :

  

<meta http-equiv="refresh" content="0;URL=tulis alamat URL tujuan di sini"/>

  

Selamat mencoba sahabat blogger. 

Read More

Cara memasukan Gambar atau Foto di Poting Blog

Blogger agar posting artikel pada blog kita tampak lebih menarik untuk dilihat, maka sebaiknya kita menyisipkan gambar di antara poting-an artikel tersebut, di samping itu fungsi gambar ialah akan memperjelas apa yang kita sampaikan kepada pembaca. Misalkan kita sedang menjelaskan sesuatu, maka dengan adanya gambar akan lebih memperjelas maksud dari topik yang sedang kita jelaskan kepada para pembaca artikel kita. Ada yang masih bingung bagaimana caranya untuk memasukan gambar pada artike kita? Baik perhatikan langkah-langkah berikut :

      1. Login seperti biasa dengan id anda

      2. Klik Posts

      3. Klik New Post (bila sebelumnya anda telah mempunyai posting-an)

      4. Klik toolbar insert image, lihat gambar di bawah:

5. Setelah itu akan muncul jendela baru Klik tombol "Pilih File" dan silahkan pilih gambar atau foto dari komputer yang akan diupload, gambar bisa diupload secara bersamaan sekaligus. tunggu sampai gambar atau foto muncul seperti dibawah ini.

      6. Jika sudah merasa cocok dengan gambar yang mau diupload lalu klik "Add selected"

       

     7. Tambahan beri tanda tik/cek pada radio button pada pilihan Choose a layout, bila anda menginginkan posisi gambar bisa di tempatkan di mana saja, pilih pada radio button None, bila posisi gambar di sebelah kiri pilih left, bila ingin di tengah pilih Center, bila ingin di kanan pilih Right. Beri tanda tik/cek pada Image size, bila ingin gambar yang di upload hasilnya kecil pilih Small, bila ingin sedang pilih Medium, bila ingin besar pilih Large.

       8. Seperti itulah kurang lebihnya upload gambar di blogger cukup mudah bukan?

 Selamat mencoba sahabat Blogger. 

Read More

Mempercantik Blog Dengan Pasang Jam di Sidebar

     That's right, seperti judul postingan saya kali ini saya akan berbagi bagaimana agar blog kita tampak cantik dan menarik untuk di lihat pengunjung, maka anda bisa memasang beberapa aksen aksesoris pada blog anda, salah satunya adalah dengan cara memasang jam. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Salah satu contohnya seperti jam di bawah ini : 

     Menarik bukan? yups bagi anda yang ingin blognya di pasang jam juga, silahkan ikuti langkah-langkah di bawah ini : 

1.     Silahkan kunjungi situs (atau klik linknya) http://www.clocklink.com 

2.     Jika sudah berada pada situs tersebut, silahkan alihkan pandangan anda ke sebelah kiri layar anda.

3.     Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll.

4.     Jika di rasa sudah menemukan model jam yang anda sukai, klik menu tersebut dan situs ClockLink akan mengarahkan anda ke langkah selanjutnya.

5.     Klik tombol yang bertuliskan View HTML Tag.

6.     Klik tombol yang bertuliskan Accept.

7.     Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00

8.     Set ukuran jam yang anda sukai di samping tulisan Size.

9.     Copy kode HTML yang di berikan pada notepad.

10.  Paste kode HTML yang di copy tadi pada tempat yang anda inginkan.

11.  Selesai.

     Mudah bukan? :) sekarang Blog anda akan terlihat menarik dengan adanya aksen aksesoris Jam. Selamat mencoba!

Read More

Cara Menghilangkan Navbar Pada Blogger

     Sahabat Blogger ada yang tahu apa itu Navbar pada Blog? Nah jika sahabat sependapat  dengan saya pengertian Navbar atau Navigation Bar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS (Term of Service) atau hal-hal yang dianggap merugikan orang lain.

     Dalam hal ini bagi sebagain blogger termasuk saya yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (Navbar). Karena itu, kadang para blogger menghapus Navbar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com? Akan tetapi sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. So, artinya hal ini bisa dilakukan oleh para Blogger. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

     Nah skarang bicara tentang bagaimana menghilangkan Navigation Bar? Apakah para Blogger sudah tahu atau bisa untuk menghilangkan Navbar tersebut? Tentunya untuk para Suhu atau Blogger mahir hal ini sudah jangan di ragukan lagi. Akan tetapi mungkin buat para Blogger pemula hal ini akan sedikit membingungkan maka dari itu semoga postingan saya tentang bagaimana Cara Menghilangkan Navbar Pada Blogger bisa bermanfaat. Mari kita simak bagaimana langkah-langkahnya dengan seksama sebagai berikut:

1. Kamu harus Login dulu ID kamu di Blog

2. Trus Pilih Layout --> Edit HTML

3. Copy script berikut ke dalam tag head

#navbar-iframe {

display: none !important;

}

Contohnya sebagai berikut :

-----------------------------------------------

Blogger Template Style

Name: Kumpulan Tips Trik Bloger Pemula

Designer: IminArt

URL: www.iminart.blogspot.com

Date: 19 Sept 2010

Updated by: Blogger Team

----------------------------------------------- */

#navbar-iframe {

display: none !important;

}

/* Variable definitions

====================

4. Kemudian simpan.

Selesai sudah sekarang Sahabat akan lega dengan tidak adanya Navbar di pandangan Shabat Blogger semua. Happy Bloging Guys!

Read More

Auto Red More

     Sahabat Blogger, posting kali ini saya akan membahas tentang “Jump Breaks” atau yang sering kita dengar yaitu Read More, apa itu Read More? Read More yang mempunyai fungsi untuk memotong tulisan di halaman depan (home page) atau lebih populer dengan sebutan "Rungsi Read More". 

     Ini artinya, untuk memotong artikel agar tidak terlalu panjang tampil di halaman depan, anda hanya tinggal klik tombol " Read More" saja dan anda tidak harus repot lagi mengetikkan kode read more hasil hack atau apapun. Oke tak perlu panjang lebar lagi sekarang mari kita lihat langkah-langkah membuat Read More Otomatis di bog anda:

1. Seperti biasa langkah pertama adalah Sahabat Blogger Log in ke Blog dengan ID sahabat Blogger.
2. KLik Rancangan / Template
3. KLik Edit HtmL
4. Cari Kode </head>
5. Dan Letakan kode di bawah ini Di atas kode </head>

<scripta type='text/javascript'>

var summary_noimg    = 300,

    summary_img      = 300,

    img_thumb_height = 80,

    img_thumb_width  = 90;

</script>

<script type='text/javascript'>

//<![CDATA[

/**

 * =======================================================================

 * Auto-readmore link script, version 2.0 (for blogspot) (C)2008 by Anhvo

 * =======================================================================

 */

function removeHtmlTag(strx, chop) {

    if (strx.indexOf("<") != -1) {

        var s = strx.split("<");

        for (var i = 0; i < s.length; i++) {

            if (s[i].indexOf(">") != -1) {

                s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length);

            }

        }

        strx = s.join(" ");

    }

    chop = (chop < strx.length - 1) ? chop : strx.length - 2;

    while (strx.charAt(chop - 1) != ' ' && strx.indexOf(' ', chop) != -1) chop++;

    strx = strx.substring(0, chop - 1);

    return strx + '...';

}

function createSummaryAndThumb(pID) {

    var div = document.getElementById(pID);

    var imgtag = "";

    var img = div.getElementsByTagName("img");

    var summ = summary_noimg;

    if (img.length >= 1) {

        imgtag = '<span style="float:left;padding:0px 10px 5px 0px;"><img alt="" src="' + img[0].src.replace(/\/s(320|400|640|1600)/, "\/s" + img_thumb_width) + '" width="' + img_thumb_width + 'px" height="' + img_thumb_height + 'px"/></span>';

        summ = summary_img;

    }

    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML, summ) + '</div>';

    div.innerHTML = summary;

}

//]]>

</script>

6. Simpan Template.
7. Setelah Anda simpan Template Lalu centang kembali Expand Template widget Dan Cari Kode di Bawah ini:

<data:post.body/>

Setelah ketemu Anda Hapus kode Tersebut dan Ganti dengan Kode ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

<b:else/>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<data:post.body/>

<b:else/>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<a class='more' expr:href='data:post.url'> READMORE....!! </a>

</b:if>

</b:if>

7. Sebelum selesai dan di simpan Sahabat bisa ganti tulisan "Read More" dengan apa yang di kehendaki Sahabat, misalnya: Baca Selengkapnya, Full Read dan lain sebagainnya setelah itu Sahabt Klik simpan.

Selamat mencoba, Sahabat Blogger!

Read More

Menghilangkan Icon Obeng dan Tang / Quick edit Blogger

     Masih ada yang bingung tentang Blog? Untuk Blogger pemula pasti pertanyaan itu berlaku, ko blog saya ada Icon Obeng dan Tang ia? Pertanyaan lain menyusul. Menanggapi pertanyaan-pertanyaan tersebut semoga iminart memberikan solusi yang terbaik. Apa sih isi dari judul posting kali ini, sepertinya agak aneh di telinga Blogger pemula? Jadi begini teman-teman,  jika kita sedang mengedit template dan melihat hasilnya maka pada sudut-sudut element akan terlihat icon bergambar obeng dan tang. Lihat Gambar dibawah :

 

     Icon tersebut di sebut juga dengan icon Quick Edit atau dengan bahasa lain mengedit secara cepat. Fungsinya jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan kita bisa langsung mengeditnya. Icon tersebut sebenarnya hanya bisa di lihat apabila kita sedang login ke blogger saja, sedangkan pengunjung yang lain tidak bisa melihat icon tersebut.

     Namun sialnya ternyata ada beberapa blogger yang tidak suka dengan kehadiran icon Obeng dan Tang tersebut dan ingin menghapusnya. Apakah kita bisa  menghapus icon tersebut? Jawabannya tentu saja bisa, dan sangatlah gampang karena kita hanya melakukan perintah agar icon itu tidak di munculkan dengan hanya manambahkan sedikit kode pada kode CSS di template kita. Ingin tahu kodenya seperti apa? nih ini dia kodenya: 

.quickedit{
display:none;
}

     coba sahabat Blogger mulai pasang saja di Style Sheet CSS. Mudah sekali bukan? atau masih bingung? Ok deh kalau masih bingung ini dia cara lengkapnya :

1.     Langkah pertama login ke blogger dengan ID anda tentunya.

2.     Klik  Tata Letak.

3.     Klik tab Edit HTML. (jangan lupa centang Expand Template Widget)

4.     Cari kode seperti ini (ctrl+fn) :

]]></b:skin>

5.     Copy paste kode berikut persis di atas kode yang tadi :

.quickedit{
display:none;
}

6.     Klik tombol Simpan template.

7.     Selesai.

  

Sahabat Blogger, Selamat mencoba ya!  ;)

Read More