Okie Tips Blogger

Mohon Perhatiannya !!

2012-06-16T13:27:00.000-07:00

Mohon maaf sebelumnya, untuk sementara saya konsentrasi pada Blog saya yang satunya.
Sekiranya tidak berkeberatan dipersilahkan mengunjungi kami di BLOGGER PONOROGO...semoga disana sobat banyak mendapatkan manfaat.
Terima kasih atas perhatiannya.
Salam Blogger !!

Kebiasaan Kurang Baik Blogger Baru

2012-05-16T12:09:00.001-07:00

Banyak sekali yang bertanya baik di kotak komentar, email, forum, grup atau tempat-tempat lain tentang langkah awal menjadi seorang Blogger dan apa yang harus dilakukan. Pada artikel kali ini saya akan memaparkan dulu hal-hal yang harus dihindari bagi para (calon) blogger yang baru saja berniat untuk terjun ke dunia blog. Baru dalam arti memang baru mengenal blog atau baru memang ingin kembali menekuni dunia blog yang sempat ditinggalkan karena satu dan lain hal. Kebiasa-kebiasaan yang akan dipaparkan sebagian merupakan pengalaman pribadi, pengalaman orang lain atau temuan-temuan dari sahabat blogger lainnya. Saya tidak bisa menyebutkan satu persatu siapa saja yang memberikan kontribusi pada bagian-bagian dibawah ini, karena pengalaman yang diambil berasal dari sumber-sumber tercecer yang kemudian disederhanakan.

Yang Harus Dihindari Oleh Blogger Baru

1. Jangan Nge-Blog dengan Hal-hal Yang Tidak Disukai
Niche atau ceruk adalah pemilihan kata khusus atau sekumpulan kata khusus yang spesifik untuk menjangkau taget pasar internet (internet marketing). Contoh, saya menggunakan sekumpulan kata spesifik "celana dalam levis untuk para bikers". Sekumpulan kata tersebut merupakan sekumpulan kata unik yang memiliki target khusus, maka sekumpulan kata unik tersebut dikenal dengan istilah niche keyword. Banyak sekali para blogger yang baru belajar tentang dunia blog membaca-baca kisah orang lain yang telah sukses, kemudian mereka terkontaminasi dengan apa yang dibahas oleh mereka, sehingga mereka berusaha mengikuti jejak blogger sukses tersebut sampai dengan topik artikel yang ditulisnya, seakan mereka ingin seperti blogger sukses favoritnya dengan cara mencontoh topik-topik yang mereka bahas, walaupun menghasilkan topik artikel yang mirip namun harus diingat titik berat artikel blog yang kita kelola. Mengikuti langkah mereka membangun blog bolehlah sama, namun topik yang dibahas janganlah terlalu memaksakan diri hampir sama dengan blogger sukses. Carilah topik artikel yang benar-benar anda kuasai, karena topik yang anda sukai bahkan (lebih bagusnya) jika itu adalah hobi anda akan menghasil niche keyword yang lebih baik tanpa kita sadari. Jauhkan kepentingan anda untuk menjadi blogger sukses dalam sekejap, lebih fokuslah pada subjek yang akan anda tulis. Hindari menulis hal-hal yang tidak anda sukai, karena itu akan menjebak cara berfikir anda, yang pada akhirnya akan kehilangan topik bahasan, lebih parahnya lagi berhenti menulis. Terbengkalailah blog yang sudah susah payah dibuat.

2. Jangan Terobsesi dengan Jumlah Pelanggan (Subscriber)
Tolok ukur paling umum untuk menentukan sebuah blog besar adalah jumlah pelanggan artikel dari blog tersebut. Namun jangan sampai kita terjebak dengan jumlah pelanggan. Tetaplah bangun blog hingga memiliki basis atau jumlah artikel yang semakin banyak sehingga dengan sendirinya jumlah pelanggan blog anda juga akan terus bertambah. Hal yang paling berbahaya adalah terjebak dalam hitungan jumlah pelanggan, padahal sang pemilik blog saja merasa tidak percaya diri dengan apa yang dibahas pada blognya atau bahkan blog tersebut hasil contek sana contek sini. Pertama; Ingatlah bahwa kita tidak bisa memaksa seseorang untuk berlangganan, kita tidak bisa mengendalikan situasi seperti itu, yang pada akhirnya kita frustasi dengan blog sendiri. Kedua; Pelanggan setia itu lebih berharga walau berjumlah sedikit karena mereka dengan seksama dan akan membaca artikel yang telah kita tulis dengan teliti sehingga mampu memberikan input pada penulis blog, sedangkan pelanggan biasa itu jarang atau tidak pernah membaca postingan yang sudah kita buat. Sehingga untuk memberi gambaran seberapa besar blog dengan melihat jumlah pelanggan yang sudah berlangganan adalah hal yang harus dihindari. Banyaknya jumlah pelanggan bahkan membuat sang pemilik blog menjadi terjebak dengan angka hingga membuatnya lupa akan topik utama dari blog yang dibuat. Fokuskan untuk menemukan pembaca yang aktif dan tingkatkan komunikasi dengan mereka, bukan hanya melalui daftar pelanggan saja.

