Minggu, 30 Mei 2010

Review Blog Anda di id-blogger, Gratis !

Kami memberikan kesempatan kepada para pemilik blog Indonesia untuk ditampilkan blognya di web id-blogger.com dalam bentuk review. Review blog anda akan dibaca oleh pengunjung id-blogger dan mendapatkan backlink dari id-blogger. Tidak dipungut biaya alias gratis. Adapun syarat dan ketentuannya adalah sebagai berikut :

1. Blog berbahasa Indonesia, berumur lebih dari 3 bulan atau minimal posting/artikel 30 buah

2. Review ditulis oleh pemilik blog, lalu dikirimkan ke : info at id-blogger dot com

3. Setiap review minimal harus menampilkan :

- pemilik blog (nama dan lokasi). Nama boleh nickname, tapi nama asli lebih diutamakan.

- tema/isi blog (dalam bentuk uraian, minimal 50 kata)

- artikel terpopuler (dalam bentuk link, maksimal 3 artikel)

4. Review ditulis dalam bentuk uraian, minimal total 150 kata, ditulis dengan tata bahasa yang baik.

5. Judul review ditulis dengan format : nama blog - title blog, atau nama penulis - nama blog - title blog

6. Semakin menarik tulisan review dan kualitas blog, semakin cepat untuk ditampilkan.

7. Setelah review ditampilkan, dimohon kerelaannya untuk menambahkan id-blogger di blogrollnya agar mempermudah untuk saling mengunjungi

Cara pasang jam di blogger

Banyak sekali sahabat blogger baru yang menanyakan bagaimana cara pasang jam di blogger, aksesoris ini ternyata banyak juga peminatnya terutama kau hawa yang sangat mengetahui akan arti kecantikan yang akan dituangkan dalam sebuah blog. Jujur om sangat tidak menyarankan untuk memasang jam pada blog kalian, selain bikin lambat page load juga kurang terlalu berguna, coba baca artikel om sebelumnya 17 Tips agar halaman blog tampil Profesional. Walaupun sudah banyak para blogger yang mengetaui cara pasang jam ini tapi tidak begitu bagi blogger pemula yang baru memulai membuat blog tentu perlu tahapan dan bimbingan jadi gak ada salahnya untuk memasang aksesoris ini jika dirasa berguna :). Layanan gratis aksesori jam sangat banyak, namun kali ini om hanya menjelaskan cara pasang jam http://www.clocklink.com/


menggunakan layanan gratis dan paling banyak digunakan

Langkah-langkah pasang jam di blogger sebagai berikut:

1. Klik alamat http://www.clocklink.com/
2. Kemudian pilih tab Gallery atau klik aja disini http://www.clocklink.com/gallery.php
3. Pilih Gallery sesuai selera atau tema blog, misalnya sobat memilih animal lalu klik link "animal" tersebut
4. Pilih gambar yang ingin sobat gunakan, lalu klik "view html" dibawah gambar jam.
5. Kemudian akan keluar halaman box lisensi dari layanan ClockLink, pilih aja tombol "Accept"
6. Pada halamat box selanjutnya kalian dapat memilih salah satu code, sebaiknya pilih kode yang atas.
7. Copy atau Simpan kode yang telah dipilih untuk sementara waktu
8. Lalu kembali masuk kehalaman blogger, pilih Elemen halaman -> Tambahkan sebuah Elemen Halaman -> pilih HTML/JavaScript -> lalu Copy/Paste code tersebut, dan jangan lupa disimpan
9. Selesai :) dan lihat hasilnya.

Contoh jam :


obj=new Object;obj.clockfile="2002-orange.swf";obj.TimeZone="NZT";obj.width=150;obj.height=150;obj.wmode="transparent";showClock(obj);


Selamat mencoba dan happy Blogging :)

Cara menampilkan halaman lain di blog (Tab Document Viewer)

Pertanyaan diatas disampaikan salah satu sahabat blogger di shoutbox, yaitu bagaimana menampilkan halaman lain di blog kita, biasanya ini dinamakan Document Viewer. Gunanya buat apa om? *sambil garuk-garuk kepala* buat apa ya? mungkin buat aksesoris tambahan aja. Menurut om kayaknya aksesoris ini gak terlalu berguna selain itu juga bikin lambat loading page. Namum tidak ada salahnya kita mencoba membuat Document Viewer ini sekalian aja buat nambah ilmu untuk belajar koding :)

Agar gak bingung kita lihat gambar dibawah:

Contoh tampilan tab document viewer.


Halaman yang kita buat nantinya merupakan Tab Dokumen Viewer, setiap tab akan mempunyai link tersendiri yang bisa kita modifikasi.

Ikuti langkah dibawah ini:

LANGKAH I.

Buka Template -> Edit HTML -> masukan kode CSS dibawah diantara kode CSS yang ada pada coding blogger kita, biasanya di antara code ....

/*Eric Meyer's based CSS tab*/
#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}
#tablist li{
list-style: none;
display: inline;
margin: 0;
}
#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}
#tablist li a:link, #tablist li a:visited{
color: navy;
}
#tablist li a:hover{
color: #000000;
background: #C1C1FF;
border-color: #227;
}
#tablist li a.current{
background: lightyellow;
}

LANGKAH II

Kemudian masukan lagi kode javacript dibawah ini diantara code ....


Jika sudah jangan lupa di simpan.

LANGKAH III

Buka Template -> Element Halaman -> Tambahkan sebuah Elemen Halaman -> Lakukan Copy-Paste Kode dibawah ini -> kemudian simpan dan lihat hasilnya.




Open tab links in browser window instead.

URL yang berwarna biru bisa kita ganti sesuai dengan keinginan.

URL yang berwarna pink merupakan alamat yang akan ditampilkan pertama kali

Cara menambahkan Alamat:

