Membuat Daftar Isi Berdasarkan Kategori / Label

Pernah baca buku? Klo blum, ayas bisa pastikan kmu belum bisa baca. Y kanss??? Nah, buat yang sering (paling g pernah) baca buku, pasti g asing lagi dengan yang namanya 'Daftar Isi'. Daftar isi memuat semua judul yang ada di buku.

Bagimana jika Daftar Isi ada di Blog?? Yang pasti, pengunjung akan lebih mudah dan cepat tau, apa j isi blogmu, dan lebih cepat juga mengaksesnya, karena cukup meng-klik judul atau kategori yang diinginkan.


Sebagai contoh, yang ada diblog ayas ni. Ada Daftar Isinya kan? kalo mw baca salah satu, tinggal klik j. Bagaimana caranya? Bukan suatu yang sulit...

Pertama, setelah selesai memposting, perhatikan kiri bawah kotak postingan:


Nah, itu adalah kotak untuk mengisikan kategori Postingan mu, atau judul postingan. Nantinya, apa yang kita tuliskan disitu akan muncul pada daftar isi. Bisa disikan dengan lbih dari 1 kategori untuk sebuah postingan. Misalnya, postingan mu termasuk dalam kategori 'Olah Raga', tapi juga bisa dikategorikan 'Pengalamanku'.

Setelah selesai menuliskan Kategori, Publikasikan Posting seperti biasa.

Langkah selanjutnya, menuju pada menu 'Tata Letak'. Pilih tambah Gadget. Akan ada beberapa Gadget. Pilih yang tambah label.


Setelah terpilih, beri nama daftar isi. Misalnya 'Daftar Isi' atau 'lihat disini....' dsb. Selanjutnya ada 2 opsi untk label kmu, yaitu apakah akan di urutkan secara Alphabetic, atau berdasarkan jumlah postingan pada label (kategori) yang sama. Dibawahnya akan ada preview, label/judul apa saja yang akan muncul.

mudah kan??

Read more >>

read more...

Widget Blog Statistic

Widget ini berguna untuk memperlihatkan jumlah postingan dan coment yang ada di blog kita.
Screenshotnya :

Caranya mudah..

Tambah element->> javascript ->> paste script dibawah ini :

<script style="text/javascript">function numposts(json) { document.write('Total Posts :' + json.feed.openSearch$totalResults.$t + '<br>'); }function numcomments(json) { document.write('Total Comments :' + json.feed.openSearch$totalResults.$t + '<br>'); }</script>

<script src="http://tips-trik-bloging.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numposts"></script>

<script src="http://tips-trik-bloging.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numcomments"></script>

<a href='http://www.bloggerplugins.org'><img alt="Blogger Widgets" style="border: 0" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://tips-trik-bloging.blogspot.com'><img style="border: 0" alt="Blog statistics Widget For Blogger" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>

Mudah kan?!

Read more >>

read more...

Trik Membuat Hasil Pencarian Google Search Tampil di Halaman Posting

Jika Kita memasang "Google Adsense for Search" atau search engine dari google adsense, maka ada tiga macam cara untuk menampilkan hasil pencariannya, yaitu:
1. Open results on Google in the same window (ditampilkan di halaman yang sama)
2. Open results on Google in a new window (ditampilkan dihalaman yang baru)
3. Open results within my own site (ditampilkan di site yang kita kehendaki).

Yang paling mudah adalah memakai cara yang pertama dan kedua, tapi cara ini membuat pungunjung yg melakukan pencarian kurang begitu antusias karena hasil pencariannya tidak lagi berada di blog kita. Kalo menurutku cara yg ketiga yang paling bagus, karena hasil pencariannya akan langsung berada di dalam web/blog kita. Ttapi cara ini membutuhkan beberapa trik agar bisa tampil di dalam postingan blogger. Yang pengen tahu beginilah caranya :

