Berita Terkini Headline Animator

selamat datang di Blog'e Kang Yitt ...

Cara Mudah Buat Banner Animasi

Upss...tak sengaja lewat depan rumah, maksudnya tak senganja menemukan sebuah webs yang menyediakan fasilitas buat banner animasi secara online sudah pastinya mudah atau pada postingan terdahulu Cara Cepat Buat Banner Link . Daripada harus puyeng-puyeng membuat sendiri, seperti pada postingan sebelumnya Buat Animasi dengan Adobe Photoshop. Tidak ada salahnya memcoba media ini, yuk.. langsung saja kita mulai :

1. Langsung saja ke TKP di www.flashvortex.com maka akan muncul halaman seperti ini :
2. Lalu pilih "Banners" lalu muncul seperti gambar dibawah ini

Pilih banners sesuai dengan selera masing-masing, jika sudah edit teks, warna dan lannya dengan cara klik "CLICK HERE TO EDIT THIS", jika semuanya sudah merasa pas dengan editan, saatnya kita copy paste kodenya, dengan cara klik "Generate Animation" lalu pada "Copy/paste this code into your site" copy kode tersebut, lalu paste keblog kita



Semoga Berhasil dan dapat bermanfaat...!

Cara Download Video YouTube

Mungkin Anda pernah bertanya-tanya bagaimana untuk men-download video dari YouTube, Ada banyak cara yang bisa dilakukan, baik dengan program maupun tanpa program yang memungkinkan kita untuk men-download video dari situs tersebut.

Dari sekian banyak cara tersebut saya merasa cara ini lebih mudah, walaupun menggunakan program yang harus terinstal terlebih dahulu yaitu dengan program yang bernama Catcher aTube? Karena ada banyak alasan, seperti kita dapat mengekspor sebagai format yang berbeda seperti : AVI, 3GP, 3G2, AVI, WMA, WMV, GIF, XviD, MP4, MP3, MP2, FLAC, WAV, PSP, MPG, VOB, OGG, MOV, ...