3. Jangan Melewatkan Koreksi Artikel
Mengkoreksi artikel mungkin salah satu hal yang membosankan, namun hal ini adalah wajib. Kita mungkin bisa saja membiarkan kesalahan yang ada di beberapa bagian artikel kita, tetapi kesalahan yang dibiarkan tersebut akan mengalihkan pembaca setia dan bahkan meninggalkan artikel-artikel kita. Jika bahasa Inggris bukanlah bahasa utama anda sedangkan artikel dibuat untuk pembaca internasional berbahasa Inggris, rajin-rajinlah untuk mempelajari susunan kata yang baik. Edit dan koreksi artikel setelah menulis dan sebelum diterbitkan. Jika anda berdua, penulis dan editor, berikan rentang waktu sekitar satu jam antara menulis dengan mengkoreksi artikel. Buatlah salinan dari versi aslinya dan periksa ejaan serta tata bahasa pada artikel yang akan dan telah diterbitkan.

4. Jangan Abaikan Desain
Banyak blogger meremehkan pentingnya desain. Setiap pengunjung yang baru pertama kali singgah secara keseluruhan akan memperhatikan tampilan dan nuansa blog. Tiga atau empat widget yang penuh sesak pada sidebar dan kurang berguna justru akan membingungkan pengunjung. Pengunjung biasanya akan tinggal cukup lama jika mereka merasa nyaman dengan desain blog yang kita buat. Kombinasi warna yang nyaman di pandang mata adalah faktor penting lainnya dari sebuah desain blog. File gambar bisa meningkatkan penampilan blog, namun menambah beban load halaman. Blog terlalu berat juga menjadi masalah untuk pengunjung, terutama bagi blog yang baru mulai tampil didunia maya.

5. Jangan Menulis Tidak Beraturan
Kunci kesuksesan seorang blogger adalah teratur dan konsisten pada artikel blog. Banyak sekali blogger yang begitu bersemangat menulis pada awal kemunculan blognya namun setelah itu frekwensinya menurun hingga akhirnya tidak teratur. Itu membuat pembaca blog anda perlahan tapi pasti rontok satu persatu. Buatlah master plan dan jadwal, kemudian terbitkan secara teratur.

6. Jangan Mudah Menyerah
Kesabaran adalah faktor yang sangat penting bagi seorang blogger. Semua orang pasti ingin mendapatkan uang secara online dengan cepat, dan mungkin anda pernah melamun mendadak kaya dalam semalam. Jika anda blogger pemula atau bahkan calon blogger, menjadi seorang blogger itu tidak semudah membalik telapang tangan. Dibutuhkan kerja keras dan kesabaran, karena blogger yang sukses dalam semalam itu hampir tidak ada jika tidak disebut jarang. Jangan mudah menyerah...!

7. Jangan Periksa Statistik Terus Menerus
Statistik lalu lintas bisa saja menjadi candu dan hal tersebut bisa menggelincirkan blogger kedalam kebiasaan kompulsif untuk terus menerus memeriksa statistik lalu lintas sehingga lupa dengan topik yang harus di bahas. Memeriksa statistik setiap beberapa jam tidak akan mengubah hasil statistik secara signifikan terhadap blog. Buatlah jadwal khusus untuk memeriksa statistik blog, bisa sehari sekali, seminggu sekali atau waktu-waktu lain yang sudah ditetapkan. Dan juga kita bisa saja menyisihkan waktu sebulan sekali dengan jumlah jam yang lebih banyak lagi untuk menganalisis blog lebih mendalam sehingga kita mampu mengambil suatu kesimpulan lebih bagus lagi dalam peningkatan kualitas blog.

8. Jangan Mengejar Lalu Lintas (Traffic) Sosial Media
Sosial media memang bisa mendatangkan dan meningkatakan lalu lintas ke blog, tetapi bisa saja hal tersebut akan menjadi gangguan besar. Terlalu sering bermain-main dengan sosial media justru akan membuat anda lupa tujuan awal membuat blog yang pada akhirnya lupa pula untuk menuliskan artikel pada blog. Ingatlah bahwa artikel adalah raja, yang merupakan aset utama dan yang paling bertanggung jawab untuk meningkatkan lalu lintas blog. Pastikan bahwa anda membagikan pekerjaan hanya yang terbaik untuk sosial media, dan perhatikanlah kehebatannya.

9. Jangan Jadi Pecandu Jejaring Sosial
Jangan jadi pecandu jejaring sosial. Sebagian besar dari kita (blogger) menjadi sangat kecanduan dengan jejaring sosial. Jauhkan Facebook, Orkut, Twitter dan jejaring sosial lainnya saat kita sedang bekerja. Matikan semua instant messenger dan gunakanlah jika memang diperlukan. Menetapkan waktu blogging sangat membantu kita meningkatkan kualitas artikel.

10. Jangan Termanjakan Feed dan Forum
Forum dan RSS Feed adalah cara terbaik untuk mengetahui perkembangan terbaru, sehingga kita bisa memantau pelanggan melalui feed tentang artikel yang sudah kita tulis. Namun banyak blogger menghabiskan waktu setiap harinya hanya untuk menelusuri feed yang sebenarnya tidak menarik untuk di bahas. Akan lebih baik kita hanya berlangganan melalui feed dan menelusurinya setiap bulan dan singkirkan hal-hal yang tidak perlu untuk dibaca, jangan biarkan kita menghabiskan banyak waktu setiap harinya. Demikian pula dengan forum, forum besar akan membantu lalu lintas blog kita namun kita tetap harus berhati-hati, karena bisa saja kita terjebak didalam forum tersebut yang akan menghabiskan waktu dalam berpartisipasi. Forum juga bisa saja menjadi candu, terutama jika sering mendapatkan email pemberitahuan tentang balasan dari orang lain pada postingan anda. Tetap atur kunjungan forum sesuai dengan jadwal yang sudah dibuat dan aktifkan notifikasi email untuk hal yang penting saja. Berhentilah berlangganan setelah topik-topik atau pertanyaan-pertanyaan anda mendapat tanggapan yang memuaskan.

11. Jangan Berkomunikasi Secara Tidak Teratur
Berkomunikasi dengan blogger lain (misal; blogwalking) adalah bagian penting dari kegiatan blogging, namun banyak orang kemudian terjebak dengan asyiknya kegiatan ini hingga akhirnya menghabiskan banyak waktu. Tetap organisir dengan baik untuk memeriksa email-email yang masuk kedalam inbox. Kategorikan jenis email yang kita terima dan buatlah template tanggapan untuk mereka, atau buatlah sebuah halaman FAQ (Frequently Asked Questions) secara rinci. Kelola kotak masuk dengan efisien dengan menggunakan folder. Periksalah email dua kali sehari dan kita pun tidak perlu menganggapi setiap email yang diterima.

12. Jangan Toleransi Plagiarisme
Kita bisa bebas untuk mengunjungi blog favorit kita, kemudian membaca artikel yang disajikan untuk memperoleh inspirasi, namun jangan di copy paste. Artikel yang kita buat haruslah asli jika kita ingin dikenal. Orang yang ingin serius menggarap blognya harus memperhatikan bahwa menyalin kemudian menyisipkan artikel orang lain secara acak itu justru akan membuat anda tidak mendapat pengakuan dari kalangan pembaca dan pastinya akan sulit untuk mencapai sukses dengan kebiasaan menjiplak dan atau me-repost artikel orang lain. Melakukan penelitian secara menyeluruh untuk menghasilkan artikel berkualitas tinggi dan unik akan membuat blog anda memiliki kelas tersendiri, hal ini juga akan membuat anda menjadi seorang yang unik dengan gaya yang unik pula.

13. Jangan Mengurangi Tujuan
Ketika seseorang gagal ngeblog, sering kali karena mereka tidak mempunyai tujuan yang jelas. Menetapkan tujuan yang jelas dan realistis sangat berguna karena hal tersebut merupakan motivator hebat bagi seorang blogger. Apakah tujuan anda membuat blog adalah mendapatkan sejumlah pengunjung, komentar, iklan atau apapun itu, memiliki tujuan yang jelas membuat kita mampu berbagi waktu dari rutinitas tugas yang berjubel.

14. Jangan Menulis Hal yang Terlalu Pribadi
Setiap blogger memiliki kehidupan pribadi, kehidupan yang jauh dari dunia blog, dan itu bukanlah hal yang jelek. Namun ingat bahwa sebuah blog bisnis bukanlah buku harian, dan artikel yang anda buat itu harus singkat, padat dan jelas. Kita harus mengingat bahwa pembaca meninggalkan hal-hal yang tidak menarik bagi mereka. Ketika kita harus menulis tentang kehidupan pribadi, pintar-pintarlah memilah dan memilih dari sisi mana kita harus menarik garis.

15. Jangan Hanya Berbagi Berita
Jika blog anda mempunyai lalu lintas yang tinggi dan mantap, anda bisa saja menulis dan menerbitkan artikel tentang berita yang anda ketahui dengan baik untuk meningkatkan lalu lintas blog. Namun jika blog anda memiliki lalu lintas yang rendah dan sedikit maka hindari artikel yang terfokus pada berita, karena hal tersebut bisa saja membuat pengujung tidak bertahan lama pada blog anda, karena blog berita akan mendapat saingan yang cukup berat dari blog raksasa seperti Tempo, Kompas, Detik, dan beberapa blog besar lainnya. Blog-blog tersebut tentunya melakukan pekerjaan dengan serius, benar dan efisien. Ciptakan keunikan pada blog anda untuk membedakan dengan blog orang lain, anda bisa saja memilih rute atau alur yang berbeda dengan blog lain pada umumnya.

16. Jangan Nyepam
Jangan menyebarkan link blog sendiri ketika anda berkunjung pada blog orang lain, dan hindari menjadi komentator pertama di setiap posting pada blog yang memiliki lalu lintas rendah. Hindari juga membalas setiap komentar pada blog sendiri.

17. Jangan Pasang Iklan di Mana-mana
Beberapa blogger membuat kesalahan dengan berfikir bahwa mereka dapat dengan seenaknya memasang iklan dimana-mana pada blognya dengan harapan mampu meningkatkan pendapatan melalui iklan. Dalam kenyataan hal ini justru sebaliknya, bahkan hal yang sangat merugikan salah satunya mempengaruhi kualitas SEO. Terlalu banyak iklan pada blog tanpa disadari akan menganggu pembaca dan atau justru mengusir mereka. Jangan buang-buang waktu anda dengan meyakinkan pembaca akan sebuah produk dengan menuliskan artikel-artikel atau deskripsi dengan kata-kata bohong atau licik. Minimalkan pemasaran affiliasi dan pembaca akan setia pada blog anda.

18. Jangan Biarkan Ide Menghilang
Manusia adalah makhluk dengan berbagai keterbatasan, salah satunya keterbatasan memori. Ide datang dan pergi begitu cepatnya dari dalam memori kita, maka perlu sekali bagi seorang blogger untuk menuliskannya jika ia tiba-tiba menemukan ide yang menarik untuk diangkat sebagai tema artikel. Jangan andalkan memori anda. Siapkan draft posting dengan sebaik-baiknya, sebagai tindakan preventif ketika ide tiba-tiba hadir dan mengalir seperti air.
Thanks to mas Hendriono atas motivasinya.

Trims... Happy Blogging !!

Menampilkan Gadget Popular Post

2012-04-07T02:23:00.000-07:00

Dalam Panduan Blog kali saya akan posting tentang Cara Menampilkan Gadget Popular Post khusus Blogspot. Apa itu Popular Post ? Popular Post adalah posting paling populer, Atau dengan kata lain posting yang paling banyak dibaca para pengunjung blog.

Dengan menampilkan Popular Post maka pengunjung yang datang akan melihat dan membaca juga informasi tersebut. Pengunjung biasanya akan terpesona untuk membaca juga seperti yang lain sebelumnya. Jadi blog anda akan terus didatangi pengunjung dengan setia, Bahkan jika Popular Post yang ada di blog anda benar-benar menarik dan bermanfaat buat mereka, bukan tidak mungkin mereka akan datang lagi untuk ke beberapa kali.

Bagaimana cara menampilkan Gadget Popular Post? Caranya sangat mudah. Karena di blogspot gadget ini sudah tersedia.

1. Login ke blogger.com

2. Tuju blog yang akan anda setting/atur lalu klik Rancangan ( untuk tampilan blogspot yang lama ) atau klik Tata Letak ( untuk tampilan blogspot yang baru ).
Dalam panduan blog kali saya menggunakan tampilan blogspot yang lama.

3. Klik Tambah Gadget di side bar mana anda mau. Kalau Popular Post ingin anda tayangkan di side bar kanan klik saja Tambah Gadget di side bar kanan.

4. Klik menu Entri Populer ( Baru )

5. Atur konfigurasi Entri Populer /Popular Post
- Judul, isi dengan judul misalnya paling rame atau paling sering dibaca dll
- Paling banyak dibaca, centang aja setiap saat
- Tampilan > Judul Entri, centang thumbnail gambar jika anda mau yang tayang adalah Popular Post dengan gambar/image
- Tampilkan hingga, pilih sesuai dengan keinginan anda. Popular Post bisa anda tampilkan maksimal 10 entri.

6. Jangan lupa klik Simpan.

Sukses ! Anda sekarang bisa Menampilkan Gadget Popular Post di blog anda.

Membuat Permalink di Blogspot

2012-04-04T04:44:00.000-07:00

Kali ini saya akan mempostingan jawaban atas pertanyaan sobat blogger Amy Adeona yang masuk di email saya tentang cara membuat dan memasang permalink di blogspot sama persis dengan permanen link di blog ini. Sebelum kita ke pokok permasalahn ada baiknya saya jelaskan sedikit dulu tentang Permalink ( Permanen Link).

Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang biasanya di letakan di bawah atau sesudah postingan, fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan SEO on page blog sobat.
Biasanya sobat yang newbie menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel, sebelum sobat tahu bahwa namanya itu adalah permanen link.

Permalink kali ini sudah saya lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok jika dilewati tikus... ehh..maksudnya mouse).

Contohnya bisa sobat lihat tepat di bawah artikel.
Jika sobat tertarik dengan widget yang satu ini, silahkan ikuti tutorial berikut.

Cara Membuat Permanen Link di Blog
1. Login ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin>

.admin-tulisan{
width:auto;
background:#39316b;
border:1px solid #FFFFFF;
margin:30px 0 10px 0;
display:block;
font-family:"Tahoma";
color:#F0E68C;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"Tahoma";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{

width:60px;
height:70px;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya. (bila di blog sobat sudah terpasang auto readmore letakkan kode tersebut di <data:post.body/> yang kedua )


<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Writen by : <b><data:post.author/></b> ~ Tips Blogger</h4>
<div class='kontainer'>
<img alt='Okie Masterpiece' src='http://i1068.photobucket.com/albums/u449/ponorogoweb/Okie2.jpg'/> Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. by Admin, Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya.
<textarea cols='53' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea> <p><span style='float:right;font:italic 9px Arial, Sans-Serif;'> <a href='http://okietipsblogger.blogspot.com/2012/04/membuat-permalink-di-blogspot.html' target='_blank'>:: Get this widget ! ::</a></span></p> <div style='clear:both;'/>
</div>
</div>
</b:if>


5. Klik save dan lihat hasilnya.

Tambahan :
• Ganti kode yang berwarna kuning sesuai dengan Url foto / gambar milik sobat
• Sesuaikan angka yang berwarna merah tersebut diatas sesuai dengan ukuran template blog sobat ( ukuran textarea )
Semoga Membantu.

.::tatelu::.

Buku Tamu Auto Hide di Blogspot

2012-04-03T23:49:00.000-07:00

Kali ini saya memposting cara membuat buku tamu auto hide di blog dengan versi yang berbeda seperti contoh yang tampak di sidebar blog ini.

Auto hide Shuotbox adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( hanya di lewati pointer mouse ), kali ini beda sedikit dengan buku tamu show / hide terdahulu.
Jika sobat tertarik memasang dan mencoba widget ini, silahkan masukkan kode berikut di HTML/Javascript blog sobat.

Caranya :
1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
2. Masukkan kodenya di kotak yang di sediakan.
3. Klik Save

Tambahan :
Sisipkan kode SCRIPT CBOX SOBAT dengan kode buku tamu milik sobat. Sobat yang belum punya Auto Hide Buku Tamu silahkan buat terlebih dahulu di cbox ( seperti blog ini) atau pada penyedia chatbox gratisan lainnya.
Salam dan semoga membantu.

Membuat Background Transparan

2012-04-03T02:13:00.000-07:00

Kali ini, kita akan membahas tentang penggunaan opacity pada template blog yang mungkin lebih tepatnya penggunaan background transparan ( tembus pandang ) pada template blog.
Tutorial kali ini saya khususkan untuk blog dengan background image atau gambar, tidak terlalu bagus untuk backround warna karna hanya akan menghasilkan perpaduan ke 2 warnanya saja. Misalnya sobat menggunakan background berwarna hitam dengan warna outer-wrapper berwarna putih, maka hasil perpaduannya akan memunculkan warna abu-abu.. jadi nggak berguna dong efek tranparantnya...

berikut kode yang di gunakan untuk membuat background transparan

filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.6;
-khtml-opacity: 0.0;

Untuk penerapannya sobat tinggal menyisipkan kode tadi sesudah kode warna. seperti berikut.

#outer-wrapper{
width:980px;
margin:0 auto;
padding:5px;
background:#f2f2f2;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.6;
-khtml-opacity: 0.0;
border:1px solid $bordercolor;
text-align:$startSide;
font:$bodyfont
}

Tambahan :
1. Berlaku juga untuk wrapper lainnya seperti header, main, sidebar dan footer, namun saran saya untuk tidak menerapkannya di wrapper lain jika sudah di pasang di outer-wrapper, karena outer-wrapper sudah mencakup semua bagian wrappernya.
2. Edit angka yang berwarna merah hingga sesuai dengan keinginan.
3. Contoh template dengan background transparan klik di sini!

Cara Membuat 3 Kolom Elemen Di Atas Footer

2012-04-01T04:52:00.000-07:00

Sobat blogger pemula yang ingin membuat 3 Kolom Elemen di Atas Footer.
Silahkan ikuti langkah-langkah berikut :

Login ke Blogger klik Rancangan klik Edit HTML klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
Beri tanda centang pada kotak di samping tulisan Expand Template Widget, kemudian cari kode seperti dibawah
Untuk mempercepat pencarian, sobat gunakan tombol (F3)

#footer{
background:#F0F5FA;
width:960px;
height:32px;
margin:0px;
padding: 0px;
float:left;
}

Jika sudah ketemu tambahkan kode berikut di atasnya :

#bottom{
background:#F0F5FA;
width:100%;
position:relative;
clear:both;
margin:0px auto 0px;
color:#000000;
float:left;
padding:10px 0;
}

#bottom h2{
color:#000000;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0px 0px 8px 0px;
padding: 0px;
letter-spacing:0em;
text-transform:capitalize;
}

#bottom ul{
padding:0px;
margin:0px;
}

#bottom ul li{
line-height:26px;
list-style-type:none;
border-bottom:1px dashed #031c5d;
}

#bottom_1{
width:300px;
float:left;
margin:0px;
padding:0px;
}

#bottom_2{
width:300px;
float:left;
margin-left:15px;
padding:0px;
}

#bottom_3{
width:300px;
float:left;
margin-left:15px;
padding:0px;
}

Untuk membuat elemen di atas footer.
Cari kode seperti dibawah ini :

Jika sudah ketemu tambahkan kode berikut di atasnya :

Sesuaikan ukuran lebar width footer dengan template dan lebar elemen yang akan ditambahkan.
Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya.
Selamat mencoba dan Semoga membantu.

Modifikasi Blockquote di Blogspot

2012-04-01T02:55:00.000-07:00

Apa ya Blogquote itu ? Fungsinya untuk apa sih ?
Untuk lebih jelasnya liat aja contoh tampilannya dibawah ini
Contoh tampilannya :

Contoh ini adalah Blockquote hasil modifikasi dari template aslinya

Cara Membuatnya Sebagai berikut :
1. Login ke akun Blogger Sobat
2. Masuk Tata Letak
3. Edit HTML
4. Beri centang pada "Expand template widget"
5. BackUp template sobat dulu, dengan cara klik "download template lengkap"
6. Cari kode Berikut : blockquote { atau .post blockquote { atau cari aja "blockquote" soalnya tiap template beda-beda

Script Blockquote :

Memasang Kotak Search di dalam Menu Bar

2012-03-25T06:08:00.000-07:00

Merupakan sebuah tools yang dapat mempemudah pengunjung dalam menemukan artikel yang ingin di baca. Oleh karena itu, Tutorial blog yang akan disampaikan adalah tentang Cara Membuat Kotak Pencarian yang berada pada Menu Bar di blog anda.
Kotak pencarian yang di tawarkan hari ini, memiliki tampilan yang sangat simple atau sederhana.
Mungkin karena memiliki tampilan yang sangat sederhana inilah sehingga banyak para blogger memasang kotak pencarian ini.
Jika ingin melakukan ini anda terlebih dahulu harus mempunyai menu bar, jika belum ada silahkan bikin dulu ya…..

Jika sudah punya sekarang tinggal tambahkan search box-nya :

1. Login ke Blog > Layout (tata letak) >> Edit HTML >>> Cari kode ]]></b:skin>

2. Copy paste kode ini di atas kode ]]></b:skin>

#navright {
width: 220px;
background: #FF1202;
font-size: 11px;
float: right;
padding-top:0px;
margin: -4px;
}

Save

3. buka link menu bar milik anda dan copy paste kode ini

<div id='navright'> <form action='/search' id='searchthis' method='get' style='display:inline;'><input id='search-box' name='q' size='25' type='text' value='Cari Artikel Disini'/><input id='search-btn' src='http://4.bp.blogspot.com/-vWpkVR2h76c/TfcpyhyWM-I/AAAAAAAADM0/dD_RRIYxTC0/s1600/magnifier.png' style='margin-left: 5px; margin: 1px 15px 0px 13px;' type='image' value='Search'/></form> </div>

Contoh milik saya (PERHATIKAN PENEMPATANNYA):


<table border='0' style='background:url(http://4.bp.blogspot.com/_R-xZQxI1ao8/S65G1yo8FfI/AAAAAAAAAAk/_snLvwy3OjI/s400/title.jpg) repeat-x; margin-top: 10px; margin-bottom: 10px;' width='100%'>

<tr><td align='left' id='menu'>
<a href='#'>Menu1</a> |
<a href='#'>Menu2</a> |
<a href='#'>Menu3</a> |
<a href='#'>Menu4</a> |
<a href='#'>Menu5</a> |
<a href='#'>Menu6</a> |
<a href='#'>Menu7</a> |
<a href='#'>Menu8</a> |
<a href='#'>Menu9</a> |
<a href='#'>Menu10</a>

<div id='navright'> <form action='/search' id='searchthis' method='get' style='display:inline;'><input id='search-box' name='q' size='25' type='text' value='Cari Artikel Disini'/><input id='search-btn' src='http://4.bp.blogspot.com/-vWpkVR2h76c/TfcpyhyWM-I/AAAAAAAADM0/dD_RRIYxTC0/s1600/magnifier.png' style='margin-left: 5px; margin: 1px 15px 0px 13px;' type='image' value='Search'/></form>
</div>
</td></tr>
</table>


Gampang kan….. Semoga Membantu.

Membuat Background Pada Judul Sidebar

2012-03-22T10:02:00.000-07:00

Untuk lebih mempercantik halaman depan blog ada satu lagi yang bisa dilakukan yaitu dengan membuat background pada judul sidebar. Template bawaan blogger pada bagian judul sidebar biasanya masih polos, nah anda bisa sedikit lakukan modifikasi dengan cara membuatkan backgroundnya. Mudah dalam hitungan menitan udah siap, yang penting cermat soalnya melalui edit html, bagi yang sudah biasa edit html ga sampai 5 menit selesai.

Berikut langkahnya:
1. Login ke blogger
2. Di dasbor klik rancangan atau template
3. Masuklah ke area Edit html, sebelum menambahkan kode klik full download template untuk antisipasi error karena kesalahan kode.
4. Di area edit html temukan kode .sidebar h2 akan terdapat sederetan kode kurang lebih seperti ini:

sidebar h2 { color: #ffffff; font-size: 13px; font-family: Arial, Tahoma, Verdana; font-weight: bold; margin: -.35em -.40em .25em -.35em; padding: 3px 5px 3px 10px; border-bottom: 1px solid #C0C0C0; letter-spacing:0em; text-transform:capitalize; repeat-x top left; }

Nah anda cukup menambahkan kode: background:#2200CC
Untuk #2200CC yaitu kode warna anda dapat meilih sesuai selera anda.

diantara deretan kode tersebut misal sebelum : color: #ffffff
Jika anda ingin menampilkan background baerupa gambar atau border cantik sesuai pilihan sendiri anda dapat menggati kode warna dengan url gambar anda di tinypic atau photobucket sehingga menjadi: background:url('URL gambar').

Sebelum disimpan ada baiknya klik pratinjau dulu, kalau sudah sesuai keinginan ya tinggal klik simpan template.
Nah selamat memodifikasi background judul sidebar, semoga membantu.

Meletakkan Video kedalam Blog

2012-03-19T05:47:00.000-07:00

Meskipun blogger sudah menyediakan upload untuk video, tapi gak ada salahnya kan kalau kita mencoba masukin kode buat menempatkan sebuah video dengan kode yang lain.
Hasilnya kurang lebih seperti di bawah ini, klik untuk memutar Video :

Jika anda ingin meletakkan video dari Youtube, anda hanya mengisi alamat/URL video tersebut pada kode.
Untuk kode, copy di bawah ini:

Berapa Orang Yang Online di Blog Kita?

2012-03-19T03:02:00.001-07:00

Who's amung us adalah layanan online yang bermanfaat untuk mengetahui berapa jumlah user yang sedang online di blog kita pada saat kita browsing pada blog kita sendiri.

Berikut ini adalah caranya :
1. Buka url http://whos.amung.us/colorwheel
2. Pada "Already have a map, or our widget?", klik atau pilih "No"
3. Pilih kombinasi warna yang anda pilih, sebaiknya pilihlah warna yang sesuai dengan blog anda.
4. Copy paste scriptnya
5. Jika sudah kembalilah ke blogger
6. Klik Tata Letak lalu pilih tambah widget pilih HTML/Javascript
7. Pasang script yang anda copy tadi di HTML/Javascript
8. Klik simpan dan selesai

Mengganti Font di Postingan

2012-03-19T03:01:00.001-07:00

Cara Mengganti Font Dalam Postingan baik untuk blogspot bisa anda lakukan dengan sedikit memberi sentuhan CSS/HTML di antara font yang ingin ditampilkan. Cara yang lebih praktis sebenarnya bisa dilakukan dengan copy paste dari MS Word namun dalam kasus tertentu cara ini kadang-kadang tidak berfungsi, apalagi jika diterapkan di blogspot, pasti akan muncul warning “HTML Anda tidak bisa diterima: Tag is not allowed: META”.Di pos editor Anda harus dalam mode HTML kemudian masukkan kode seperti contoh berikut ini :<blockquote><span style="font-family: Times New Roman">Tulisan Anda Di Sini</span></blockquote>Hasilnya akan seperti ini :<br><span style="font-family: Times New Roman">Tulisan Anda Di Sini</span><br><br>Jika ingin mengganti ukuran font tersebut kodenya jadi seperti ini :<blockquote><span style="font-family: Times New Roman; font-size: 200%">Tulisan Anda Di Sini</span></blockquote>Hasilnya akan seperti ini :<br><span style="font-family: Times New Roman; font-size: 200%">Tulisan Anda Di Sini</span><br><br>Untuk mengganti font dalam satu postingan caranya : dalam posisi HTML editor tambahkan kode berikut ini di awal postingan (paling atas) :<blockquote><div style="font-family: Times New Roman; font-size: 15px"></blockquote><br>Dan di akhir postingan diberi kode <blockquote></div></blockquote><br>Anda bisa mengganti ukuran font dengan percent; 125%, 150%, 200% atau dengan px 13px, 14px dan seterusnya sesuai selera. Untuk jenis font yang lain anda bisa menggantinya dari Times New Roman ke font pilihan anda misalnya Arial, Verdana dan lain-lain, atau dengan cara copy paste jenis font dari kotak pilihan font yang biasa anda gunakan jika anda sedang mengetik dokument di MS Word atau pengolah kata yang lain. Sedangkan untuk warna font, tebal font, italic, underline, perataan paragraf dan lain-lain silahkan pindah ke mode visual dan bisa disetting atau dilakukan seperti cara biasa.

Parse HTML Converter Code

2012-03-19T03:00:00.001-07:00

Parse HTML adalah salah satu cara yang di gunakan para blogger untuk memposting artikel yang berkaitan dengan code HTML/javascript. Kegunaannya agar kode yang kita posting di dalam artikel akan tampil menjadi sebuah karakter/tulisan. Karena jika kita memposting kode script ke dalam artikel, maka tulisan tidak akan muncul atau malah muncul sebagai widget.<br>Sebagai alat bantu untuk memudahkan kita memparse kode HTML supaya dapat ditampilkan menjadi tulisan di postingan kita...Semoga Membantu.