1. Buat postingan di blogger, tapi isinya kosong. trus dikasih judul.
2. Ganti tanggal postingnya ke tanggal yg lebih lama biar tidak muncul di halaman utama. caranya klik link "Post Option" (kiri bawah) kemdian yang didalam kotak "Post date and time" itu tanggalnya diganti. kalo sudah "Publish Post"
3. Masuk di "edit post" trus klik kanan link "View" pada judul postingan kosong yang km buat tadi, trus pilih "Copy link location" (bagi yg pake opera). Intinya yaitu mengambil link dari judul postingan kosongmu tadi.
3. Selanjutnya yaitu Login di google adsense, trus buat "Adsense for search".
5. lakukan beberapa settingnya, seperti memlih tampilan dan lain2.
6. Kemudian saat masuk ke pilihan "Opening of search results page" pilih yang"Open results within my own site", trus isikan link postinganmu tadi kedalam kotak dibawahnya.
7. Lalu didalam kotak "Enter width of results area:" ganti menjadi angka yg lebih kecil supaya muat di dalam bagian utama (postingan) blogmu. Minimal 500 px.
8. Ikuti terus langkah berikutnya sampai km nanti dikasih script dari google. Biasanya akan ada dua script, yang pertama untuk Foor Search Enginenya, yang kedua untuk hasil pencariannya.
9. Copy script yg pertama dan taruh di blogger, "Page element-->Add page element -->Html/Javascript".
10. Script yang kedua juga sama, copy ke "Page element-->Add page element -->Html/Javascript", tapi kemudian geser/taruh pagelement script yang kedua tadi, ke bawah dari element utama/postingan. (mudeng gak ya).
11. Kalo sudah trus simpan dan coba deh....

Read more >>

read more...

Membuat Email Dengan Domain Sendiri (nama@domainmu.com)

Tentunya kita pingin dong punya email dengan nama domain kita sendiri, misal namamu@domainmu.com. Nha sekarang ini google menyediakan fasilitas untuk membuat email seperti itu dengan cara yang lumayan mudah. Tapi sayangnya saat ini fasilitas tersebut belum bisa digunakan untuk blog yg masih menggunakan domainblabla.blogspot.com. Fasilitas ini hanya untuk yang memiliki domain sendiri, misal domainmu.com , .net. .org . dan top level doamin lainnya. Makanya itu bagi yang pengen, cepetan beli domain, aku sarankan beli di dodoldomain.com, murah lho (promosi...he..he..). Trus yang pake domain "co.cc" bisa gak? aku bilang "bisa", tapi sekarang aku pingin bahas yang pake domain .com/.net/.org, dlldulu. bagi yang punya domain "co.cc" sabar dulu ya.
Ok mari kita mulai tutorialnya bagaimana cara membuat email sendiri.

1. Buka alamat ini : http://www.google.com/a/cpanel/domain/new
2. maka km akan langsung disuguhi form seperti ini:




3. Isikan nama domain kamu didalam form tersebut lalu klik tombol"Get Started"
4. Kemudian akan muncul fomr lagi untuk mengisikan data-data yang diperlukan, Kalo sudah diisi klik "Continue"
5. Setelah itu akan muncul menu2 seperti ini :



6. Klik pada link "Activate email".
7. Setelah itu akan muncul lagi halaman untuk "Setup Email Delivery" , itu untuk setting MX Record. Caranya yaitu dengan mengisikan MX Record km dengan data2 yang ada disana. Datanya seperti ini :

MX Server address	Priority
ASPMX.L.GOOGLE.COM.	10
ALT1.ASPMX.L.GOOGLE.COM.	20
ALT2.ASPMX.L.GOOGLE.COM.	20
ASPMX2.GOOGLEMAIL.COM.	30
ASPMX3.GOOGLEMAIL.COM.	30
ASPMX4.GOOGLEMAIL.COM.	30
ASPMX5.GOOGLEMAIL.COM.	30

Bagi yang menggunakan DNS setting dari DNS park caranya yaitu : Klik domain kamu yg berada di "Domain list". Setelah itu pilihan"Type" pilih yg "MX". Pada kolom "Mail Domain" kosongi saja kolom tersebut. Pada kolom "Order" isikan data2 "Priority" diatas. Trus pada kolom "mail server" isikan dengan data "MX Server Address" diatas kemudian klik tombol "Update All". begitu terus sampai data diatas dimasukkan semua.

Bagi yang menggunakan DNS setting dari dodoldomain.com caranya : masuk ke menu "Domain-->LIst last 10", trus klik link "Managed DNS", kemudian klik tombol Manage DNS Record. Setelah itu klik tombol "MX Records" trus klik tombol "Add MX Record". Untuk kolom "Value" pilih yg bawah (yg "Type In A Fully Qualified Domain Name eg. abc.pqr.com.') . isikan data "MX Server address" di kolom tersebut. kemudian isikan data "Priority" dikolom "MX Priority". begitu terus sampai selesai semua data dimasukkan.
8. kalo sudah selesai klik tombol " I have completed these steps". Maka akan muncul page seperti ini lagi.



9. Sebenarnya sampai disini sudah bisa selesai, tp untuk membuka email km, km harus mengetikkan alamt URL seperti ini "http://mail.google.com/a/domainmu.com" . Nha klao misalnya km pingin menggantinya menjadi seperti : "http://mail.domainmu.com" maka ikuti lagi langkah berikut ini.

10. Klik link "Email" maka akan muncul halaman "Email setting"
11. Trus klik link "Change URL" , kemudian akan muncul halaman untuk "Change URL for email".
12. PIlih yg "custom" trus klik tombol "Continue".
13. Setelah itu km setting dulu DNS km, Tambahkan "CNAME Records" dan isikan "mail" di kolom "Hostname" dan isikan "ghs.google.com" dikolom http://naldoton.blogspot.com"Value"
14. Setelah itu klik tombol "I have complete these step" 

Nha sekarang km sudah bisa memiliki email dengan nama doamin blogmu sendiri. Untuk setting2 lainnya pelajari sendiri ya.

Read more >>

read more...

Kode Warna Untuk Template Blog

Suka mengganti warna blog Anda? Gunakan kode warna untuk template blog berikut ini. Pas baru belajar membuat blog, banyak perintah kode warna yang belum saya mengerti. Apalagi saya suka blog dengan kombinasi warna yang sangat padu dan serasi. Warna-warna ini membuat blog semakin cantik dan menarik. Kalau anda masih suka mengganti template, maka tidak ada salahnya untuk mencoba kode warna ini. Banyak situs yang menyediakan free color code, namun saya sengaja membuat posting ini untuk kemudahan akses mengganti warna blog jika nanti diperlukan.

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000
#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000
#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#996633	#996600
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000
#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000
#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
#3366FF	#3366CC	#336699	#336666	#336633	#336600
#3333FF	#3333CC	#333399	#333366	#333333	#333300
#3300FF	#3300CC	#330099	#330066	#330033	#330000
#00FFFF	#00FFCC	#00FF99	#00FF66	#00FF33	#00FF00
#00CCFF	#00CCCC	#00CC99	#00CC66	#00CC33	#00CC00
#0099FF	#0099CC	#009999	#009966	#009933	#009900
#0066FF	#0066CC	#006699	#006666	#006633	#006600
#0033FF	#0033CC	#003399	#003366	#003333	#003300
#0000FF	#0000CC	#000099	#000066	#000033	#000000

Cara menggunakannya cukup mudah. Klik warna yang akan dipilh pada tabel, kemudian akan keluar kode warna yang anda pilih di kotak bawah. Copy kode warna tersebut dan paste di mana anda akan menggunakannya. Bagaimana, sangat mudah bukan. Silahkan ganti kode warna template blog anda dengan color code ini.

Read more >>

read more...

Menghilangkan Icon QuickEdit (Tang dan Obeng)

Pernahkan anda merasa terganggu oleh iconquick edit yang berada di sudut-sudut elemen blog anda. Icon quick edit bergambar tang dan obeng ini akan muncul ketika selesai mengedit dan melihat hasilnya. Quick edit blogger ini tentu saja ada fungsinya, yaitu sebagai icon untuk mengedit secara cepat. Jadi jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan bisa langsung mengeditnya. Icon tersebut sebenarnya hanya bisa dilihat apabila kita sedang login ke blogger saja. Namun dalam beberapa kesempatan, saya sering mendapati blog yang masih ada icon quick edit-nya. Kesimpulannya adalah, icon quick edit bergambar tang dan obeng juga bisa dilihat pengunjung pada blog yang dikunjunginya.

Nah, karena saya merasa terganggu dengan icon bergambar tang dan obeng ini, akhirnya saya buat postingan ini. Barangkali ada teman-teman yang bernasib sama dengan saya. Sekarang, apakah mungkin untuk menghapus icon qick edit ini? Kalau ditanya mungkin, maka jawabannya tentu saja mungkin. Lalu bagaimana caranya? Caranya adalah dengan menambahkan perintah dengan kode CSS pada template blog agar icon tidak muncul lagi.

Kode CSS untuk menghilangkan icon quick edit :
.quickedit{
display:none;
}

Bagaimana, sangat mudah bukan. Nah, kalau masih bingung silahkan ikuti langkah berikut ini :

1. Login ke blogger dengan id anda
2. Tuju Tata Letak
3. Pada tab menu klik Edit HTML
4. Cari kode ]]>
5. Letakkan kode berikut di atas kode tadi :
   .quickedit{
   display:none;
   }
6. Klik SIMPAN TEMPLATE
7. Selesai

Sekarang coba lihat blog anda. Icon quick edit bergambar tang dan obeng sudah tidak ada lagi.

Read more >>

read more...

Mengganti Tanggal Dengan Icon Kalender

Tanggal posting default blogger berupa angka bisa dimodifikasi. Posting kali ini adalah bagaimana kita akan mengganti tanggal dengan icon kalender. Kalau anda bosan dengan format default penanggalan dari blogger, mungkin ini adalah jawaban yang akan membuat anda senang dan dijamin posting akan semakin ceria dan lebih modis. Caranya dengan penambahan kode CSS pada blog.page title template blog anda.

Untuk pengerjaannya, dapat dibagi dalam dua garis besar seperti berikut ini.

Pertama :mengganti format penanggalan.

1. Login ke blogger dengan id anda
2. Tuju Pengaturan
3. Pada tab menu pilih Format
4. Alihkan pandangan ke Format Header Tanggal
5. Ganti dengan format mm/dd/yyyy contoh: 10-12-2009
6. kemudian klik SIMPAN SETELAN

Kedua :menambahkan kode CSS pada template

1. Tuju Tata Letak
2. Klik Edit HTML
3. Centang kotak kecil Expand Template Widget
4. Backup template klik Download Template Lengkap
5. Cari kode ini : <title><data:blog.pageTitle/></title>
   
6. Copy dan paste kode berikut di bawah kode tadi :
   

   <SCRIPT type='text/javascript'>

   //<![CDATA[

   function date_replace(date) {

   var da = date.split('.');

   var day = da[1], mon = da[0], year = da[2];

   var month =

   ;">['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];

   document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");

   }

   //]]>

   </SCRIPT>

7. Sekarang cari lagi kode ini :
   h2.date-header {
   ...
   dan seterusnya
   ...
   }
8. Copy dan paste kode berikut di bawah kode tadi :
   

   .dateblock {
   background: url("http://i37.tinypic.com/4kblzq.jpg")
   no-repeat;
   width: 55px;
   margin: 0;
   font-weight: bold;
   height: 50px;
   /*position: absolute;
   top: 0;
   left: 0;*/
   float: left;
   text-align: center;
   }
   
   .month {
   font-size: 11px;
   width: 34px;
   margin-top:4px;
   margin-bottom:3px;
   margin-left:5px;
   margin-right:5px;
   text-transform: uppercase;
   color: #fff;
   }
   
   .day {
   color:#3366CC;
   font-size: 19px;
   width: 37px;
   margin: 0 5px;
   }

9. Kemudian cari kode ini : 
10. <span class='date-header'&gt;<data:post.dateHeader/></span>
11. Hapus dan ganti kode warna merah dengan kode berikut :
    

    
    

    
    <DIV class='dateblock'>
    <SCRIPT>date_replace('<data:post.dateHeader/>');
    </SCRIPT></DIV>
    
    

12. Klik SIMPAN TEMPLATE
13. Selesai

tampilan kalendernya 

    edikit petunjuk :

• Icon kalender : http://i37.tinypic.com/4kblzq.jpg berwarna hijau dapat anda ganti dengan pilihan icon kalender berikut :

  biru http://i37.tinypic.com/bi8380.jpg
  cyan http://i37.tinypic.com/9gey5j.jpg
  hitam http://i38.tinypic.com/2h68xms.jpg
  kuning http://i33.tinypic.com/28k7e42.jpg
  merah http://i38.tinypic.com/2mesjmc.jpg
  orange http://i36.tinypic.com/2qau0pz.jpg
  pink http://i36.tinypic.com/2r7ub9g.jpg
  ungu http://i36.tinypic.com/am6rso.jpg

• Warna teks bulan dan teks hari ditunjukkan pada kode #fff dan #3366CC silahkan diganti
• Silahkan ganti ukuran dan posisi icon kalender dengan melihat kode width margin dan seterusnya
• Ganti ukuran huruf di font-size
• Dan seterusnya

Nanti kalau sudah jadi, icon kalender ini hanya ditampilkan pada posting terbaru di hari anda memposting artikel. Oke biar gampang, saya kasih contoh. Misalnya anda memposting 4 artikel dalam satu hari. Maka icon kalender hanya akan muncul di posting yang ke empat. Artinya icon kalender hanya muncul satu kali setiap ada posting di hari yang berbeda. Mudah-mudahan tidak ada masalah yang berarti dan semoga bermanfaat.

Read more >>

read more...