Lanagkah-langkahnya :
    • Instal program Catcher aTube download programnya disini, jika sudah selesai , jalankan programnya.
    • Buka situs YouTube lalu pilih video yang akan kita download, lalu klik share (1) dan copy URL-nya (2)
    • Lalu paste ke program Catcher aTube dalam kolom URL (1) dan klik browse untuk menentukan lokasi penyimpanan (2) dan kita juga bisa mengubah format penyimpanan dengan merubah output profile (3), selanjutnya klik tombol download (4)
    • Selesai dah, coba lihat hasilnya


    Semoga dapat bermanfaat...!

    Memproteksi Dokument Word Agar Tidak Bisa di Edit

    Kali ini saya akan berbagi dengan sohib semua tentang bagaimana cara memproteksi dokumen word kita agar tidak bisa di edit oleh orang lain, terkadang kita kesal, dokument word yang sudah rapi kita buat dan menguras waktu, eh.. ada yang merubah tanpa sepengetahuan kita. Agar hal tersebut tidak terjadi, mungkin kita dapat menerapkan cara ini.



    Kalau pada postingan terdahlu Cara Membuat Password Microsoft Word 2007 agar tidak bisa dibuka oleh orang lain, namun kali ini dokument word kita bisa dibuka oleh semua orang akan tetapi orang tersebut tidak dapat melakukan pengeditan. Lengkahnya adalah sebagai berikut :
    • Buka dokumen yang akan kita proteksi
    • Pada Ribbon, pilih Review (1) lalu klik Protect Document (2) dan pilih Restrict Formatting and Editing (3)
    • Centang pada kotak Limit formatting to a selection of style (1) demikian juga dengan kota Allow only type of editing in the document(2) lalu klik Yes, Star Enforcing Protection(3)
    • Masukkan password baru kemudian ulangi lagi masukkan password baru tadi
    • SIMPAN dan coba kita lakukan pengeditan, pasti sudah tidak bisa
    • Jika kita ingin melakukan pengeditan pada dokumen tersebut, tentunya harus membuka proteksinya, dengan cara klik Stop Protection

    Semoga Berhasil dan dapat bermanfaat...!

    Cara Mengetahui Pengunjung Yang Online

    Sebagai blogger pemula pada saat mengunjungi blog kita sendiri, terkadang dalam hati ada rasa penasaran apakah ada orang lain yang mengujungi blog kita? maka dari pada penasaran lebih baik gunakan saja widget satu ini sebagai Cara Mengetahui Pengunjung Yang Online.

    Manfaat dari mengetahui pengunjung yang online adalah sebagai dasar evaluasi dan bahan memotivasi diri sendiri agar terus belajar dan berpromosi untuk meningkatkan trafic pengunjung, karena apalah artinya mempunyai blog atau web jika tidak ada pengunjungannya.

    Bagi pengguna blogspot yang tertarik untuk memasang widget pemantau pengunjung yang online ini, caranya sebagai berikut :
    1. Silahkan klik alamat situs ini http://www.whos.amung.us/ untuk menuju ke halaman websitenya, seperti pada contoh gambar di bawah ini :
    2. Copy paste code pada kolom yang saya kasih tanda lingkaran merah atau apabila ingin posisi widget di blog sesuai keinginan Anda, maka sebelum mengcopy paste code tersebut silahkan diatur terlebih dahulu di menu yang saya kasih lingkaran biru;
    3. Selanjutnya memasang code widget di atas pada sidebar blog, caranya terlebih dahulu Anda harus login ke http://www.blogspot.com dengan email dan password Anda, lalu klik Layout/Rancangan, klik Add a Gadget/Tambah Gadget dan pilih HTML/JavaScript seperti gambar berikut :
    4. Setelah terbuka halaman HTML/JavaScript, masukan/copy paste code widget di atas ke dalam halaman content seperti contoh gambar di bawah ini :
    5. Terakhir klik Save/Simpan, lalu lihat hasilnya.
    OK rasanya sudah cukup, namun apabila masih ada penjelasan yang susah dimengerti mohon sampaikan saja melalui kotak komentar di bawah.


    = = = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = =

    Tips-Trik Download di Ziddu.Com Dengan Browser Opera

    Berdasarkan pengalaman mendownload file-file di Ziddu.Com ketika akan memasukan code captha dan mengklik pada kotak isian code captha tersebut selalu terbuka windows baru yang berisi iklan-iklan, rasanya mengganggu banget dan menjengkelkan, tetapi sekarang saya sudah menemukan solusinya untuk supaya tidak terganggu lagi dengan iklan-iklan tersebut.

    Pada postingan sebelumnya saya telah membahas Tips Download File Ziddu dengan menggunakan browser Mozilla Firefox (untuk mengingatkan kembali silahkan klik disini), sedangkan untuk kali ini saya akan menguraikan Tips-Trik Download di Ziddu.Com Dengan Browser Opera.

    Sesungguhnya langkah-langkahnya hampir sama dengan Mozilla Firefox, namun tidak ada salahnya kalau dijelaskan kembali karena namanya hampir sama bukan berarti seluruhnya sama persis khan?

    Sebelum mendownload file-file di Ziddu.Com sebaiknya diatur dahulu browser operanya yang langkah-langkahnya sebagai berikut:
    1. Buka Browser Opera lalu klik menu Tool dan pilih Preferences seperti pada gambar di bawah ini :
      atau langsung Ctrl F12, maka akan terbuka halaman baru;
    2. Setelah terbuka halaman baru klik pada menu Advanced, pilih Content, kemudian hilangkan tanda centang pada tulisan Enable JavaScript dan Enable Java, terus klik OK, selesai. Lihat contoh pada gambar di bawah ini:
    3. Selanjutnya sudah bisa mulai mendownload file-file di Ziddu.Com dengan nyaman tanpa adanya gangguan dari iklan-iklan dan Pop Up.
    Untuk mempercepat proses download, sebaiknya gunakan Software Internet Download Manager (IDM), jika masih belum punya jangan khawatir software tersebut sudah bisa anda download sekarang, silahkan Klik Disini untuk download IDM 5.19 build 3 Full.







    ===============> Selamat Mencoba, Semoga Sukses!!! <===============

    Cara Setting Blog Menjadi Dofollow

    Sebelum saya memulai berbagi Cara Setting Blog Menjadi Dofollow, ijinkan saya berbagi mengenai pengertian Nofollow dan Dofollow yaitu sebagai berikut:

    • Nofollow artinya link yang anda masukkan pada saat anda memberikan komentar disebuah blog tidak akan ditelusuri lebih lanjut oleh mesin pencari dalam artian anda tidak akan mendapatkan backlink dari blog tersebut, sementara kita tahu bahwa backlink merupakan salah satu unsur penting dalam peningkatan page ranking.
    • Sedangkan Dofollow memiliki arti yang sebaliknya, dalam artian anda akan mendapatkan backlink dari komentar yang anda berikan pada sebuah blog, yah anggaplah sebagai hadiah dari sipemilik blog kepada anda karena sudah bersedia memberikan komentar yang berkualitas di blognya.
    Secara default setting komentar sebuah blog adalah nofollow, tapi anda dapat merubahnya menjadi dofollow. Sebagai contoh blog ini www.seby-antoe.com dan blog saya ini www.serba-tersedia.co.cc sudah disetting untuk komentarnya menjadi Dofollow. Jadi bila anda memberikan komentar pada blog tersebut, link anda akan ditelusuri lebih lanjut oleh mesin pencari atau anda akan mendapatkan backlink dari blog ini. Anggaplah ini sebagai hadiah kecil dan penghargaan untuk anda yang sudah bersedia mampir dan memberikan komentar berkualitas pada blog-blog di atas.

    Baiklah saya rasa sudah cukup penjelasan mengenai Nofollow dan Dofollow, sekarang mari melanjutkan ke Cara Setting Blog Menjadi Dofollow, sebagai berikut:
    1. Login ke Blogspot Anda, kemudian klik menu Rancangan/Layout masuk ke tab Edit HTML, jangan lupa untuk memberi tanda contreng pada kotak disebelah tulisan Expand Widget Templates;
    2. Cari kode HTML yang menyusun komentar di blog anda, kira-kira kodenya seperti ini:
      <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
    3. Langkah selanjutnya hapus tulisan yang bercetak tebal sehingga kode HTML blog anda menjadi seperti di bawah ini:
      <a expr:href='data:comment.authorUrl'><data:comment.author/></a>
    4. Save Template, selesai.
    Untuk mengetahui apakah blog anda sudah Dofollow atau belum, Anda bisa melakukan pengecekan dengan cara klik kanan di halaman blog dan klik view page source. Jika anda masih menemukan tulisan rel='nofollow' berarti blog anda belum Dofollow.

    Note: Satu hal yang perlu diingat bahwa langkah-langkah diatas harus anda ulang kembali jika anda mengganti template dari blogspot anda.

    Tutorial Cara Setting Blog Menjadi Dofollow
    download nowDownload Now


    = = = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = = =

    Daftar Social Bookmark Indonesia

    Socialbookmark adalah elemen penting untuk mendapatkan inbound link dan sekaligus traffic buat blog berbahasa Indonesia, sebaiknya menggunakan social bookmark indonesia karena dikunjungi oleh orang Indonesia yang mengerti bahasa indonesia. Website social bookmark yang banyak digunakan dan saling memberikan manfaat antara webmaster/blogger, netter, kuli tinta, pencari informasi dan advertiser sudah semakin berkembang dan akan terus berkembang. Saat ini yang menggembirakan adalah sudah ada beberapa social bookmark Indonesia yang bertahan dan bisa mempunyai pagerank sehingga layak buat kita mensubmit artikel, tidak lagi ke social bookmark asing seperti digg atau del.icius yang notabene berbahasa Inggris sehingga sulit mendapat tambahan traffic.

    Socialbookmark Indonesia. Karena daftar social bookmark Indonesia berpagerank masih sedikit, dan rata2 masih angin-anginan (beberapa malah berubah diparkir), maka alhasil sangat minim yang bisa memperoleh pagerank karena itu hasil daftar social bookmark Indonesia berikut benar2 yang sudah mempunyai pagerank.

    Socialbookmarking Indonesia. Bagi seorang blogger khususnya mereka yang bergelut di dunia monetize manfaatnya tentu banyak sekali salah satu yang terpenting dan mendasar adalah TRAFFIC. Ketika Anda mempunyai sebuah berita (informasi, tips dan lainnya) yang dirasa baik di masukkan (submit) ke Social bookmark pada saat yang tepat ketika pengunjung banyak maka tidak menutup kemungkinan berita yang Anda daftarkan akan bertahan lama dengan mendapat voting dari pembaca sehingga traffic menuju blog Anda pun bertambah.

    Social Bookmarking Indonesia. Ranking Alexa blog Anda akan meningkat (mengecil) dari jutaan hingga ratusan ribu, ribuan bahkan mencapai ratusan. Alexa Rank merupakan satu point penilaian para advertiser yang akan beriklan di blog Anda. Selain traffic rank tidak menutup kemungkinan jika berita dari blog Anda bermanfaat dan banyak membantu orang lain lantas banyak blogger lain yang membuat postingan hal yang sama dengan merujuk ke blog Anda dengan menyertakan link dalam postingannya maka dengan demikian bertambah salah satu point untuk meningkatkan google pagerank, seperti mata rantai yang terus berhubungan.

    Sosialbookmark Indonesia. Menurut sebagian pengalaman para blogger waktu terbaik memasukkan posting pada pagi dan sore hari; pagi hari mulai dari pukul 7 pagi hingga pukul 10 dan sore hari mulai pukul 14:00 hingga 16:00 serta tambahan malam hari mulai pukul 19:00 hingga 21:00. Pada dua saat itulah berita yang Anda submit akan mendapat lebih banyak perhatian dari pembaca.

    Social bookmarking adalah metode untuk pengguna Internet untuk menyimpan, mengorganisir, mencari, dan mengelola bookmark halaman web di Internet dengan bantuan metadata, biasanya dalam bentuk tag yang secara bersama-sama dan / atau kolaborasi menjadi folksonomy. Folksonomy disebut juga tag sosial, “proses oleh banyak pengguna yang menambahkan metadata dalam bentuk kata kunci untuk berbagi konten”.

    Dalam sebuah sistem sosial bookmark, pengguna menyimpan link ke halaman web yang akan mereka ingat dan / atau berbagi. Bookmark ini biasanya publik, dan dapat disimpan pribadi, hanya dipakai bersama-sama dengan orang atau kelompok tertentu, hanya dipakai bersama-sama di dalam jaringan tertentu, atau kombinasi dari domain publik dan swasta. Yang diizinkan orang biasanya dapat melihat penanda kronologis, menurut kategori atau tag, atau melalui mesin pencari.

    Social Bookmark Indonesia. Langsung aja berikut daftar socialbookmark Indonesia, kalau ada tambahan silahkan di tulis di komentar nanti saya tambahkan… semoga mendapat inbound link dan tambahan traffic. Selamat bersocial bookmarking Bro..
    daftarnya:
    1. http://definisi.net (PageRank 2)
      Situs Socialbookmark Dofollow tempat kamu ‘bebas’ membuat definisi kata, bercerita tentang kata, sejarah kata juga bisa pokoke tulis aja sebuah kata dengan definisi maupun sejarah/cerita dibalik kata tersebut. SIAPA TAHU definisi katamu jadi RUJUKAN dan jadi bagian SEJARAH.., Km Juga bisa kasih komentar, bikin group, buat profilmu dll…so adakah sebuah “kata” yang sangat berarti buatmu ? DAFTAR DAN TULIS DEFINISIMU klik disini;
    2. http://www.tentang.net (PageRank 2)
      Socialbookmark tempat menulis artikel apapun, GRATIS, tentang cinta, tentang berita , tentang cerpen dll..Bisa bersosialisasi lewat group, AYO MENULIS.!;
    3. http://lintasberita.com (PageRank 4)
      Daftar dulu dimana berita terbaik melintas dari berbagai sumber.Daftar account baru, isi keterangan secara lengkap. Sign in untuk masuk ke halaman utama lintasberita
      Klik ayo….kirimkan berita anda, terdapat pada sisi kanan atas. Ikuti langkah2nya, setelah semua terisi klik tulisan KIRIM SEKARANG, terletak di kiri bawah;
    4. http://infogue.com (PageRank 4)
      Tempat untuk menemukan dan bertukar berita, info, video, foto dan musik, terkini dan terpopuler dari berbagai sumber di web. Daftar dulu account baru, isi data anda secara lengkap Login untuk masuk ke halaman utama infogue Klik kirim berita untuk memulai, ikuti petunjuk dan langkah2 nya Setelah melengkapi semua form yang tersedia, klik kirim berita yang terletak di tengah paling bawah dibagian website;
    5. http://www.antarblog.com (PageRank 1)
      Mari berbagi dengan saling mem-VOTE artikel dari blogger lainnya, memberikan pendapat, masukan, komentar, saling mengunjungi dan berbagi;
    6. http://kafeinfo.com (PageRank 2)
      Setelah anda melakukan registrasi di Kafeinfo, anda akan mendapatkan email aktivasi untuk akun anda. Ikuti langkah sederhana di email anda untuk melengkapi registrasi anda. Setelah akun anda diaktifkan, anda dapat menggunakan semua fasilitas Kafeinfo Bookmarking Sosial;
    7. http://plazzavideo.com (PageRank 3)
      Sepertinamanya ini socialbookmark video;
    8. http://yehiapress.org (PageRank 3)
      Socialbookmark berbasis pligg, segala berita;
    9. http://memburu.info (PageRank 4)
      Memburu Info adalah sebuah situs untuk menandai website, blog, forum, berita yang menarik, populer, berbobot agar bisa di sebarkan dan di baca oleh masyarakat luas;
    10. http://www.indofeed.com (PageRank 3)
      Web 2.0 Social Bookmarking Service. Submit, bookmark, search, share, promote, comment and vote website or blog contents;
    11. http://bookmarkindo.com/id (PageRank 3)
      Bookmarkindo merupakan social bookmark untuk sharing situs. Terasedia dalam 2 Bahasa, Bahasa Inggris dan Indonesia;
    12. http://kliksite.com (PageRank 1)
      KlikSite is an Online Social Bookmark with Google Adsense Revenue Sharing, you can earn money by submitting news;
    13. http://www.liputankhusus.com (PageRank 3)
      Liputan khusus adalah tempat anda untuk berbagi cerita dan promosikan situs web atau blog;
    14. http://dagdigdug.com (PageRank 4)
      Semacam Livejournal tapi bahasa indonesia;
    15. beritahusaya.com
      Ini situs social bookmark dofollow Indonesia dan kalau ingin mendapatkan backlink dari situs ini silahkan promosikan blog/web Anda di beritahusaya.com.

    Ayo manfaatkan social bookmark buat menaikkan pagerank blog berbahasa indonesia milik kamu. Nah Kalo temen2 juga ingin meramaikan dan membuat social bookmark sendiri bisa download script dan tata caranya di http://pligg.com, kunjungi juga forumnya untuk mengetahui cara2 customisasi.

    Kalo ada socialbookmark Indonesia yang belum kedaftar mohon infonya ya..thanks.

    Cara Membuat Page Number-Navigasi Halaman

    Page Number atau Navigasi Halaman dengan menggunakan nomor atau angka adalah sebagai alat navigasi yang berfungsi selain dapat mempercantik tampilan halaman utama juga dapat memudahkan pengunjung dalam menjelajahi content sebuah website atau blog. Lihat contohnya pada halaman utama blog saya ini, kira-kira tampilan seperti pada gambar di bawah :
    Apakah Anda ingin mencobanya? Jika iya, maka berikut ini adalah langkah-langkah Cara Membuat Page Number-Navigasi Halaman Blog khususnya blogspot.com :
    1. Masuk dahulu ke Dashboard blogspot Anda, selanjutnya pilih Rancangan (Layout) dan pilih Edit HTML, seperti biasa contreng option Expand Widget Templates, selanjutnya cari kode berikut: ]]></b:skin>;
    2. Setelah ketemu, di atas kode ]]></b:skin> letakkan kode di bawah ini :
      .showpageArea a {
      text-decoration:underline;
      }
      .showpageNum a {
      text-decoration:none;
      border: 1px solid #cccccc;
      margin:0 3px;
      padding:3px;
      }
      .showpageNum a:hover {
      border: 1px solid #cccccc;
      background-color:#cccccc;
      }
      .showpagePoint {
      color:#333;
      text-decoration:none;
      border: 1px solid #cccccc;
      background: #cccccc;
      margin:0 3px;
      padding:3px;
      }
      .showpageOf {
      text-decoration:none;
      padding:3px;
      margin: 0 3px 0 0;
      }
      .showpage a {
      text-decoration:none;
      border: 1px solid #cccccc;
      padding:3px;
      }
      .showpage a:hover {
      text-decoration:none;
      }
      .showpageNum a:link,.showpage a:link {
      text-decoration:none;
      color:#333333;
      }
    3. Lalu cari lagi kode seperti ini: </body>;
    4. Jika sudah ketemu, di atas kode </body> letakkan script di bawah ini:
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
      <script type='text/javascript'>
      var pageCount=5;
      var displayPageNum=5;
      var upPageWord =&#39;Previous&#39;;
      var downPageWord =&#39;Next&#39;;
      </script>
      <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
      </b:if>
    5. Selanjutnya carilah kode berikut ini : 'data:label.url';
    6. Hapus kode ini : 'data:label.url' dan gantilah dengan kode di bawah ini:
      'data:label.url + &quot;?&amp;max-results=5&quot;'
    7. Terakhir Simpan Templates dan lihat hasilnya.

    NB : Jika ada diantara Anda yang mempunyai cara lebih baik atau ingin memberikan tambahan atau masukan, mohon disampaikan pada kolom komentar sebagai perbaikan atas tutorial ini, terima kasih.


    = = = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = = =

    Cara Menampilkan Kode HTML

    Bagi yang sudah tahu Cara Menampilkan Kode HTML di dalam posting blog bukanlah hal yang sulit, tetapi sebaliknya bagi yang belum tahu triknya akan berkata sulit dan pusing tujuh keliling, bahkan bisa membatalkan niatnya untuk menulis postingan, hal ini pun pernah Saya alami sendiri.

    Oleh karena itu Saya ingin berbagi pengetahuan tentang cara mudah dan simple untuk menampilkan kode HTML pada posting blog yaitu dengan cara melakukan Parse terlebih dahulu pada kode HTML yang akan dimasukan dalam postingan.

    Untuk melakukan Parse bisa dilakukan melalui situs penyedia layanan Parse/Convert Kode HTML yang gratis dan cara-caranya hampir sama.

    Berikut adalah situs-situs yang saya maksud di bawah ini :
    1. www.eblogtemplates.com
    Caranya kunjungi situs ini www.eblogtemplates.com lalu copy paste kode HTML Anda dan masukan pada form yang tersedia, lalu klik “Convert Code” dan tunggu sampai proses selesai. Setelah selesai copy paste kode HTML yang telah diparse tersebut ke dalam postingan Anda.

    2. http://www.blogcrowds.com
    Setelah Anda masuk ke situs ini http://www.blogcrowds.com, langkah-langkahnya hampir sama dengan di atas, copy paste kode HTML Anda dan masukan pada form yang tersedia, lalu klik “PARSE” dan tunggu sampai proses selesai. Setelah selesai copy paste kode HTML yang telah diparse tersebut ke dalam postingan Anda.

    3. http://www.centricle.com
    Masuk ke situs ini http://www.centricle.com, copy paste kode HTML Anda dan masukan pada form yang tersedia, lalu klik “ENCODE”, selanjutnya copy paste kode HTML yang telah diparse ke dalam postingan Anda.

    4. http://www.accessify.com
    Masuk ke situs ini http://www.accessify.com, copy paste kode HTML Anda dan masukan pada form yang tersedia, lalu klik “Convert to Escape Characters” dan copy paste kode HTML yang telah diparse ke dalam postingan Anda.

    Dari ke 4 (empat) situs di atas tidak harus kesemuanya digunakan, pilih salah satu saja sesuai selera Anda.

    Selamat Mencoba, Semoga Sukses!!!

    Cara Membagi Postingan Menjadi 2 (dua) Kolom

    Berbagai cara digunakan untuk menarik pengunjung agar datang dan kembali mengujungi website/blog yang kita buat, misalnya dengan membuat postingan yang unik dan berkualitas juga dengan mempercantik tampilan website/blog.

    Tips yang ingin Saya share kepada Anda kali ini adalah cara membuat postingan yang unik dan yang dimaksud unik disini bukan terkait isi dari postingan, melainkan berkenaan dengan penampilan dari postingan tersebut.

    Yang menurut Saya unik tadi adalah menampilkan postingan menjadi 2 (dua) kolom seperti contoh di bawah ini:
    Berbagai cara digunakan untuk menarik pengunjung agar datang dan kembali mengujungi website/blog yang kita buat, misalnya dengan membuat postingan yang unik dan berkualitas juga dengan mempercantik tampilan website/blog.
    Tips yang ingin Saya share kepada Anda kali ini adalah cara membuat postingan yang unik dan yang dimaksud unik disini bukan terkait isi dari postingan, melainkan berkenaan dengan penampilan dari postingan tersebut.

    Apakah Anda tertarik? Jika iya, berikut ini Cara Membagi Postingan Menjadi 2 (dua) Kolom, maka pada saat membuat posting Anda harus menulis lewat Edit HTML bukan dari Compose/Tulis dan dalam postingan tersebut masukan kode di bawah ini:

    <table cellpadding="10" cellspacing="10"><tbody>
    <tr> <td align="justify" valign="top" width="250">
    artikel di bagian kiri</td><td align="justify" valign="top" width="250"> artikel di bagian kanan</td> </tr>
    </tbody></table>


    Baiklah supaya lebih jelas, berikut ini contohnya :

    <table cellpadding="10" cellspacing="10"><tbody>
    <tr> <td align="justify" valign="top" width="300">
    Berbagai cara digunakan untuk menarik pengunjung agar datang dan kembali mengujungi website/blog yang kita buat, misalnya dengan membuat postingan yang unik dan berkualitas juga dengan mempercantik tampilan website/blog. </td><td align="justify" valign="top" width="300"> Tips yang ingin Saya share kepada Anda kali ini adalah cara membuat postingan yang unik dan yang dimaksud unik disini bukan terkait isi dari postingan, melainkan berkenaan dengan penampilan dari postingan tersebut.</td> </tr>
    </tbody></table>


    Keterangan :
    Cellpadding adalah jarak antara tepi kolom dengan tulisan;
    Cellspacing adalah jarak antara dua kolom;
    Width adalah lebar masing-masing kolom;
    Align adalah perataan teks (justify untuk rata kanan kiri, left untuk rata kiri, right untuk rata kanan dan center untuk rata tengah);
    Valign adalah perataan verikal (top untuk rata atas, bottom untuk rata bawah dan middle untuk rata tengah);
    Anda bisa merubah dan mengaturnya sesuai selera Anda.

    Gimana gampang khan? OK dech, Selamat Mencoba, Semoga Sukses.

    Menampilkan Huruf Besar Pada Awal Posting

    Pada posting saya sebelumnya yaitu Cara Membagi Postingan Menjadi 2 (dua) Kolom adalah merupakan salah satu cara membuat postingan yang unik dalam hal tampilannya, jika ingin menerapkannya pada blog Anda silahkan klik pada judul artikel tersebut.

    Sekarang saya akan berbagi lagi cara unik membuat tampilan posting dengan cara membuat drop carp pada posting yaitu Menampilkan Huruf Besar Pada Awal Posting atau pada paragrafnya, contohnya pada postingan ini.

    Jika Anda tertarik, silahkan ikuti langkah-langkah di bawah ini :

    1. Login ke blogger
    2. Langsung ke Tata Letak - Edit HTML
    3. Cari kode berikut ]]></b:skin>
    4. Masukkan kode di bawah ini, di atas ]]></b:skin>

    /* kode membuat posting unik
    ----------------------------------------------- */
    .unik {
    float:left;
    color: #913CE6;
    background:#ffffff;
    line-height:80px;
    padding-top:1px;
    padding-right:5px;
    font-family:times;
    font-size:100px;
    }

    5. Klik Save Template/Simpan

    6. Pada saat membuat posting Anda harus menulis lewat Edit HTML bukan dari Compose/Tulis dan dalam postingan tersebut masukan kode di bawah ini :

    <p align="justify"><span class="unik" >masukan huruf awal</span></p>

    Keterangan :
    Pada tulisan “masukan huruf awal”, disitulah tempat untuk memasukan huruf awal yang ingin diperbesar.

    OK dech, Selamat Mencoba, Semoga Sukses.

    Cara Mudah Membuat Menu Navigasi pada Blogspot

    Menu Navigasi adalah sebuah aksesoris/widget yang mutlak harus ada dalam sebuah website/blog entah apapun bentuknya, karena menu navigasi selain mempercantik tampilan website/blog juga merupakan alat bagi pemilik maupun pengunjung untuk menjelejahi isi website/blog dengan mudah.

    Beberapa waktu lalu Saya ingin membuat menu navigasi horizontal yang berada di bawah header. Berbagai sumber dan tutorial tentang cara membuat menu horizontal telah saya pelajari, tetapi ternyata ketika diterapkan hasilnya tidak ada yang bagus bahkan bikin tampilan template blog saya menjadi acak-acakan. Namun demikian saya tidak pernah menyerah dan dengan modaldari bermacam-macam tutorial yang telah saya pelajari, akhirnya saya bisa membuat menu navigasi seperti yang terlihat pada blog ini.

    Membuat menu navigasi seperti pada blog ini tidak sesulit apa yang saya bayangkan sebelumnya, ternyata cukup memanfaatkan fasilitas yang ada pada http://www.mycssmenu.com/ dan dengan memanfaatkan fasilitas dari website tersebut, selain gratis juga telah tersedia code HTML dan CSS yang sudah siap pakai, namun jika tampilannya ingin sesuai dengan selera kita tinggal mengeditnya saja dan disitu pun telah disediakan fasilitas untuk mengedit tampilan menu yang akan kita gunakan.

    Baiklah sekarang saya akan langsung memberikan Cara Mudah Membuat Menu Navigasi Pada Blogspot sesuai dengan pengalaman saya, berikut ini caranya:
    1. Kunjungi dulu http://www.mycssmenu.com/ dan Anda akan dihadapkan pada halaman seperti di bawah ini:
    2. Pada halaman itu seperti pada gambar di atas, Anda bisa memilih bentuk menu navigasi horizontal atau menu navigasi vertical dan jika ingin melihat dahulu tampilannya Anda bisa klik tulisan Demo, namun jika sudah menemukan menu yang sesuai selera, Anda bisa langsung klik Customize yang berada dibawah gambar seperti yang saya tunjukan dengan tanda anak panah, selanjutnya akan terbuka windows baru atau halaman baru seperti pada gambar di bawah ini :
    3. Silahkan copy paste code HTML dan CSS-nya pada notepad atau MS Word Anda dengan cara klik tulisan HTML dan CSS seperti yang saya tunjukkan dengan tanda lingkaran pada gambar di atas. Kira-kira kodenya seperti pada kotak di bawah ini:

      Contoh Code CSS
      <!--%%%%%%%%%%%% MyCSSMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->
      <style type="text/css">

      /*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
      .qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

      /*!!!!!!!!!!! MyCSSMenu Styles !!!!!!!!!!!*/

      /* MyCSSMenu 0 */

      /*"""""""" (MAIN) Container""""""""*/
      #qm0
      {
      background-color:transparent;
      }

      /*"""""""" (MAIN) Items""""""""*/
      #qm0 a
      {
      padding:5px 15px 5px 20px;
      color:#6585B9;
      font-family:Arial;
      font-size:12px;
      text-decoration:none;
      font-weight:bold;
      }

      /*"""""""" (MAIN) Parent Items""""""""*/
      #qm0 .qmparent
      {
      background-image:url("images/plus_main.gif");
      background-repeat:no-repeat;
      background-position:9px 10px;
      }

      /*"""""""" (MAIN) Active State""""""""*/
      body #qm0 .qmactive, body #qm0 .qmactive:hover
      {
      color:#C7C7C7;
      text-decoration:underline;
      }

      /*"""""""" (SUB) Container""""""""*/
      #qm0 div, #qm0 ul
      {
      padding:5px;
      margin:-2px 0px 0px -6px;
      background-color:transparent;
      border-width:1px;
      border-style:none;
      border-color:#A6A6A6;
      }

      /*"""""""" (SUB) Items""""""""*/
      #qm0 div a, #qm0 ul a
      {
      padding:5px 50px 5px 20px;
      background-color:transparent;
      color:#F5F5F5;
      font-size:11px;
      font-weight:bold;
      border-width:0px;
      border-style:none;
      border-color:#000000;
      }

      /*"""""""" (SUB) Hover State""""""""*/
      #qm0 div a:hover, #qm0 ul a:hover
      {
      color:#3F3F3F;
      text-decoration:none;
      }


      /*"""""""" (SUB) Parent Items""""""""*/
      #qm0 div .qmparent
      {
      background-image:url("images/plus_sub.gif");
      }


      /*"""""""" (SUB) Parent Hover State""""""""*/
      #qm0 div .qmparent:hover
      {
      background-image:url("images/plus_sub_hover.gif");
      }


      /*"""""""" (SUB) Active State""""""""*/
      body #qm0 div .qmactive, body #qm0 div .qmactive:hover
      {
      background-color:#747A86;
      background-image:url("images/minus_sub.gif");
      color:#EEEEEE;
      }


      /*"""""""" (main) Rounded Items""""""""*/
      #qm0 .qmritem span
      {
      border-color:#A6A6A6;
      background-color:#3F3F3F;
      background-image:url("images/minus_main.gif");
      background-repeat:no-repeat;
      background-position:9px 5px;
      }


      /*"""""""" (main) Rounded Items Content""""""""*/
      #qm0 .qmritemcontent
      {
      padding:0px 0px 0px 20px;
      }


      /*"""""""" (sub) Rounded Items""""""""*/
      #qm0 div .qmritem span
      {
      border-color:#666666;
      background-color:#EEEEEE;
      }


      /*"""""""" (sub) Rounded Items Content""""""""*/
      #qm0 div .qmritemcontent
      {
      padding:0px 0px 0px 4px;
      }


      /*"""""""" Sub Hover Fill Items [Static]""""""""*/
      #qm0 div .qmhoverfill
      {
      background-color:#C0CAE3;
      }


      /*"""""""" Custom Rule""""""""*/
      div#qm0 div div
      {
      margin:0px 0px 0px -6px;
      }


      </style>


      Contoh Code HTML
      <ul id="qm0" class="qmmc">

      <li><a class="qmparent" href="javascript:void(0)">Tech Divisions</a>

      <ul>
      <li><a href="javascript:void(0)">Management</a></li>
      <li><a class="qmparent" href="javascript:void(0)">Global Sites</a>

      <ul>
      <li><a href="javascript:void(0)">Asia</a></li>
      <li><a href="javascript:void(0)">South America</a></li>
      <li><a href="javascript:void(0)">Australia</a></li>
      <li><a href="javascript:void(0)">North America</a></li>
      <li><a href="javascript:void(0)">Europe654</a></li>
      <li><a href="javascript:void(0)">Africa</a></li>
      </ul></li>

      <li><a class="qmparent" href="javascript:void(0)">Investors</a>

      <ul>
      <li><a href="javascript:void(0)">Sony</a></li>
      <li><a href="javascript:void(0)">Fed-Ex</a></li>
      <li><a href="javascript:void(0)">Corp. A and B</a></li>
      <li><a href="javascript:void(0)">Smuckers</a></li>
      <li><a href="javascript:void(0)">Phillips</a></li>
      <li><a href="javascript:void(0)">Slats Brewery</a></li>
      </ul></li>

      <li><a href="javascript:void(0)">Worldwide</a></li>
      <li><a href="javascript:void(0)">Product Overview</a></li>
      <li><a href="javascript:void(0)">Publicity</a></li>
      </ul></li>

      <li><a class="qmparent" href="javascript:void(0)">Advancement</a>

      <ul>
      <li><a href="javascript:void(0)">Satisfaction</a></li>
      <li><a class="qmparent" href="javascript:void(0)">Our Goals</a>

      <ul>
      <li><a href="javascript:void(0);">Customer Satisfaction</a></li>
      <li><a href="javascript:void(0);">Sales Forcast</a></li>
      <li><a href="javascript:void(0);">Projections</a></li>
      <li><a href="javascript:void(0);">Advanced Products</a></li>
      <li><a href="javascript:void(0);">Employee Commitment</a></li>
      <li><a href="javascript:void(0);">Environmental</a></li>
      <li><a href="javascript:void(0);">Law Suit Avoidence</a></li>
      <li><a href="javascript:void(0);">Free Ice Cream</a></li>
      </ul></li>

      <li><a href="javascript:void(0)">Product Warranty</a></li>
      <li><a href="javascript:void(0)">Future Outlook</a></li>
      <li><a href="javascript:void(0)">Product Quality</a></li>
      <li><a href="javascript:void(0)">Continued Support</a></li>
      </ul></li>

      <li><a class="qmparent" href="javascript:void(0)">Our Investors</a>

      <ul>
      <li><a href="javascript:void(0)">Annual Meetings</a></li>
      <li><a href="javascript:void(0)">Financial Reports</a></li>
      <li><a href="javascript:void(0)">Nasdaq Quoting</a></li>
      <li><a href="javascript:void(0)">Dividend Information</a></li>
      <li><a href="javascript:void(0)">Future Outlook</a></li>
      <li><a href="javascript:void(0)">CEO Announcements</a></li>
      </ul></li>

      <li><a class="qmparent" href="javascript:void(0)">Relations</a>

      <ul>
      <li><a href="javascript:void(0)">Satisfaction</a></li>
      <li><a href="javascript:void(0)">Our Goals</a></li>
      <li><a href="javascript:void(0)">Product Warranty</a></li>
      <li><a href="javascript:void(0)">Future Outlook</a></li>
      <li><a href="javascript:void(0)">Product Quality</a></li>
      <li><a href="javascript:void(0)">Continued Support</a></li>
      </ul></li>

      <li><a class="qmparent" href="javascript:void(0);">Propulsion</a>

      <ul>
      <li><a href="javascript:void(0);">Advanced Science</a></li>
      <li><a href="javascript:void(0);">Biological Impact</a></li>
      <li><a href="javascript:void(0);">Trajectories</a></li>
      <li><a href="javascript:void(0);">Gravity Boosting</a></li>
      <li><a href="javascript:void(0);">Clean Fuels</a></li>
      </ul></li>

      <li class="qmclear">&nbsp;</li></ul>

      <!-- Create Menu Settings: (Menu ID, Is Vertical, Show Timer, Hide Timer, On Click ('all' or 'lev2'), Right to Left, Horizontal Subs, Flush Left, Flush Top) -->
      <script type="text/javascript">qm_create(0,false,0,500,'lev2',false,false,false,true);</script>
    4. Selanjutnya cara pasang code menu navigasi tersebut pada blog, seperti biasa Anda harus masuk dulu ke dashbord blogspot Anda, lalu klik layout dan klik Edit HTML jangan lupa centang kotak expand template dan sebaiknya terlebih dahulu download template anda.
    5. Sekarang cara memasukan kode dari http://www.mycssmenu.com/ ke dalam tempat Anda, caranya cari kode </b:skin> lalu masukan kode CSS Anda di atas kode </b:skin>, tetapi sebelumnya harus dihapus dulu tulisan <style type="text/css"> yang ada diawal kode CSS dan tulisan </style> yang ada diakhir kode CSS Anda.
    6. Sebelum memasukan kode HTML Anda ke dalam template, sebaiknya ganti dulu alamat/link serta judul pada kode HTML tersebut dengan link dan judul link Anda, jika sudah sekarang masukan kode HTML Anda di bawah code berikut ini:
      <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
      <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>

      ... dan seterusnya ...

      </b:section>
      </div>
    7. Simpan/Save Template dan lihat hasilnya.

    Save As Page Cara Membuat Menu Navigasi Pada Blogspot
    download nowDownload Now

    Saya Rasa Cukup, Selamat Mencoba dan Semoga Sukses!!!

    Cara Mengganti Header Blog Versi 2

    Sebelumnya saya pernah menulis Cara Mengganti Header Blog pada Blogger, dimana hal tersebut adalah merupakan salah satu cara mengganti header blog dan Cara Mengganti Header Blog Versi 2 (dua) ini adalah cara lain yang bisa kita terapkan apabila cara yang pertama tidak bisa diterapkan pada blog anda.

    Adapun Cara Mengganti Header Blog Versi 2 ini adalah sebagai berikut :
    1. Siapkan Gambar yang akan digunakan sebagai pengganti header blog anda, namun sebelumnya gambar tersebut harus diupload dulu ke web penyimpanan/hosting misalnya di http://www.photobucket.com atau di tempat lain dan setelah proses upload selesai, copy paste code linknya ke dalam notepad atau MS Word anda;
    2. Selanjutnya anda Login ke http://www.blogspot.com dan masukan alamat email dan password yang pada waktu itu digunakan untuk membuat acount blog anda;
    3. Setelah anda masuk di Dashboard, klik Layout/Tata Letak, pilih Edit HTML;
    4. Pada halaman Edit HTML kasih tanda centang tulisan Expand Widget Templates, kemudian cari code #header {. Untuk memudahkan pencarian letak code tersebut sebaiknya gunakan tombol Find caranya tekan Ctrl + F pada Keyboard Komputer Anda, lalu copy paste code #header { tersebut ke dalam kotak Find dimaksud;
    5. Setelah ditemukan letak code #header { ini, selanjutkan ganti seluruh code yang ada di bawahnya dengan code di bawah ini:
      #header {
      width:975px;
      height:130px;
      margin:0px;
      padding:0px;
      text-align:left;
      background:#FFF url("http://i977.photobucket.com/albums/ae258/SPN_photo/BlogFullMusic740x130.jpg") no-repeat right;
      }
    6. Keterangan: width:975px;: adalah lebar/panjang header, jadi silahkan diganti sesuai header di Template Anda; height:130px;: adalah tinggi header, ganti dengan tinggi header Template blog Anda; URL Warna Biru: ganti dengan URL/Link gambar Anda;
    7. Lalu Save Template, selesai dan lihat hasilnya.

    = = = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = = =

    Cara Merubah Warna Background Template

    Apakah sudah bosan dengan warna background template blog Anda? Jika iya, tenang saja Anda bisa mengganti warna background template sesuai selera Anda.

    Background adalah latar belakang warna yang mengelilingi body template, lihat pada warna hijau yang saya tunjuk dengan anak panah pada gambar di bawah ini, itulah yang saya maksud background tersebut.
    Adapun Cara Merubah Warna Background Template pada Blogspot adalah sebagai berikut:
    1. Masuk ke Dashbord Blogspot Anda, pilih Rancangan, lalu klik Edit HTML dan jangan lupa beri tanda centang pada kotak Expand Widget Template;
    2. Cari kode seperti ini:
      body {
      background:
      #ccc;
      margin:0;
      text-align:center;
      line-height: 1.5em;
      font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
      color:#000000;
      font-size/* */:/**/small;
      font-size: /**/small;
      }
      Keterangan:
      Setiap Template struktur kodenya tidak selalu sama, tetapi inti kodenya hampir sama yaitu body {, jadi untuk lebih mudah melakukan pencarian gunakan saja tombol Find atau kalau mau cepat tekan Ctrl + F di keybord komputer Anda, lalu copy paste kode body { ke dalam kolom Find dan enter, ketemu dech.
    3. Untuk mengganti warna bragound, pada kode #ccc (lihat contoh kode di atas) silahkan diganti dengan kode warna yang Anda suka.
    4. Untuk melihat hasilnya, klik Pratinjau/Preview dan jika hasilnya telah sesuai keinginan Anda, silahkan klik Simpan/Save Template, selesai.


    = = = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = = =

    Cara Membuat Gambar Berjalan

    Seperti apa sich yang dimaksud dengan gambar berjalan itu? Kayaknya tidak perlu saya jelaskan panjang lebar, silahkan saja lihat contohnya di bawah ini:



    blog serba tersedia
    Formula Bisnis



    Gimana sudah paham khan dengan apa yang dimaksud gambar berjalan tersebut?

    OK, kalau sudah paham sekarang mulai bahas Cara Membuat Gambar Berjalan. Cara Membuat Gambar Berjalan pada sidebar atau postingan dalam Blog hanya perlu menambahkan alamat URL gambar yang diinginkan ke dalam kode di bawah ini:

    <marquee direction="up" onmouseover="this.stop()" width="180" onmouseout="this.start()" scrollamount="2" height="200">

    Letakkan disini alamat URL gambar Anda

    </marquee>

    Agar lebih mudah akan saya kasih contoh, tapi jangan lupa semua URL gambar pada contoh harus diganti sesuai URL gambar Anda, perhatikan di bawah ini:

    <marquee direction="up" onmouseover="this.stop()" width="180" onmouseout="this.start()" scrollamount="2" height="200">

    <a href="http://www.serba-tersedia.co.cc" target="_blank"><img src="http://i977.photobucket.com/albums/ae258/SPN_photo/BannerAnimasiBlogST.gif" border="0" alt="blog serba tersedia"/></a>
    <a href="http://www.formulabisnis.com/?id=TONO1975" target="_blank"><img src="http://i977.photobucket.com/albums/ae258/SPN_photo/Animasi-ForBis-1.gif" border="0" alt="Formula Bisnis" /></a>


    </marquee>

    Cara pasang gambar berjalan pada sidebar atau postingan, caranya sama dengan cara pasang teks berjalan, kalau Anda belum tau silahkan baca dulu Cara Membuat Teks Berjalan atau Efek Marquee.

    Keterangan:
    direction="up" = bisa diganti down (bergerak turun), left (bergerak ke kiri) dan right (berkerak ke kanan).
    width="180" = untuk menentukan lebar area
    height="200" = untuk menentukan tingginya area dan
    scrollamount="2" = untuk menentukan kecepatan gerak.

    >>>>>>>>Selamat Mencoba, Semoga Sukses!!!<<<<<<<<

    Cara Pasang Translator (Penerjemah Bahasa) di Blog

    Keberadaan Translator (Penerjemah Bahasa) di Blog cukup penting kegunaannya, karena tidak semua pengunjung paham dengan bahasa yang kita gunakan dalam postingan atau artikel blog, misalnya postingan kita berbahasa Indonesia dan diantara pengunjung blog kita adalah orang jepang yang tidak paham dengan bahasa Indonesia, berarti supaya orang jepang tersebut bisa mengerti dengan isi postingan kita, maka artikel blog kita tersebut harus ditranslate ke bahasa Indonesia.

    Translator yang akan Saya bagikan kepada Anda sekarang ini adalah Translator ber-icon bendera (flag) seperti punya saya, contohnya di bawah ini:
    EnglishFrenchGermanSpainItalianDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified

    Bagaimana tertarik tidak? Kalau tertarik, Cara Pasang Translator (Penerjemah Bahasa) di Blogspot, sebagai berikut:
    1. Login ke account blogger anda;
    2. Klik Rancangan/Design => Tambah Gadget/Add Gadget => pilih HTML/Java Script;
    3. Copy paste kode HTML di bawah ini:
      <a style="cursor: pointer;" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;"><img border="0" alt="English" style="cursor: pointer;" src="http://i977.photobucket.com/albums/ae258/SPN_photo/inggris.gif" height="20" title="English" align="absbottom" /></a>

      <a style="cursor: pointer;" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;" src="http://i977.photobucket.com/albums/ae258/SPN_photo/francis.gif" height="20" title="French" align="absbottom" /></a>

      <a style="cursor: pointer;" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer;" src="http://i977.photobucket.com/albums/ae258/SPN_photo/jerman.gif" height="20" title="German" align="absbottom" /></a>

      <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;"><img border="0" alt="Spain" style="cursor: pointer;" src="http://i977.photobucket.com/albums/ae258/SPN_photo/spnyol.gif" height="20" title="Spain" align="absbottom" /></a>

      <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;" src="http://i977.photobucket.com/albums/ae258/SPN_photo/italia.gif" height="20" title="Italian" align="absbottom" /></a>

      <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer;" src="http://i977.photobucket.com/albums/ae258/SPN_photo/belanda.gif" height="20" title="Dutch" align="absbottom" /></a>

      <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;" src="http://i977.photobucket.com/albums/ae258/SPN_photo/rusia.gif" height="20" title="Russian" align="absbottom" /></a>

      <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;" src="http://i977.photobucket.com/albums/ae258/SPN_photo/brazilia.gif" height="20" title="Portuguese" align="absbottom" /></a>

      <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;" src="http://i977.photobucket.com/albums/ae258/SPN_photo/jepang.gif" height="20" title="Japanese" align="absbottom" /></a>

      <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cko&amp;hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;" src="http://i977.photobucket.com/albums/ae258/SPN_photo/koreautara.gif" height="20" title="Korean" align="absbottom" /></a>

      <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;" src="http://i977.photobucket.com/albums/ae258/SPN_photo/saudiarabia.gif" height="20" title="Arabic" align="absbottom" /></a>

      <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;" src="http://i977.photobucket.com/albums/ae258/SPN_photo/cina.gif" height="20" title="Chinese Simplified" align="absbottom" /></a>
    4. Simpan/Save, selesai dan lihat hasilnya.
    Demikianlah tutorial Cara Pasang Translator (Penerjemah Bahasa) di Blog ini, semoga bermanfaat.

    = = = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = = =

    Cara Meningkatkan Traffic Situs dan Blog Melalui Iklan Gratis

    Jika membaca judul posting ini Cara Meningkatkan Traffic Situs dan Blog Melalui Iklan Gratis mungkin sudah biasa, tapi saya yakin masih ada diantara kita yang masih memerlukan postingan seperti ini.

    Maksud dari Cara Meningkatkan Traffic Situs dan Blog Melalui Iklan Gratis adalah cara mempromosikan Situs dan/atau Blog melalui situs-situs yang memberikan layanan pemasangan iklan secara gratis.

    Tujuan memasang iklan sudah tentu supaya situs dan/atau blog kita terkenal dan banyak dikunjungi oleh orang lain, sehingga dengan banyaknya pengunjung akan meningkatkan traffic dan pagerank situs dan/atau blog.

    Sekarang situs-situs yang menyediakan layanan pemasangan iklan secara gratis sudah ribuan mungkin bahkan ratusan ribu, bisa dibayangkan bagaimana rasanya jika harus memasang iklan satu persatu ke ribuan situs-situs iklan tersebut, pastinya selain merepotkan dan memakan waktu yang cukup lama juga biayanya cukup besar untuk membayar biaya akses internet, apalagi kalau mengakses internetnya melalui Warnet, bisa bangkrut dech!!!

    Namun sekarang tidak perlu khawatir, karena jika mau memanfaatkan fasilitas yang ditawarkan oleh GrowURL yaitu sekali pasang iklan, maka iklan kita akan tampil di puluhan sampai ratusan situs iklan lainnya yang tergabung dalam jaringan GrowURL, oleh karena itu jika anda berminat silahkan pasang iklan anda di GrowURL klik disini untuk registrasi secara gratis.

    Satu lagi keuntungan beriklan di GrowURL yaitu situs atau blog kita cepat terindex oleh google dalam waktu kurang dari 24 jam, mau bukti silahkan coba aja, caranya setelah mengiklankan situs atau blog Anda di GrowURL, beberapa jam kemudian silahkan cek di google dengan mengetikan alamat situs atau blog anda, misalnya www.serba-tersedia.co.cc, lihat apa yang terjadi?

    Demikianlah tutorial Cara Meningkatkan Traffic Situs dan Blog Melalui Iklan Gratis ini, semoga bermanfaat.

    = = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = =

    Cara Memperpendek Alamat Blog Dengan Domain Gratis

    Saya punya alamat blog seperti ini http://www.serba-tersedia.blogspot.com, bagaimana menurut anda panjang tidak alamat blog saya itu? Kalau menurut saya itu terlalu panjang. Jika kita mengalami hal yang sama, maka tidak perlu khawatir karena bisa diperpendek dengan domain dari co.cc, misalnya seperti alamat blog saya itu sekarang menjadi http://www.serba-tersedia.co.cc, lebih manis khan? dan yang paling penting domain itu GRATIS.

    Apakah anda berminat? Kalau iya, maka silahkan ikuti Cara Memperpendek Alamat Blog Dengan Domain Gratis ini dengan benar, jangan sampai ada prosedur yang dilewatkan, berikuti ini langkah-langkahnya:

    1. Silahkan klik Daftar Sekarang untuk membuat account atau langsung masukan nama domain anda pada form di bawah, boleh berupa nama Anda atau nama website Anda atau apa saja yang Anda inginkan, lalu klik pada tulisan Check.


    2. Selanjutnya akan terbuka halaman baru, disitu akan ada keterangan tentang domain anda apakah tersedia atau tidak, jika tersedia tetapi ada nilai harganya misalnya $3 berarti itu harus bayar dan jika ingin yang gratis anda harus mengetik nama domain baru atau memilih daftar nama domain yang disediakan co.cc di bawahnya. Apabila ternyata nama domain yang anda daftarkan itu tersedia dan gratis, maka akan tampil seperti pada gambar di bawah ini :

    3. Klik tulisan Lanjutkan ke pendaftaran untuk menlanjutkan pendaftaran Anda, kemudian akan tampil halaman baru seperti gambar di bawah :

    4. Klik tulisan Buat account baru sekarang yang bertanda panah merah pada gambar di atas, selanjutnya Anda akan dibawa ke halaman berikut :

    5. Isi form di atas dengan data-data anda, kolom yang ada tanda centang () wajib diisi, lalu klik pada kotak kecil yang bertuliskan Saya menerima Persyaratan dan Layanan sebagai tanda Anda setuju dengan ketentuan yang ditetapkan oleh co.cc dan kemudian klik tulisan Buat account baru sekarang, tunggu sampai terbuka halaman baru;

    6. Proses pendaftaran domain co.cc sudah selesai, jika langkah-langkahnya sudah benar akan tampil halaman seperti gambar di bawah dan berarti anda sudah memiliki account co.cc;

    7. Silahkan cek di kotak masuk email yang anda gunakan buat daftar account co.cc, disana Anda akan mendapatkan pemberitahuan dari co.cc dan ingat Anda harus membuka email Anda kembali dalam jangka waktu 48 jam (2 hari) terhitung sejak Anda membuat Account dan mengklik link konfirmasi untuk mengaktifkan account Anda. Selama link konfirmasi belum Anda terima dari co.cc, maka account Anda masih belum aktif.

    8. Sekarang ke Cara Mengganti Alamat Blog Dengan Domain Co.Cc yang telah didaftarkan tadi, maka silahkan klik tulisan Setup pada gambar di atas untuk membuka halaman baru seperti pada gambar di bawah ini :

    9. Klik menu Manage Domain seperti pada gambar yang bertanda lingkaran merah, pilih domain yang untuk mengganti alamat blogspot Anda seperti tanda panah merah, kemudian klik menu Zone Record seperti tulisan yang saya blok dengan warna kuning, selanjutnya akan muncul halaman seperti pada gambar di bawah ini :

    10. Isi kolom Host dengan nama domain co.cc anda tidak perlu pakai http://, tetapi harus diawali www. contoh seperti domain saya www.serba-tersedia.co.cc, kolom TTL tidak perlu dirubah, untuk kolom Type diisi CNAME dan untuk kolom Value diisi ghs.google.com, lalu klik Setup;

    11. Apabila langkah pada No. 8 s/d. 10 sudah benar, maka akan tampil halaman baru seperti pada gambar di bawah ini :

    12. Proses di account co.cc sudah selesai, selanjutnya harus melakukan pengaturan pada blogspot Anda, silahkan login dahulu ke blogspot.com. Setelah masuk Dashbord silahkan klik Pengaturan seperti pada gambar di bawah :

    13. Setelah itu anda akan dibawa ke halaman pengaturan seperti pada gambar di bawah ini :

    14. Klik Publikasikan seperti pada tanda panah merah, lalu klik Domain Ubahsuaian yang saya beri tanda lingkaran merah, maka anda akan dibawa lagi ke halaman baru seperti di bawah ini:

    15. Klik tulisan Beralihlah ke pengaturan lanjut seperti yang saya contohkan dengan tanda panah merah pada gambar di atas, maka anda akan dibawa lagi ke halaman baru seperti pada gambar di bawah ini :

    16. Isilah kotak pada lingkaran merah dengan nama domain yang sudah anda daftarkan di langkah No.10 di atas, jangan lupa isi kotak verifikasi kata dengan kode yang ditampilkan, lalu klik Simpan Setelan.

    17. Apabila proses pada No. 12 s/d. 16 dilakukan dengan benar, maka akan tampil halaman seperti gambar di bawah ini :

    18. Dengan tampilan gambar seperti di atas, maka Anda sudah berhasil mengganti atau memperpendek alamat blogspot dengan domain co.cc gratis dan jangan khawatir meskipun masa berlaku account co.cc anda habis, tetapi blog anda masih tetap bisa diakses.

    NB: Biasanya proses migrasi domain co.cc adalah 2 x 24 jam (2 hari), tetapi waktu saya mengganti alamat blog saya dari http://www.serba-tersedia.blogspot.com ke http://www.serba-tersedia.co.cc hanya membutuhkan waktu 5 menit setelah proses pendaftaran.

    = = = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = = =

    Cara Menambah Fitur Reply Pada Kotak Komentar

    enambah fasilitas Reply pada Kotak Komentar adalah bertujuan untuk mempermudah dalam membalas setiap komentar di blog yang kita cintai.

    Sesungguhnya artikel tentang cara membuat fitur Reply pada kotak komentar sudah banyak yang membuat tutorialnya, namun mungkin saja para pengunjung Blog Serba Tersedia belum tahu atau sudah tau tetapi masih belum yakin untuk menerapkan pada blognya. Nah jika jawabannya adalah masih belum yakin, maka mudah-mudahan artikel yang saya buat ini bisa menambah keyakinan.

    Baiklah untuk mempersingkat waktu, kita langsung saja ke Cara Menambah Fitur Reply pada Kotak Komentar, sebagai berikut :
    1. Seperti biasa Login dulu ke account Blogger Anda;
    2. Pilih Rancangan, lalu perhatikan dulu pada Address Bar, disitu ada No. ID Blog Anda silahkan dicatat dan disimpan, karena ID tersebut nanti akan diperlukan, lihat contoh gambar di bawah:
    3. Klik Edit HTML => Download Template Lengkap untuk mengantisifasi kesalahan dalam pemasangan kode, lalu beri tanda centang pada Expan Template Widget;
    4. Cari kode ini : <dd class='comment-footer'> gunakan Ctrl F untuk mempermudah proses pencarian. Jika kode tersebut tidak ditemukan Anda bisa mencari kode alternatif seperti ini: <b:include data='comment' name='commentDeleteIcon'/> ;
    5. Tambahkan kode di bawah ini ke salah satu kode diatas. Berikut ini kodenya:
      <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Masukan Blog ID Anda Disini&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img alt='Reply To This Comment' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzhOljNaRSkgl0OKQy7xQOmIg84Zrx3SB2pT9tG7sDU3JWlkkmQXXwELnK2XBdeCuNSVXu1fPCxPYja2qIFITt8KA-URzwYMa0qwr7QF8rJBCwIbCJYj3QrHveYuadw-dObnU5YT_x7uI/s1600/reply.gif'/></a>
    6. Masukan No. ID Blog Anda yang telah disimpan tadi tepat di tulisan: Masukan Blog ID Anda Disini ;
    7. Simpan Template, selesai!!!

    = = = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = =