Membuat Kotak Status, Seperti Kotak Status CongCot

Waduh, sebenarnya ini bukan posting yang penting mungkin, tapi tidak ada salahnya berbagi trik walaupun sedikit manfaatnya, yang pentingkan kita bisa mendapatkan ilmu dan mengamalkannya. Hari ini congcot akan membahas tentang cara pembuatan status yang contohnya ada di sebelah kanan atas.
Untuk apa kotak status itu, apa alasanya?
(silahkan pelajari: Kotak status congcot)
Posting ini akan membahas cara membuatnya. So, mari kita mulai.
Seperti biasa masuk ke blogger.com dengan account anda. Kemudian pilih rancangan atau tata letak, dan klik edit html. Cari kode ]]></b:skin> dan simpan kode dibawah ini, tepat diatas kode ]]></b:skin>

#tasstat{background:#E6FFCC;padding:5px;color:#000;width:150px;float:right;text-align:center}
#stat {background:#ADFF5C;padding:2px;color:#000;width:300px;height:90px;font: 13px Verdana;float:right}

Sekarang kita edit HTMLnya. Contoh kali ini kita menyimpan kotak statusnya diatas tempat posting (header). Silahkan cari kode

<div id='tasstat'>Kotak Status CongCot</div>
<div id='stat'>
<div class='admin' style='background:#CF9;padding:2px;margin:2px;'>Admin : Bang Jack or Jacky</div>
<div class='from' style='background:#CF9;padding:2px;margin:2px;'>Blogger From : Jawa Barat Indonesia</div>
<div class='status' style='color:#930;font-height:bold;background:#CF9;padding:2px;margin:2px;'>Status Now : <blink><b>Up to Date</b></blink></div>
<div class='pel' style='background:#CF9;padding:2px;margin:2px;text-align:right;'><a href='http://www.congcot.co.cc/2010/07/mempelajari-kotak-status-admin-congcot.html' style='color:#060;' target='_blank'>Pelajari Tentang Status</a></div>
</div>

Setelah itu simpan template. Selesai dech.

Intinya...
Interaksi sangat penting dalam dunia blogging. Fungsi kotak status ini diantaranya untuk mempermudah pengunjung berinteraksi dengan pemilik blognya itu sendiri. gunakanlah trik ini jika diperlukan.

Hari Minggu, 08 Agustus 2010 dengan 7 Koment

Read More...

Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.

Langkah-langkah Membuat blog Untuk Berkreasi di Blogger

Sudah tahu apa itu blog? (pelajari: Blog adalah). Nah, setelah anda pelajari tentang blog, melihat blog-blog orang lain, dan anda tertarik untuk membuatnya, silahkan ikuti terus langkah-langkahnya sampai akhir. kali ini congcot akan memberikan sedikit pengetahuan tentang cara pembuatan blog di blogger (salah satu penyedia blog terkenal lho, masuk perusahaan google lagi). Jika anda tertarik untuk berkreasi dan berbagi pengetahuan, tunggu apa lagi, buatlah blog sekarang juga.

Pembuatan...
Silahkan ikuti langkah langkah dibawah ini, jangan samapai ada yang ketinggalan:

1. Silahkan Klik disini.
2. Pilih Buat Blog (tulisannya besar ko pasti kelihatan).
3. Baca suruhannya, mudah ko 
4. Klik Lanjutkan jika data-data sudah selesai diisi (isi yang benar yaaa).
5. Nah, Sekarang beri nama blog kamu
6. Klik Lanjutkan, dan kamu akan masuk ke pemilihan template. Silahkan pilih template yang kamu mau. CongCot lebih pilih minima saja, soalnya ringan. 
7. Pilih Lanjutkan.
8. Harusnya blog anda sudah selesai dibuat.
9. Selesai.

Itulah sedikit pengetahuan tentang cara pembuatan blog.


Intinya...
Berkreasi dan berkarya dalam hal apapun yang kita sukai, harus dikembangkan. Di dunia maya, anda bisa berkreasi dengan berbagi apa saja, kapan pun, dimana pun, dan kondisi apapun. Berbahagialah bagi orang-orang yang senang berbagi.

Hari Jumat, 06 Agustus 2010 dengan 5 Koment

Read More...

Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.

Membuat Posting Terjadwal, Sebagai Solusi Keteraturan

Untuk menjadi blogger yang sukses, minimal kita harus memenuhi syarat keteraturan dalam berposting, tiap hari, dua kali sehari atau minimal tiga kali seminggu. Tidak menutup kemungkinan seorang blogger terhalang dengan masalah dalam dunia offline, dari mulai pekerjaan, liburan, sakit dan lain-lain. Untuk mengatasi masalah tersebut, saya akan menjelaskan tentang sebuah tips agar kita tetap bisa teratur meskipun dalam keadaan sibuk di dunia offline, yaitu dengan menggunakan metode terjadwal. Posting terjadwal cukup penting dalam hal keteraturan, dari pada kita posting seratus kali dalam sehari karena akan liburan, mendingan kita lanjutkan untuk update tiap hari walaupun dalam metode terjadwal.
Oke, tanpa basa basi lagi kita mulai langkahnya sekarang.

Caranya...

1. Seperti biasa masuk dulu ke blogger.com. Kemudian anda akan masuk ke kelola blog
   
   
   
2. Jika anda mau menulis posting  yang baru, silahkan pilih Entri Baru.
3. Atau jika anda mau menjadwalkan posting yang telah ada, silahkan pilih Edit entri
4. Setelah anda masuk pada area posting, dibawah area posting sebelah kiri ada post options, silahkan klik.
   
   
5. Disana ada pilihan.
6. Pada post tanggal dan waktu, silahkan anda pilih setel tanggal dan waktu.
7. Masukan tanggal dan waktu yang anda inginkan.
8. Jangan lupa Simpan Template
9. Selesai.

Kebetulan Saya juga besok akan mudik ke home, jadi tentunya cara ini akan terus dilakukan sampai kembali up to date. (silahkan pelajari: Kotak Status)
Sekian dan terima kasih .

Intinya...
Kita bisa membagi waktu berposting sesuai dengan kehendak kita. Kesibukan didunia offline dapat kita atasi dengan trik diatas. Jadi tidak ada lagi alasan untuk mengembangkan karya anda.

Hari Rabu, 04 Agustus 2010 dengan 9 Koment

Read More...

Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.

Membuat Read More Otomatis, Auto Read More dengan Gambar

Sebelumnya saya sudah memberikan trik supaya tampilan blog di homepage hemat (pelajar: hanya judul posting). Hari ini congcot akan membahas tentang pemasangan read more yang otomatis dari www.o-om.com. Ini berkat pertanyaan dan permintaan teman saya tentunya.
Kenapa perlu menggunakan read more?. Yang jelas read more membantu kita untuk meminimalisir tampilan blog, ketika pertama kali homepage dibuka. Bayangkan jika kita menampilkan posting sebanyak tujuh posting (jumlah ini merupakan pemberian manual dari blogger.com), kemudian postingnya panjang-panjang, apa yang akan terjadi?. semua isi posting yang panjang itu akan terlihat di halaman homepage, dan tentu saja akan sangat mengganggu penampilan blog anda.
kelebihan kode ini diantaranya adalah tampilan gambar disetiap posting yang diberi read more. (lihat gambar blog congcot diatas).
Jangan lupa, congcot memakai cara ini jika belum edit template lebih jauh, jadi saran saya gunakan template yang dari minima blogger.
Nah, mari kita mulai sekarang.

Persiapan...

1. Seperti biasa masuk ke www.blogger.com.
2. Pilih rancangan atau tata letak.
3. Klik edit HTML.
4. Sebelum melangkah ke pemasangan kode, silahkan download template anda, klik download template lengkap.
5. Kemudian cheklist Expand widget template.
6. Cari kode <data:post.body/> (gunakan ctrl+F untuk memudahkan pencarian)
7. Harus ketemu, kalau sudah ketemu berarti langkah selanjutnya akan sangat mudah.

Pemasangan...
Jika kode diatas sudah ketemu maka silahkan ikuti pemasangan kode dibawah ini.
Cari kode </head> , dan simpan kode dibawah ini tepat diatas kode </head>
Langsung copy paste aja...

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

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

Jika sudah, Sekarang tahap terakhir, cari kode <data:post.body/> dan silahkan hapus, dan ganti dengan kode dibawah ini.

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Ganti kata yang bercetak tebal sesuai dengan selera anda.
Sekian trik kali ini, mudah-mudahan besok-besok akan ada trik menarik lainnya.


Intinya...
Read more sangat dibutuhkan dalam hal tampilan supaya lebih menarik. Trik ini akan menghemat tampilan blog tapi memberikan informasi dari sebagian posting kita. Gunakanlah jika diperlukan.

Hari Sabtu, 31 Juli 2010 dengan 15 Koment

Read More...

Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.

Mengubah Meta Title Tag, Untuk Hasil Cari Yang Lebih Baik

Tag title ini akan muncul di nama tab. Perhatikan Tab yang anda di komputer anda.

Tag ini akan memberi nama seperti kata yang digaris bawahi dengan garis warna merah..

Standar...
Perhatikan script standar blogger masalah title

<title><data:blog.pageTitle/></title>

Silahkan cari kode tersebut (seperti biasa masuk ke rancangan/tata letak kemudian klik edit HTML).
Kemudian ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | CongCot</title>
</b:if>

ganti kata yang bercetak tebal dengan nama blog anda.

Dan sekarang...
Lihat hasilnya. Tentu berbeda antara tadi yang menggunakan standar dengan yang sekarang.

Kenapa harus dirubah?

Perhatikan hasil pencarian google. Silahkan masuk ke www.google.com, ketik solusi favicon. Kurang lebih gambarnya seperti ini

Ternyata posting yang ditampilkan sekaligus terseleksi/terindex oleh google (karena memang google mencari isi posting blo, bukan mencari blognya hehehe tapi dalam situasi tertentu), yang pertama adalah judul posting, dan yang kedua baru nama blog. Jadi usahakan simpan nama blog kamu di belakang judul posting dengan mengedit title diatas.
Itulah hasil modifikasi meta title tag kali ini. Mungkin nanti akan ada lagi yang lebih bagus mudah-mudahan congcot diberi kesempatan untuk menulisnya.

Intinya...
Teruslah berusaha untuk melakukan perubahan yang lebih baik, untuk mendapatkan hasil yang lebih baik pula. Kenali kemauan google atau mesin pencari lainnya, supaya kita cepat bersahabat.

Hari Kamis, 29 Juli 2010 dengan 19 Koment

Read More...

Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.

Membuat Account Google Untuk Berbagai Fasilitas Menarik

Google merupakan sebuah perusahaan besar dan sangat dikenal didunia internet. Terlebih lagi sekarang perusahaan ini memberikan berbagai fasilitas yang ditawarkan secara gratis (ini menjadi hoby saya tentunya, memakai fasilitas gratisan. Anda juga begitu kan?, jangan malu-malu, ngaku aja, haha). Kita selaku pengguna internet tentu sangat senang dengan fasilitas-fasilitas yang diberikan oleh google. Jika kita sekarang ingin menggunakan atau memanfaatkan fasilitas google cukup dengan hanya memiliki sebuah account google. Dan bersiaplah anda untuk mendapatkan berbagai fasilitasnya.
Mari kita mulai.

Membuat Account...
Silahkan ikuti langkah-langkah dibawah ini dengan cermat.

1. Silahkan Klik disini
2. pilih Create an account now (letaknya berada dibawah kotak login)
3. Isi data yang diperlukan dengan benar. peringatan akan tampak jika ada kesalahan dalam pengisian
   
4. Setelah selesai klik I accept. create my account.
5. Jika ada keterangan yang meminta verification, maka silahkan masukan no ponsel anda. Jika tidak punya ponsel, pinjem dulu aja, hehe.   
6. Sudah selesai dech. Nah, sekarang lihat account anda, pilih Show Me My Account
   
7.  Langkah 6 dan 7 mungkin saja terbalik, tidak apa-apa lah
8. Jika kamu ingin melihat surat masuk, pilih just go to my inbox  
9. Selesai.

Sekian dan terima kasih.  Jika ada masalah dalam pembuatan, silahkan tanyakan di komentar. dan tolong lihat status admin untuk interaksi.
Keterangan: Gambar-gambar sebagian diambil dari www.ridwanaz.com

Intinya...
Account google sangat mudah dibuat dan sangat berguna untuk kita semua. Fasilitas-fasilitas yang diberikan sangat menakjubkan. Terlebih lagi google terkenal sangat cepat dalam loading page. Jadi tunggu apa lagi, buatlah sekarang.

Hari Selasa, 27 Juli 2010 dengan 13 Koment

Read More...

Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.

Membuat: Daftar Isi Blog Dengan Kombinasi Script

Sebenarnya trik ini sudah banyak di posting oleh para blogger khususnya di Indonesia. Tampilan daftar isi yang dibuat oleh Abu Farhan (blogger terkenal dari Indonesia) sangat digemari oleh kebanyakan para blogger.
Posting ini saya buat karena ada teman blogger yang bertanya bagaimana cara membuatnya. Untuk demo (contoh ketika membuat posting ini), silahkan klik daftar isi congcot.
Nah, sekarang kita akan membuatnya dengan sedikit berbeda dalam CSS dibanding milik Abu Farhan, Saya tidak berani mengubah kode Java Scriptnya, karena Abu Farhan sendiri melarangnya. Jadi karena congcot suka sekali warna hijau, maka warna yang digunakan identik dengan warna hijau.

Keunggulan...
Bermacam-macam kelebihan tampilan daftar isi ini sangat banyak, diantaranya:

• Terdiri dari  judul dan isinya
• Judul diambil dari label atau kategori blog kita
• Ketika mulai membuka hanya satu judul yang menampilkan isi
• Isi tiap baris berbeda warna
• Posting yang terbaru akan ada tulisan new di akhir kalimat
• Jika judul yang satu di klik, maka judul yang lain akan sembunyi

Itulah sebagian keunggulan pembuatan daftar isi menggunakan metode ini

Kendala...
Masih ada blogger yang kurang beruntung dalam pembuatan daftar isi ini, bisa dibilang tidak sukses. Saya juga merasakan ketika ada pesan error yang membuat sedikit pusing dan merasa kurang beruntung. Tapi mudah-mudahan dengan metode langkah demi langkah yang diberikan oleh congcot, dapat membuat anda sukses dalam pembuatan daftar isi blog.

Langkah...
Ikutilah langkah demi langkah dengan cermat.

1. Masuk ke www.blogger.com dengan account anda
2. Pilih Entri Baru
   
   
   
3. Masukan Judul sesuai selera anda
4. Klik Edit HTML (biasanya ketika membuka halaman posting baru, jendela berada di mode Compose, sekarang kita gunakan mode Edit HTML)
   
   
   
5. Masukan kode dibawah ini di area posting
<link href="http://sites.google.com/site/congcot/kode-1/CCcss1.css" media="screen" rel="stylesheet" type="text/css"></link> <script src="http://sites.google.com/site/congcot/kode-1/CCjs1.js"> </script> <script src="http://www.congcot.co.cc/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"> </script> <script type="text/javascript"> var accToc=true; </script> <script src="http://sites.google.com/site/congcot/kode-1/CCjs2.js" type="text/javascript"> </script>
Keterangan: ganti huruf yang bercetak tebal (www.congcot.co.cc) dengan nama domain blog anda.
6. Abaikan jika ada Pesan Error (ada instruksi dibawah). Sampai sini juga sudah berhasil, tapi...
7. Jika ingin posting ini tidak tampil dihalaman depan, klik Post Options, dalam Post tanggal dan waktu, pilih Dijadwalkan pada: isi tanggal dan waktu yang sudah berlalu, (seminggu yang lalu, atau sebulan yang lalu, atau setahun yang lalu)

8. Pilih Terbitkan Entri. Nah, jika ada pesan error seperti dibawah ini, ceklist berhenti menampilkan galat HTML

9. Selesai.

Sekian trik posting kali ini, mudah-mudahan bermanfaat dan sukses untuk di praktekan.

Intinya...
Daftar isi merupakan faktor penting menurut saya. Karena dengan daftar isi, posting lama yang sulit dikunjungi pengunjung akan tampil dan tidak menutup kemungkinan akan dikunjungi oleh pembaca blog anda. Kegagalan dalam pembuatan sesuatu bukan sumber putus asa, tapi justru itu adalah awal dari kesuksesan. Kita harus yakin akan sukses. Semangat !.

Hari Minggu, 11 Juli 2010 dengan 27 Koment

Read More...

Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.

Permintaan Maaf, Kepada Semua Teman Blogger

Kesalahan tidak terjadi hanya di dunia nyata. Congcot, yang merupakan seorang petualang didunia maya, merasa kesalahan itu benar-benar menguras pendirian. Kesalahan yang Alhamdulillah dapat diketahui setelah sahabat blogger memberikan banyak masukan kepada saya. Tanpa sadar ternyata kelemahan itu datang. Memaksa saya untuk berhenti sementara bergelut dengan dunia blogging.

Etika...
Congcot tahu, ternyata dalam blogging itu butuh etika. Butuh ilmu yang cukup agar bisa membedakan mana yang blogger sejati, mana yang promosi, dll.
Sekitar satu minggu lebih congcot berbagi ilmu kepada kalian semua. Tapi ternyata percuma kita memberikan ilmu tapi tidak tahu etika dalam dunia blogging

Merasa tidak enak dengan teman-teman blogger yang suka dikunjungi, dikomentari dan lain sebagainya, Congcot minta maaf yang sebesar-besarnya.

Tidak ada makhluk yang sempurna. Tapi kata-kata itu tidak bisa dijadikan suatu alasan untuk menutupi kesalahan yang congcot lakukan.

Alasan...
Untuk tidak mengulangi kesalahan-kesalahan dalam blogwalking, blogging, dll, banyak yang harus dipelajari. Dari mulai etika menulis, berkomentar, menjawab pertanyaan pengunjung, sampai chatting atau ngobrol bareng teman-teman blogger..

Yakin...
Jika ada kesalahan, pasti ada cara untuk merubahnya ke arah yang lebih baik.
Jika ada kekurangan, pasti ada kelebihan yang bisa menutupinya.
Jika ada masalah, pasti ada jalan untuk membenahinya.

Pelajaran...
Pelajaran yang harus diambil...
Jangan sekali-kali berkomentar, kalau tidak tahu etika sehingga mengecewakan pemilik blog.
jangan sekali-kali membuat posting, kalau tidak tahu etika sehingga membuat pengunjung kecewa.
Jangan sekali-kali ngobrol bareng, kalau tidak tahu etika, sehingga membuat teman blogger marah.

Intinya...
Congcot akan berhenti membuat posting sekitar 2 minggu. Rasa terpaksa ini tidak bisa dibendung. Rasa percaya diri yang hilang, perlu dibangkitkan dengan cara ini.
Mohon maaf semuanya, congcot tidak bermaksud meninggalkan blog ini, karena blog ini merupakan hasil kerja keras pertama, dari mulai daftar, sampai pembuatan template, juga posting-posting yang bergaya pemula. Sederhana tapi mudah-mudahan bermanfaat untuk semuanya. Amin.

Senyumku bersama kalian semuanya...

Silahkan tinggalkan komentar, link, atau apa aja untuk memberikan masukan dalam beretika didunia blogging.

Hari Jumat, 25 Juni 2010 dengan 36 Koment

Read More...

Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.

Menampilkan Hasil Pencarian Posting Hanya di Sidebar

Kotak pencarian sangat penting dalam blog anda. Pengunjung akan merasa mudah dalam mencari data, pengetahuan, yang berbagai posting dalam blog anda.
Membuat kotak pencarian (dalam bahasa asingnya itu Search Engine) bukan hal yang baru dalam dunia blogging. Bahkan blogger sendiri memberikan fasilitas yang cukup menarik dan tampilannya juga keren.
Disini saya tidak akan panjang lebar membahas tentang pembuatan kotak pencarian dengan berbagai metode, tapi hanya akan membuat sebuah kotak pencarian seperti di sidebar saya.

Sebelumnya...
Kotak pencarian ini sama sekali tidak jauh beda dalam hal tampilan awalnya, perhatikan gambar dibawah ini

Kotak ini hanya bentuk sederhana dari kotak pencarian ala google, dan mesin pencarinya juga sama hebatnya dengan google (yaaa karena memang google yang membuatnya)

Coba Mencari...
Silahkan Anda masukan kata congcot di kotak yang telah disediakan, dan lihat hasilnya

Menarik bukan,
Hasil pencarian mengikuti ruang sidebar yang sudah kita sediakan. Dengan metode ini, kita bisa menghemat ruang pada blog, dan menurut saya sangat bagus jika digunakan.

Proses Pembuatan...
Baik, sekarang kita sendiri akan membuatnya.

1. Masuk ke googe search
2. Pilih Create a custom search engine

3. Isi data-data yang anda inginkan dengan benar

Search engine name: masukan nama yang anda suka. Search engine description: masukan gambaran umum blog anda (contoh: tips dan trik komputer). Search engine language: pilih bahasa yang anda suka. What do you want to search?: pilih Only sites I select.  Select some sites: masukan URL blog anda  Select an edition : pilih Standard edition - Free, ads are required on results pages.
4. Jika pengisian selesai, janga lupa centang I have read and agree to the Terms of Service.
   
   
   
   klik next. kemudian klik finish
5. Anda akan masuk ke persiapan pengaturan kotak pencarian, pilih control panel.

6. Disebelah kiri, pilih get kode

7. Anda akan menemukan sekumpulan kode, silahkan copy.
8. Masuk ke blogger.com dengan account anda, pilih rancangan (tata letak)

9. Masuk ke halaman edit laman
10. Buatlah sebuah widget dengan memilih tambah gadget.
    
    
    
11. Silahkan klik HTML/JavaScript.
    
    
    
12. Masukan judul terserah anda.
    
    
    
13. Masukan (paste) kode yang diberikan google tadi di area kode. 
14. Klik simpan
15. Selesai 

Itulah tips yang bisa congcot berikan hari ini. Masih banyak bentuk-bentuk kotak pencarian yang bisa anda dapatkan. Semoga bermanfaat

Intinya...
Kotak pencarian merupakan salah satu fasilitas penting dalam blog anda untuk memudahkan pengunjung dalam menjelajahi berbagai posting buatan anda. Buatlah kotak pencarian yang bagus dan menarik. Dan salah satu caranya adalah seperti yang dijelaskan diatas.

Hari Rabu, 23 Juni 2010 dengan 43 Koment

Read More...

Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.

Solusi Membuat Atau Mengubah Favicon Blog Anda di Blogger

 Sudah tahu apa itu favicon?
Mengenai apa itu Favicon...
Favicon adalah icon yang terlihat di address bar ketika kita mengunjungi suatu blog atau website.
Mungkin anda sering melihat tutorial tentang cara pembuatan favicon, tapi gagal dalam penerapannya.
Nah, disini kita akan kupas tuntas tentang cara pembuatannya.
Tidak terlalu sulit kok, hanya perlu ketelitian yang cukup matang aja.
 Jika kita membuat blog dari blogger.com, maka otomatis favicon kita akan seperti gambar dibawah ini

Favicon blogger itu sebenarnya bisa diganti dengan gambar kita sendiri.
Bagaimana?
Apakah mau membuatnya?
Oke kita mulai.

Persiapan...
Anda harus mempunyai gambar di Internet caranya:

• Buatlah gambar favicon yang anda suka (bisa menggunakan program desain grafis, misalkan adobe, corel draw dan lain-lain)
• Buatlah gambar yang kecil (jangan terlalu besar, karena hanya akan memperlambat loading blog anda
• Upload gambar yang telah anda buat (bisa menggunakan picasaweb.google.com, www.tinypic.com dan lain-lain
•  Setelah Upload, cari lokasi URL gambar tersebut (nantinya akan dimasukan kedalam kode) 

Setelah upload gambar selesai, berarti anda sudah mempunyai gambar di Interne. Ingat-ingatlokasi gambar tersebut.

Cara Pertama...
Cara termudah dan ini merupakan script yang saya lakukan.

1. Masuk ke www.blogger.com
2. Pilih Rancangan

3. Klik Edit HTML

4. Cari kode <b:skin> (untuk memudahkan tekan CTRL+F)
5. Masukan Script dibawah ini tepat diatas kode <b:skin>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTZOo4ETiOKUoUU2Z8r_1CGI-dJVbSPluJJeT_MHrrNZj95KjnbV6ECDjdBSZXXqUREyu4ojsvBf8NRiZ9NjY01oHNnTNjvDS9Ogm2RxbORcEqMDtOORAiuHAkFIj_y0SCccJMuAPgOZw/' rel='shortcut icon' type='image/x-icon'/>
6. Ganti tulisan yang berwarna merah dengan url gambar anda
7. Simpan Template
8. Selesai...

Cara Kedua...

1. Masuk ke www.blogger.com
2. Pilih Rancangan
3. Klik Edit HTML
4.  Cari kode <head> (untuk memudahkan tekan CTRL+F)
5. Masukan Kode dibawah ini tepat dibawah kode <head>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTZOo4ETiOKUoUU2Z8r_1CGI-dJVbSPluJJeT_MHrrNZj95KjnbV6ECDjdBSZXXqUREyu4ojsvBf8NRiZ9NjY01oHNnTNjvDS9Ogm2RxbORcEqMDtOORAiuHAkFIj_y0SCccJMuAPgOZw/' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
6. Ganti tulisan yang berwarna merah dengan url gambar anda
7. Simpan Template
8. Selesai...

Cara Ketiga...

1. Masuk ke www.blogger.com
2. Pilih Rancangan
3. Klik Edit HTML
4.  Cari kode <b:include data='blog' name='all-head-content'/> (untuk memudahkan tekan CTRL+F)
5. Masukan Kode dibawah ini tepat dibawah kode <b:include data='blog' name='all-head-content'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTZOo4ETiOKUoUU2Z8r_1CGI-dJVbSPluJJeT_MHrrNZj95KjnbV6ECDjdBSZXXqUREyu4ojsvBf8NRiZ9NjY01oHNnTNjvDS9Ogm2RxbORcEqMDtOORAiuHAkFIj_y0SCccJMuAPgOZw/' rel='shortcut icon'/> <link rel="icon" href="favicon2.gif" type="image/gif" />
6. Ganti tulisan yang berwarna merah dengan url gambar anda
7.  Ganti juga favicon2.gif jika anda mau melakukannya
   
8. Simpan Template
9. Selesai...

Sekian ilmu yang saya berikan kali  ini, semoga  bermanfaat untuk semuanya.

Intinya...
Favicon adalah sebagian tampilan anda. Walaupun tampilannya kecil, tapi alangkah puasnya hati kita jika menggunakan gambar sendiri. Gunakanlah trik ini untuk mempercantik blog anda dan untuk menambah wawasan dalam dunia blogging.

Hari Senin, 21 Juni 2010 dengan 44 Koment

Read More...

Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.

Optimalkan Luas Blog Dengan Menyembunyikan Widget (Hide/Show)

Tips kali ini saya akan share tentang optimalis luas pada blog.
Blog merupakan salah satu tempat kita yang akan dikunjungi oleh blogger (netter) lain. Mereka akan sangat senang jika pemandangan blog kita bagus. Salah satunya adalah dengan menyembunyikan widget baik isinya berupa iklan, obrolan, menu, link, dan yang lainnya.
Menyembunyikan widget ini sangat berguna, apalagi untuk wiget yang isinya membuat loading blog kita lambat. Blog kita akan tetap muncul ketika mesin membaca widget yang kita sembunyikan.
Langsung saja kita akan membuatnya.

1. Masuk ke blogger dengan account anda, pilih rancangan (tata letak)

2. Masuk ke halaman edit laman
3. Buatlah sebuah widget dengan memilih tambah gadget atau anda juga dapat edit widget yang sudah ada

4. Jika memilih tambah gadget, maka akan ada banyak pilihan, silahkan klik HTML/JavaScript.

5. Masukan judul terserah anda.

6. Copy kode dibawah ini, dan paste di area kode.
<div style="text-align: center;"><div class="button-spoiler"><input value="klik disini untuk ngobrol" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Sembunyikan&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tampak&#39;; }" type="button" /></div><div class="spoiler"><div style="display: none;"><div style="text-align:center; font-size: small;"><br />Masukan kode gadget anda disini<br /></div></div></div></div>
catatan: ganti huruf yang bercetak tebal dengan kata-kata yang anda suka
7. Klik Simpan
8. Selesai.
Contoh tampilan dengan kata-kata saya: 

 klik disini untuk ngobrol

 Sembunyikan

Tampak

Intinya...

Optimalkan blog anda, untuk menarik pengunjung, baik dari segi penampilan, kecepatan, isi posting, dan lain sebagainya. banyak pengunjung adalah idaman setiap blogger. Mudah-mudahan kode ini berguna untuk semuanya dan menjadikan daya tarik tersendiri untuk blog anda.

Hari Sabtu, 19 Juni 2010 dengan 34 Koment

Read More...

Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.

Design: Membuat Huruf Header Unik Tanpa File Gambar

Bebagi ilmu memang sangat menyenangkan, apalagi itu merupakan sebuah hoby tersendiri bagi saya. Banyak sebenarnya kode-kode yang belum saya pahami dalam pembuatan blog ini, tapi sedikit demi sedikit kekurangan ini pasti akan tertutupi mengingat saya sangatt senang dengan yang namanya dunia blogging. Kali ini saya akan berbagi ilmu berupa kode CS3 tentang pembuatan tulisan header yang sangat menarik untuk dilihat. Tapi itu juga tergantung selera kalian. Karena tiap orang mempunyai pilihan warna yang berbeda-beda. Termasuk saya yang sangat suka dengan warna hijau. Seperti pada blog ini.

Coba anda perhatikan pinggiran tulisan CongCot. itu bisa disebut outer Glow atau outer Shadow yang cara pembuatannya tentu membutuhkan sebuah program desainer seperti corel draw atau adobe photoshop. Tapi dengan pembuatan menggunakan program tadi, hanya akan menghasilkan sebuah file gambar, baik format .jpg, .gif, .png, dll.
Disinilah saya akan memberikan sedikit tips bagaimana membuat tulisan header seperti diatas (menurut saya itu sangat bagus), tapi tanpa menggunakan file gambar.
Kita mulai sekarang.

1. Pastikan Anda tahu tulisan header blog diatur di #header h1 {...} (supaya tidak ada kegagalan.
2. Silahkan masuk ke edit HTML.
3. Cari kode #header h1 {
4. Tambahkan kode
   
   text-shadow:0 2px 4px #fff, 0 -5px 4px #ff3,-2px -9px 9px #f80, 2px -9px 9px #f20;
   tepat didalam {}.
5. klik simpan template.
6. Selesai.

Catatan:
Gantilah warna sesuka anda dengan merubah huruf kode yang berwarna merah. (Untuk kode warna silahkan lihat: Kode warna !).
Untuk merubah ukuran font, gantilah font: $pagetitlefont; (kode ini ada didalam {} pada #header h1) dengan kode font: 77px Arial;. Gantilah angka berwarna biru dengan ukuran font yang anda inginkan.
Kode ini menggunakan CSS3, mungkin masih ada program penyedia browsing yang belum support dengan CSS3. Jadi jika tidak support dengan CSS3, maka kode ini tidak akan berpengaruh.

Intinya...
Penampilan blog juga merupakan salah satu faktor penting dalam menarik pengunjung. Gunakanlah kode ini untuk memberikan penampilan yang menarik. Dan jika sukses, maka bersyukurlah anda, karena bisa membuat penampilan menarik tanpa file gambar.

Hari Rabu, 16 Juni 2010 dengan 28 Koment

Read More...

Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.