Untuk menambahkan halaman kita tinggal menambahkan kode dibawah ini dibawah code warna merah diatas :)

  • http://Alamat URL" onClick="return handlelink(this)">Nama URL
  • Sumber : http://www.dynamicdrive.com/dynamicindex3/tabdocviewer.htm


    Subdomain: Alternatif alamat blog lebih dari satu (penjelasan pada DNSPark)

    Subdomain adalah bagian dari sebuah nama domain induk. SubdomainSubdomain juga sebagai Third level domain. ( kutipan dari id.wikipedia.org) umumnya mengacu ke suatu alamat fisik di sebuah situs contohnya: wikipedia.org merupakan sebuah domain induk. Sedangkan id.wikipedia.org merupakan sebuah sub domain.

    Bagi rekan yang punya blog lebih dari satu sebaiknya tidak perlu melakukan registrasi domain baru, cukup gunakan saja Subdomain sebagai solusinya. selain tidak mengeluarkan tambahan biaya, cara ini juga praktis dan tentu saja Gratis. Namun sebelum melakukan Subdomaino-om.com ini merupakan domain induk dan www.o-om.com sebagai nama Subdomain utama, perlu diketahui karena kita menggunakan Free DNS jadi kita tidak bisa bisa melakukan redirect ke o-om.com jadi kita harus membuat alias records (CNAME) dengan menambahkan www (www.o-om.com) sebagai subdomain. Sama halnya dengan alamat blog contoh: cinta-oom.blogspot.com yang akan di- redirect ke subdomain cinta-oom.o-om.com. Agar lebih mudah lihat contoh dibawah ini tentu saja kita harus memiliki minimal satu namadomain aktif. Sebagai contoh saya mengambil nama domain saya



    Contoh Subdomain untuk o-om.com, ini ibarat saya punya 4 alamat blog yang berbeda pada blogger:


    BlogUtama.blogspot.com -> menjadi -> www.o-om.com

    namablog1.blogspot.com -> menjadi -> namablog1.o-om.com

    namablog2.blosgpot.com -> menjadi -> namablog2.o-om.com

    namablog3.blosgpot.com -> menjadi -> namablog3.o-om.com


    Praktis khan kita tidak perlu membeli domain baru dan hanya cukup menggunakan satu domain saja.


    Bagaimana cara menambah subdomain?


    Karena saya menggunakan Free DNS pada DNSPark jadi penjelasan hanya pada layanan ini saja. Dan tentu saja kita sudah memiliki minimal satu domain aktif yang terdaftar pada DNSpark.


    1. lakukan proses login.

    2. Kemudian pada Configuration Menu -> pilih DNS Hosting -> Add Domains

    3. Pilih yang no 2 yaitu Enter a domain:

    4. Kemudian pada Enter new domain: masukan nama domain kita tanpa www ( contoh: o-om.com.com)

    5. Jika sudah lalu tekan tombol "Add now" sampai disini nama domain kita telah disimpan.

    6. Kemudian pada Domain List -> pilih nama domain yang baru kamu masukan.

    7. Lalu klik Alias Records

    8. Kemudian tuju ke tulisan Add new alias records for (contoh: o-om.com) masukan www pada Host Name dan ghs.google.com pada Destination Name (www -> sebagai subdomain utama) untuk subdomain baru tinggal tambahkan saja alias recordnya seperti memasukan alamat subdomain www.



    9. Jika sudah klik tombol Add Alias

    10. Sampai disini konfigurasi untuk DNS sudah selesai.


    Cara Setting Subdomain pada blogger:


    Pilih tab Pengaturan -> Publikasikan -> arahkan pada "Domain Anda" kemudian masukan nama domain sesuai dengan subdomain yang telah dibuat. ( ingat! alamat blog yang akan diganti dengan subdomain tentu saja harus bener-benar sesuai alamat tujuan)


    Contoh setting pada blogger:



    Pada tahapan ini semua proses telah selesai...dan selamat sudah punya nama subdomain sendiri :)

    Cara buat daftar tabel seluruh posting (Show Table of Contents)

    Mempunyai daftar tabel seluruh posting atau lebih keren dengan nama "Show Table of Contents" pasti mempunyai nilai plus tersendiri, selain mempermudah pengunjung dalam menjelajahi isi blog, cara ini juga dapat memberikan kecepatan pencarian dibandingkan dengan menggunakan box search atau mencari suatu artikel berdasakan label. Kode yang akan kita gunakan menggunakan javascript yang sedikit telah saya modifikasi, semula hasil tampilan bahasa kode ini mengunakan bahasa inggris dan terlihat kurang familiar, jadi saya modifikasi saja menggunakan bahasa indonesia dan telah saya tambahkan beberapa icon biar terlihat lebih fresh :). Pengen tau cara buatnya ikuti tutorial dibawah ini.


    Tampilan link sebelum di klik


    Tampilan daftar seluruh posting


    Langkah Pembuatannya sebagai Berikut:


    Langkah Pertama:


    Jangan lupa Backup template Blog sobat



    Langkah Kedua:


    Kemudian Tambahkan sebuah Element halaman -> HTML/Javascript

    Copy/Paste code dibawah ini




    Jangan lupa ganti dengan alamat blog sobat pada kode warna merah diatas

    Jangan lupa disimpan :)


    Kemudian Tambahkan sebuah element halaman yang baru -> HTML/Javascript

    Copy/Paste code dibawah ini



    Jangan lupa disimpan :)



    Langkah ketiga:

    Langkah selanjutnya buka Template -> Edit Html

    Copy/paste code dibawah ini pada deretan CSS code atau kalo masih bingung cari code

    --> lalu paste aja dibawah kode tersebut

    /* Show Table of Contents
    -----------------------------------------
    */
    #toc {
    border: 0px solid #78B749;
    background: #ffffff;
    padding: 5px;
    width:500px;
    margin-top:10px;
    }
    .toc-header-col1, .toc-header-col2, .toc-header-col3 {
    background: #cccccc;
    color: #444;
    padding-left: 5px;
    font-weight:bold;
    width:250px;
    }
    .toc-header-col2 {
    width:75px;
    }
    .toc-header-col3 {
    width:125px;
    }
    .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
    font-size:95%;
    text-decoration:none;
    text-align: Left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    }
    .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
    font-size:95%;
    text-decoration:underline;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    }

    .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
    padding-left: 5px;
    text-align: left;
    font-size:95%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    }


    Langkah Terakhir:
    Yup! udah selesai jangan lupa disimpan dan lihat hasilnya :)

    Selamat mencoba and Happy Blogging :)


    Kode sumber http://beautifulbeta.blogspot.com/2007/04/blogtoc-widget-released.html

    .