My Blog is My Mind

Friday, March 30, 2012

Hanya Menampilkan Judul Posting Saja

Friday, March 30, 2012 Seputar Blog No comments

Ketika dalam proses melakukan uji coba blog, iseng-iseng menlakukan pencarian dengan queri sesuai dengan label yang dimiliki oleh blog. Tik tik tik tik kemudian tekan tombol enter dan hasil dari queri yang dimasukan pun muncul/tampil, melihat loading dari blog yang memunculkan judul posting beserta sebagian isinya (karena blog memakai auto readmore) cukup lama dan bagi yang memiliki koneksi internet terbatas itu merupakan pekerjaan melelahkan (menunggu loading blog) terlebih jika yang perlu ditampilkan terlalu banyak. Ketika itu muncul ide "bagaimana jika yang muncul itu cuma judul postingnya saja? gimana caranya?" akhirnya penulis googling dan mendapatkan sekurang-kurangnya 2 cara yaitu :

Cara Pertama
Langkah-langkahnya adalah sebagai berikut:

Login ke Blogger dengan akun blog yang kita miliki.
Pilih Rancangan/Design kemudian pilih Edit HTML, sebelum melakukan perubahan ada baiknya kita melakukan backup template blog dengan mendownload template sebelum dilakukan perubahan. Ceklist pada bagian Expand Widget Templates
Cari kode <b:include data='post' name='post'/>, kemudian ganti kode tersebut dengan kode dibawah ini

Save Hasil perubahan kemudian lihat hasilnya.

Cara Kedua
Cara kedua ini penulis temukan pada postingan kang rohman (kolom tutorial), langsung aja Langkah-langkahnya adalah sebagai berikut:

Login ke Blogger dengan akun blog yang kita miliki.
Pilih Rancangan/Design kemudian pilih Edit HTML, sebelum melakukan perubahan ada baiknya kita melakukan backup template blog dengan mendownload template sebelum dilakukan perubahan. Ceklist pada bagian Expand Widget Templates
Sisipkan kode dibawah ini sebelum ]]></b:skin>

Save hasil perubahan kemudian lihat hasilnya.

Semoga Bermanfaat, selamat mencoba dan Good Luck ya...

Menambahkan Meta Tag pada Blog

Wednesday, March 28, 2012 Seputar Blog No comments

Meta Tag merupakan serangkaian kode yang berisi informasi mengenai web/blog kita. Pemasangan meta tag ini dimaksudkan agar blog yang kita buat tersebut SEO Friendly atau dengan kata lain mempunyai tempat dimata seach engine seperti (bah google, bang yahoo, ceu altavista, mas bing dan lain sebainya). Namun sejauh ini penulis masih belum bisa merasakan dampak secara langsung dari penggunaan meta tag ini dalam artian penggunaan meta tag ini tidak serta merta membuat web/blog kita populer di mata search engine.

Meta tag ini diletakkan setelah kode <head> dan berdekatan dengan kode <title>, berikut adalah nama-nama meta tag yang sering penulis jumpai di beberapa blog.

<meta content='NAMA PENDESAIN BLOG' name='design by'/>
<meta content='1 days' name='revisit-after'/>
<meta content='global' name='distribution'/>
<meta content='general' name='document-classification'/>
<meta content='general' name='rating'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<meta content='URL BLOG ANDA' name='Identifier-URL'/>
<meta content='text/html; charset=utf-8; charset=iso-8859-1' http-equiv='Content-Type'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='NAMA AUTHOR' name='author'/>
<meta content='ID' name='geo.country'/>
<meta content='global' name='distribution'/>
<meta content='NAMA COPYRIGHT' name='copyright'/>
<meta content='Indonesia' name='geo.placename'/>

<META content='3cc8d30f77741702' name='y_key'/>
<meta content='SjLyGF2V0CPrV1AnabtoEBg9WRBrVyfpctnsbJvvieU' name='google-site-verification'/>

Khusus untuk 2 meta tag terakhir diatas merupakan kode validati/verifikasi situs blog/web kita oleh yahoo.com dan google.com.
Semoga Bermanfaat, selamat mencoba dan Good Luck ya...

Membuat Sitemap Blog

Monday, March 26, 2012 Seputar Blog No comments

Sitemap atau yang jika diterjemahkan ke bahasa indonesia adalah peta situs merupakan rangkaian tautan yang terdapat di dalam web/blog kita, bahasa awamnya penulis menyebut dengan nama daftar isi blog. Daftar isi ini mengindeks dan menautkan semua artikel dalam postingan di dalam blog kita. darai awal posting hingga akhir melakukan posting, ada beberapa tipe dari sitemap ini, diantaranya adalah sebagai berikut:

Sitemap jenis pertama
Langkah untuk membuat sitemap jenis ini adalah sebagai berikut:

Login ke Blogger dengan akun blog yang kita miliki.
Tambah posting atau buat laman baru dan beri judul Sitemap (atau yang lain sesuai selera anda).
Pada Edit Entry atau Edit Page/laman, Sisipkan kode dbawah ini:

Setelah semuanya selesai save entry/laman, kemudian lihat hasilnya.

Sitemap jenis kedua
Langkah untuk membuat sitemap jenis ini adalah sebagai berikut:

Login ke Blogger dengan akun blog yang kita miliki.
Tambah posting atau buat laman baru dan beri judul Sitemap (atau yang lain sesuai selera anda).
Pada Edit Entry atau Edit Page/laman, Sisipkan kode dbawah ini:

Setelah semuanya selesai save entry/laman, kemudian lihat hasilnya.

Semoga Bermanfaat, selamat mencoba dan Good Luck ya...

Membuat Breadcrumbs (Navigasi seperti di Joomla)

Saturday, March 24, 2012 Seputar Blog No comments

Breadcrumb adalah sebaris tautan internal pada bagian atas atau bawah laman yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke laman dasar dengan cepat.

Breadcrumbs adalah navigasi pengarah yang melakukan tautan ke parent directory dari letak artikel yang sedang ditampilkan. Pada Blogger, parent directory dimodifikasi menjadi nama label dari artikel/potingan yang sedang ditampilkan.

Langsung saja langkah-langkah untuk membuat breadcrumbs adalah:

Login ke Blogger dengan akun blog yang kita miliki.
Pilih Rancangan/Design kemudian pilih Edit HTML, sebelum melakukan perubahan ada baiknya kita melakukan backup template blog dengan mendownload template sebelum dilakukan perubahan. Ceklist pada bagian Expand Widget Templates
Copy paste kode css di bawah tepat di atas kode ]]></b:skin>

Cari kode ini <div class='post hentry uncustomized-post-template'> atau <b:includable id='post' var='post'> dan copy paste kode di bawah ini tepat di bawah kode tadi.

Save hasil perubahan kemudian lihat hasilnya.

Semoga Bermanfaat, selamat mencoba dan Good Luck ya...

Membuat Posting terkait (Related Posts)

Thursday, March 22, 2012 Seputar Blog No comments

Related Post (artikel terkait) adalah suatu fitur tambahan untuk menampilkan artikel terkait/berhubungan dengan posting tertentu yang masih dalam satu label post, sehingga dapat memudahkan pembaca melakukan navigasi ke artikel yang sesuai atau memilik tema yang sama dengan artikel yang sedang ditampilkan. Related Post merupakan widget/fitur dari pihak ke tiga dan tidak tersedia pada blog klasik. Banyak jenis dan tipe related post yang digunakan oleh para blogger namun pada blog ini penulis menggunakan related post yang sederhana dan tidak begitu banyak menggunakan javascript.

Langkah-langkah untuk memasang related post di blog:

Login ke Blogger dengan akun blog yang kita miliki.
Pilih Rancangan/Design kemudian pilih Edit HTML, sebelum melakukan perubahan ada baiknya kita melakukan backup template blog dengan mendownload template sebelum dilakukan perubahan. Ceklist pada bagian Expand Widget Templates
Letakan script dibawah ini sebelum diantara ]]></b:skin> dan </head>

<!--Related Posts Scripts and Styles Start-->
<b:if cond="data:blog.pageType == "item"">
<style type="text/css">
#related-posts { float : left; width : 460px; margin-top:20px; margin-left : 0; margin-bottom:20px; font-family:Arial, Helvetica, Sans-serif;font-size:12px; margin-bottom:10px; } 
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding-left : 0px; } 
#related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 0 0px 0; padding : 0 0 0px; } 
#related-posts a { text-decoration : none; } 
#related-posts a:hover { text-decoration : none; } 
#related-posts ul { border : medium none; margin : 10px; padding : 0; } 
#related-posts ul li { display : block; background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHmD3Fnc1GBBupmvxnNLiwlc_TdyL9cMG3KEthnQeDIlmB4XKwo7Kl10Xi4bMpEKdWZKU_E_uXOBH5bJdVxiK3RD5nvRlQLqYkj-C1Mg5IsQV0-01I83JyNpyxwKiblz46_MhzNhvBdaI/s0/widget-list.png) no-repeat 5px 6px; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height :1.6em; border-bottom:1px dotted #cccccc; } 
</style>

<script type="text/javascript">
var relatedpoststitle="Related Posts:";
</script>
<script src="https://sites.google.com/site/sdnegeritanjungsari2/file/related-posts-for-blogger.js" type="text/javascript">
</b:if>
<!--Related Posts Scripts and Styles End-->

Cari <div class='post-footer-line post-footer-line-1'> atau <data:post.body/> dan copy-kan kode dibawah ini setelah code tadi.

Save hasil perubahan kemudian lihat hasilnya.

Semoga Bermanfaat, selamat mencoba dan Good Luck ya...

Images Magnifier untuk Blogger

Tuesday, March 20, 2012 Seputar Blog No comments

Pernahkah kita mengunjungi salah satu situs web/blog, di dalam situs itu terdapat sebuah gambar yang di-embedkan ke page dari situs tersebut, ketika kita mendekatkan pointer ke gambar itu dan tiba-tiba pointer dari kursor kita berubah menjadi bentuk semacam luv denan tanda + (plus) didalamnya. Dan ketika kita mengklik gambar tersebut aneh bin ajaib gambar tersebut menjadi besar seakan-akan keluar dari halaman tadi dan mendekat ke arah kita.

Ok, yang demikian itu adalah fitur yang dinamakan dengan Images Magnifier, script asli dari images magnifier ini dapat anda temukan di dynamicdrive.com. Setelah mengetahui tentang script tersebut timbul suatu pertanyaan bagaimana cara untuk menempatkan fitur tersebut di dalam blog kita. Langsung saja kebetulan penulis telah mencoba trik demikian, untuk melihat contoh dari script ini bisa dilihat di galeri photo penulis.

Adapun langkah untuk menempatkan script ini adalah sebagai berikut:

Login ke Blogger dengan akun blog yang kita miliki.
Tambah posting atau buat laman baru
Pada Edit Entry atau Edit Page/laman, Sisipkan kode dbawah ini:

Setelah semuanya selesai save entry/laman, kemudian lihat hasilnya.

Semoga Bermanfaat, selamat mencoba dan Good Luck ya...

Membuat Feed Reader Pikiran Rakyat

Sunday, March 18, 2012 Seputar Blog No comments

Feed adalah tajuk bacaan dari berita/perubahan dalam suatu situs, Feed ini biasanya berformat xml dan berisi judul yang merujuk ke halaman sumber bacaan tersebut dan akan melakukan update setiap kita meload feed tersebut. Pikiran Rakyat adalah perusahaan media massa cetak yang berkantor pusat di Jawa Barat tepatnya di daerah Bandung, Pikiran rakyat memuat berita dari berbagai kategori seperti seputar Bandung, Nasional, Internasional, Ekonomi, Pendidikan, Sosial, Budaya, Hukum dan lain sebagainya.

Daftar Feed Yang dimiliki Pikiran Rakyat Yaitu;
ALL
http://www.pikiran-rakyat.com/rss/feed.xml
TERPOPULER
http://www.pikiran-rakyat.com/popular/all/feed?mib=topik&id=4
BANDUNG RAYA
http://www.pikiran-rakyat.com/feed/bandung-raya
JAWA BARAT
http://www.pikiran-rakyat.com/feed/jawa-barat
NASIONAL
http://www.pikiran-rakyat.com/feed/nasional
EKONOMI
http://www.pikiran-rakyat.com/feed/ekonomi
POLITIK
http://www.pikiran-rakyat.com/feed/politik
OLAHRAGA
http://www.pikiran-rakyat.com/feed/olah-raga
HIBURAN
http://www.pikiran-rakyat.com/feed/hiburan
LUAR NEGERI
http://www.pikiran-rakyat.com/feed/luar-negeri
PEMILUKADA
http://www.pikiran-rakyat.com/feed/pemilukada
PENDIDIKAN
http://www.pikiran-rakyat.com/feed/pendidikan

Untuk mendapatkan update dan menampilkannya pada blog yaitu dengan menambahkan element Feed Reader kemudian isikan dengan alamat feed diatas sebagai contoh My Blog is My Mind menggunakan Feed RSS Pendidikan, klik lanjutkan kemudian klik save. Dan Terakhir lihat perubahan pada blog kita.

Menambahkan Tanggal dan Jam pada Blog

Friday, March 16, 2012 Seputar Blog No comments

Jam dan tanggal adalah salah satu unsur yang biasa terdapat dalam sebuah web, dan tidak dipungkiri pengguna blog khususnya blogger dapat menambahkan widget tersebut. Permasalahan yang muncul adalah blogger tidak menyediakan widget jam dan tanggal ini. Akan tetapi untuk mendapatkan widget ini kita dapat menggunakan jasa dari pihak ketiga (dengan menambahkan element berupa flash file) dan alternatif yang lain adalah menggunakan javascript.

Jenis jam dan tanggal yang digunakan pada blog ini adalah Tanggal Kejadian (Events Date) artinya di dalam javascript tersebut kita dapat menyisipkan tulisan, kalimat, atau kejadian yang terjadi pada hari tersebut.

Langsung saja, untuk memasang jam dan tanggal di blog langkah-langkahnya adalah sebagai berikut:

Login ke Blogger dengan akun blog yang kita miliki.
Klik Design, kemudian tambahkan element HTML/Javascript
Isikan Judul widget dan tambahkan kode berikut ini.

Kemudian klik save/simpan dan lihat hasilnya

Semoga Bermanfaat, selamat mencoba dan Good Luck ya...

Wise Words Kata Mutiara Tentang Pendidikan

Wednesday, March 14, 2012 Seputar Blog No comments

Wise Words, Kata Mutiara, Wishdom meupakan suatu ungkapan, kutipan, atau kalimat yang menggugah hati pembangkit semangat mengenai topik-topik tertentu yang diutarakan oleh seorang ahli dalam bidangnya. Dalam blog ini penulis melalukan modifikasi dari fitur tips of today dengan mengganti tip-tip harian dengan kata-kata mutiara dalam bidang pendidikan yang diungkapkan oleh para ahli dan filsuf.

Pada dasarnya Fitur ini berisi serangkaian code javascript yang melakukan cek tanggal sekarang dan mengembalikannya untuk memanggil kalimat yang ditempatkan pada array tanggal. Adapun langkah pembuatan wise words ini adalah sebagai berikut:

Login ke Blogger dengan akun blog yang kita miliki.
Klik Design, kemudian tambahkan element HTML/Javascript
Isikan Judul widget dan tambahkan kode berikut ini.

<script language="JavaScript">
<!-- Begin
var Tips = new Array();
Stamp = new Date();
today = Stamp.getDate();
Tips[1] = "Pendidikan bukanlah sesuatu yang diperoleh seseorang, Tapi pendidikan adalah sebuah proses seumur hidup <br/>(Gloria Steinem)";
Tips[2] = "Arah yang diberikan pendidikan Untuk mengawali hidup seseorang akan menentukan masa depannya <br/>(Plato)";
Tips[3] = "Seorang Guru Menggandeng tangan, Membuka pikiran Menyentuh hati, Membentuk masa depan Seorang Guru berpengaruh selamanya Dia tidak pernah tahu kapan pengaruhnya berakhir <br/>(Henry Adam)";
Tips[4] = "Salah satu tanda seorang pendidik yang hebat Adalah kemampuan memimpin murid-murid Menjelajahi tempat-tempat baru Yang bahkan belum pernah didatangi sang pendidik <br/>(Thomas Groome)";
Tips[5] = "Guru biasa memberitahukan Guru baik menjelaskan Guru ulung memeragakan Guru hebat mengilhami <br/>(William Arthur Ward)";
Tips[6] = "Kita tidak selalu bisa membangun masa depan bagi generasi muda Tapi kita bisa membangun generasi muda untuk masa depan. <br/>( Franklin D Roosevelt)";
Tips[7] = "Kita tidak bisa mengajari orang apapun Kita hanya bisa membantu mereka menemukannya di dalam diri mereka <br/>(Galileo Galilei)";
Tips[8] = "Mengajari anak-anak berhitung memang bagus, tapi yang terbaik adalah mengajari mereka apa yang perlu diperhitungkan <br/>(Bob Talbert)";
Tips[9] = "Seni mengajar dalah seni membantu penemuan <br/>(Mark Van Doren)";
Tips[10] = "Tujuan pendidikan adalah mempersiapkan generasi muda Untuk mendidik diri mereka sendiri seumur hidup mereka. <br/>(Robert Maynard Hutchins)";
Tips[11] = "Yang hebat didunia ini bukanlah tempat dimana kita berada Melainkan arah yang kita tuju <br/>(Oliver Wendell Holmes)";
Tips[12] = "Murid yang dipersenjatai dengan informasi Akan selalu memenangkan pertempuran <br/>(Meladee McCarty)";
Tips[13] = "Kebajikan atau pengetahuan saja takkan cukup sebagai modal menjadi Guru Anugrah mengajar adalah bakat yang khas dan melibatkan kebutuhan Serta hasrat dalam diri sang Guru sendiri. <br/>(John Jay Chapman)";
Tips[14] = "Salah satu tanda seorang pendidik yang hebat Adalah kemampuan memimpin murid-murid Menjelajahi tempat-tempat baru Yang bahkan belum pernah didatangi sang pendidik <br/>(Thomas Groome)";
Tips[15] = "Mengajar berarti belajar lagi <br/>(Oliver Wendell Holmes)";
Tips[16] = "Jika kau memberi tahu mereka Mereka hanya akan melihat gerakan bibirmu Jika kau menunjukan kepada mereka Mereka akan tergoda untuk melakukannya sendiri <br/>(Maria Montessori)";
Tips[17] = "Aku bukan seorang Guru tapi seorang pembangkit <br/>(Robert Frost)";
Tips[18] = "Tujuan mengajar adalah untuk membuat anak bisa maju tanpa Gurunya <br/>(Elbert Hubbard)";
Tips[19] = "Raihlah ilmu, dan untuk meraih ilmu belajarlah untuk tenang dan sabar. <br/> Khalifah 'Umar";
Tips[20] = "Ilmu pengetahuan tanpa agama adalah pincang. <br/> Einstein";
Tips[21] = "Tidak ada kebaikan ibadah yang tidak ada ilmunya dan tidak ada kebaikan ilmu yang tidak difahami dan tidak ada kebaikan bacaan kalau tidak ada perhatian untuknya. <br/>(Sayidina Ali Karamallahu Wajhah)";
Tips[22] = "Rahasia pendidikan adalah menghormati sang murid <br/>(Ralph Waldo Emerson)";
Tips[23] = "Salah satu tanda seorang pendidik yang hebat adalah kemampuan memimpin murid-murid menjelajahi tempat-tempat baru yang bahkan belum pernah didatangi sang pendidik <br/>(Thomas Groome)";
Tips[24] = "Apa yang ingin dipelajari murid sama pentingnya dengan apa yang ingin diajarkan Guru <br/>(Lois E.LeBar)";
Tips[25] = "Setiap murid bisa belajar, hanya saja tidak pada hari yang sama atau dengan cara yang sama <br/>(George Evans)";
Tips[26] = "Belajar tanpa berpikir tidak ada gunanya, sedangkan berpikir tanpa belajar adalah berbahaya.<br/>.........";
Tips[27] = "Belajarlah dari kesalahan orang lain. Anda tak dapat hidup cukup lama untuk melakukan semua kesalahan itu sendiri. <br/>(Martin Vanbee)";
Tips[28] = "Orang-orang yang sukses telah belajar membuat diri mereka melakukan hal yang harus dikerjakan ketika hal itu memang harus dikerjakan, entah mereka menyukainya atau tidak. <br/>(Aldus Huxley)";
Tips[29] = "Pendidikan bukan persiapan untuk hidup Pendidikan adalah hidup itu sendiri <br/>(John Dewey)";
Tips[30] = "Aku seorang Guru Guru adalah seorang pemimpin Tidak ada keajaiban dalam pekerjaanku Aku tidak berjalan di atas air Aku tidak membelah lautan Aku hanya mencintai anak-anak <br/>(Marva Collins)";
Tips[31] = "Kebajikan atau pengetahuan saja takkan cukup sebagai modal menjadi Guru Anugrah mengajar adalah bakat yang khas dan melibatkan kebutuhan Serta hasrat dalam diri sang Guru sendiri. <br/>(John Jay Chapman)";
function writeTip() {
document.write(Tips[today]);
}
// End -->
</script>

Kemudian klik save/simpan dan lihat hasilnya

Semoga Bermanfaat, selamat mencoba dan Good Luck ya...

Membuat Popular Posts

Monday, March 12, 2012 Seputar Blog No comments

Popular Post merupakan fitur terbaru yang dimiliki oleh blogger, fitur ini berisi daftar posting yang sering dikunjungi di antara artikel-artikel yang telah kita postingkan. Tidak dipungkiri hal ini juga dapat mensugesti pengunjung sehingga tertarik dan membanca artikel populer tersebut. Untuk membuat Popular Post, ikuti langkah berikut:

Login ke Blogger dengan akun blog yang kita miliki.
Tambahkan element Popular Post
Lakukan setting mengenai sebarapa banyak post yang akan ditampilkan dalam popular post tersebut dan setingan yang lainnya yang dirasa perlu untuk di set.
Kemudian klik save/simpan dan lihat hasilnya

Semoga Bermanfaat, selamat mencoba dan Good Luck ya..

Membuat Recent Comments

Saturday, March 10, 2012 Seputar Blog No comments

Recent Comments merupakan fitur tambahan yang fungsinya menampilkan update komentar yang baru saja ditambahkan ke blog kita. Recent comments ini berisi daftar nama siapa, jam berapa, komentar apa, dan pada artikel apa pengunjung meninggalkan komentar. Recent Comments dapat mengindikasikan seberapa populer blog kita dimata pengunjung yang ditandai dengan banyaknya pengunjung yang meninggalkan komentar di blog kita.

Untuk membuat Recent Comments, ikuti langkah berikut:

Login ke Blogger dengan akun blog yang kita miliki.
Klik Design, kemudian tambahkan element HTML/Javascript
Isikan Judul widget dan tambahkan kode berikut ini.

ade-kusnadi.blogspot.com

Kemudian klik save/simpan dan lihat hasilnya.

Semoga Bermanfaat, selamat mencoba dan Good Luck ya...

Calendar Archive untuk Blogger

Thursday, March 08, 2012 Seputar Blog No comments

Salah satu perbedaan antara blogger dan wordpress adalah di dalam wordpress terdapat sebuah widget kalender yang dapat mengindeks postingan di tiap tanggal kita melakukan posting, menampilkan archive bulanan, dan menampilkan tanggal dan bulan sekarang sedangkan blogger tidak memiliki fitur tersebut.

Salah satu dari revolusi tentang thread ini adalah di temukan oleh phydeauxredux yang melakukan modifikasi terhadap Blog Archive menjadi Calendar Archive, yang dapat melakukan indeks ke postingan berdasarkan tanggal yang ditampilkan layaknya sebuah kalendar. Akan tetapi kelemahan dari calendar archive ini adalah tidak dapat menampilkan tanggal sekarang dan tidak adanya keberlanjutan (kontinuitas) dari kalendar yang ditampilkan. Kalendar hanya menampilkan bulan dimana kita melakukan posting saja, selebihnya tidak dapat ditampilkan.

Terlepas dari kekurangan yang dimiliki oleh Calendar Archive, adanya calendar archive ini dapat mempercantik blog dan membantu melakukan navigasi ke postingan pada tanggal tertentu. Langkah-langkah pembuatan calendar archive ini adalah:

Login ke Blogger dengan akun blog yang kita miliki.
Pastikan blog anda telah memiliki blog archive atau jika belum tambahkan blog archive terlebih dahulu.
Pilih Rancangan/Design kemudian pilih Edit HTML, sebelum melakukan perubahan ada baiknya kita melakukan backup template blog dengan mendownload template sebelum dilakukan perubahan. Ceklist pada bagian Expand Widget Templates
Letakan kode css dibawah ini sebelum kode ]]></b:skin>

/* div that holds calendar */
#blogger_calendar { margin:5px 0 0 0;width:90%;}
/* Table Caption - Holds the Archive Select Menu */
#bcaption {border:1px solid #000;padding:2px;margin:10px 0 0;background:#9BD2DF;}
/* The Archive Select Menu */
#bcaption select {border:0px;background:#9BD2DF;color:#fff;font-weight:bold;}
/* The Heading Section */
table#bcalendar thead {background:#ddd;}
/* Head Entries */
table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px solid #000; font-family:Tahoma; font-weight:bold;color:#000;}
/* The calendar Table */
table#bcalendar {border:1px solid #000;border-top:0; margin:0px 0 0px;width:95%;background:#fff;}
/* The Cells in the Calendar */
table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px solid #000;color:#1F1FFF;}
/* Links in Calendar */
table#bcalendar tbody tr td a {font-weight:bold;color:#fff;}
table#bcalendar tbody tr td a:hover {font-weight:bold;color:#E6302D;}
/* First Row Empty Cells */
td.firstCell {}
/* Cells that have a day in them */
td.filledCell {}
/* Cells that are empty, after the first row */
td.emptyCell {}
/* Cells with a Link Entry in them */
td.highlightCell {background:#9BD2DF;border:1px outset #000}
/* Table Footer Navigation */
/* table#bcNavigation {display: none;} */
#calendarDisplay {display: none;}
table#bcNavigation {width:95%;background:#9BD2DF;border:1px solid #000;border-top:0;}
table#bcNavigation a {text-decoration:none;color:#fff;}
td#bcFootPrev {width:10px;}
td#bcFootAll{text-align:center;}
td#bcFootNext {width:10px;}
ul#calendarUl {margin:5px auto 0!important;}
ul#calendarUl li a{}

Letakan Script di bawah ini tepat diatas </head>

<!-- Blogger Archive Calendar -->
<script type='text/javascript'>
//<![CDATA[

var bcLoadingImage = "http://phydeauxredux.googlepages.com/loading-trans.gif";
var bcLoadingMessage = " Loading....";
var bcArchiveNavText = "View Archive";
var bcArchiveNavPrev = '◄';
var bcArchiveNavNext = '►';
var headDays = ["Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu"];
var headInitial = ["Su","Mo","Tu","We","Th","Fr","Sa"];

// Nothing to configure past this point ----------------------------------
var timeOffset;
var bcBlogID;
var calMonth;
var calDay = 1;
var calYear;
var startIndex;
var callmth;
var bcNav = new Array ();
var bcList = new Array ();

//Initialize Fill Array
var fill = ["","31","28","31","30","31","30","31","31","30","31","30","31"];
function openStatus(){
   document.getElementById('calLoadingStatus').style.display = 'block';
   document.getElementById('calendarDisplay').innerHTML = '';
  }
function closeStatus(){
   document.getElementById('calLoadingStatus').style.display = 'none';
  }
function bcLoadStatus(){
   cls = document.getElementById('calLoadingStatus');
   img = document.createElement('img');
   img.src = bcLoadingImage;
   img.style.verticalAlign = 'middle';
   cls.appendChild(img);
   txt = document.createTextNode(bcLoadingMessage);
   cls.appendChild(txt);
  }
function callArchive(mth,yr,nav){
// Check for Leap Years
  if (((yr % 4 == 0) && (yr % 100 != 0)) || (yr % 400 == 0)) {
      fill[2] = '29';
   }
  else {
      fill[2] = '28';
   }
   calMonth = mth;
   calYear = yr;
   if(mth.charAt(0) == 0){
      calMonth = mth.substring(1);
      }
   callmth = mth;
   bcNavAll = document.getElementById('bcFootAll');
   bcNavPrev = document.getElementById('bcFootPrev');
   bcNavNext = document.getElementById('bcFootNext');
   bcSelect = document.getElementById('bcSelection');
   a = document.createElement('a');
   at = document.createTextNode(bcArchiveNavText);
   a.href = bcNav[nav];
   a.appendChild(at);
   bcNavAll.innerHTML = '';
   bcNavAll.appendChild(a);
   bcNavPrev.innerHTML = '';
   bcNavNext.innerHTML = '';
   if(nav <  bcNav.length -1){
      a = document.createElement('a');
      a.innerHTML = bcArchiveNavPrev;
      bcp = parseInt(nav,10) + 1;
      a.href = bcNav[bcp];
      a.title = 'Previous Archive';
      prevSplit = bcList[bcp].split(',');
      a.onclick = function(){bcSelect.options[bcp].selected = true;openStatus();callArchive(prevSplit[0],prevSplit[1],prevSplit[2]);return false;};
      bcNavPrev.appendChild(a);
      }
   if(nav > 0){
      a = document.createElement('a');
      a.innerHTML = bcArchiveNavNext;
      bcn = parseInt(nav,10) - 1;
      a.href = bcNav[bcn];
      a.title = 'Next Archive';
      nextSplit = bcList[bcn].split(',');
      a.onclick = function(){bcSelect.options[bcn].selected = true;openStatus();callArchive(nextSplit[0],nextSplit[1],nextSplit[2]);return false;};
      bcNavNext.appendChild(a);
     }
   script = document.createElement('script');
   script.src = 'http://www.blogger.com/feeds/'+bcBlogId+'/posts/summary?published-max='+calYear+'-'+callmth+'-'+fill[calMonth]+'T23%3A59%3A59'+timeOffset+'&published-min='+calYear+'-'+callmth+'-01T00%3A00%3A00'+timeOffset+'&max-results=100&orderby=published&alt=json-in-script&callback=cReadArchive';
   document.getElementsByTagName('head')[0].appendChild(script);
}

function cReadArchive(root){
// Check for Leap Years
  if (((calYear % 4 == 0) && (calYear % 100 != 0)) || (calYear % 400 == 0)) {
      fill[2] = '29';
   }
  else {
      fill[2] = '28';
   }
    closeStatus();
    document.getElementById('lastRow').style.display = 'none';
    calDis = document.getElementById('calendarDisplay');
    var feed = root.feed;
    var total = feed.openSearch$totalResults.$t;
    var entries = feed.entry || [];
    var fillDate = new Array();
    var fillTitles = new Array();
    fillTitles.length = 32;
    var ul = document.createElement('ul');
    ul.id = 'calendarUl';
    for (var i = 0; i < feed.entry.length; ++i) {
      var entry = feed.entry[i];
      for (var j = 0; j < entry.link.length; ++j) {
       if (entry.link[j].rel == "alternate") {
       var link = entry.link[j].href;
       }
      }
      var title = entry.title.$t;
      var author = entry.author[0].name.$t;
      var date = entry.published.$t;
      var summary = entry.summary.$t;
      isPublished = date.split('T')[0].split('-')[2];
      if(isPublished.charAt(0) == '0'){
         isPublished = isPublished.substring(1);
         }
      fillDate.push(isPublished);
      if (fillTitles[isPublished]){
          fillTitles[isPublished] = fillTitles[isPublished] + ' | ' + title;
          }
      else {
          fillTitles[isPublished] = title;
          }
      li = document.createElement('li');
      li.style.listType = 'none';
      li.innerHTML = '<a href="'+link+'">'+title+'</a>';
      ul.appendChild(li);

      }
   calDis.appendChild(ul);
   var val1 = parseInt(calDay, 10)
   var valxx = parseInt(calMonth, 10);
   var val2 = valxx - 1;
   var val3 = parseInt(calYear, 10);
   var firstCalDay = new Date(val3,val2,1);
   var val0 = firstCalDay.getDay();
   startIndex = val0 + 1;
  var dayCount = 1;
  for (x =1; x < 38; x++){
      var cell = document.getElementById('cell'+x);
      if( x < startIndex){
          cell.innerHTML = ' ';
          cell.className = 'firstCell';
         }
      if( x >= startIndex){
          cell.innerHTML = dayCount;
          cell.className = 'filledCell';
          for(p = 0; p < fillDate.length; p++){
              if(dayCount == fillDate[p]){
                  if(fillDate[p].length == 1){
                     fillURL = '0'+fillDate[p];
                     }
                  else {
                     fillURL = fillDate[p];
                     }
                  cell.className = 'highlightCell';
                  cell.innerHTML = '<a href="/search?updated-max='+calYear+'-'+callmth+'-'+fillURL+'T23%3A59%3A59'+timeOffset+'&updated-min='+calYear+'-'+callmth+'-'+fillURL+'T00%3A00%3A00'+timeOffset+'" title="'+fillTitles[fillDate[p]].replace(/"/g,'\'')+'">'+dayCount+'</a>';
                 }
              }
          if( dayCount > fill[valxx]){
             cell.innerHTML = ' ';
             cell.className = 'emptyCell';
             }
          dayCount++;
         }
      }
    visTotal = parseInt(startIndex) + parseInt(fill[valxx]) -1;
    if(visTotal >35){
        document.getElementById('lastRow').style.display = '';
       }
  }

function initCal(){
   document.getElementById('blogger_calendar').style.display = 'block';
   var bcInit = document.getElementById('bloggerCalendarList').getElementsByTagName('a');
   var bcCount = document.getElementById('bloggerCalendarList').getElementsByTagName('li');
   document.getElementById('bloggerCalendarList').style.display = 'none';
   calHead = document.getElementById('bcHead');
   tr = document.createElement('tr');
   for(t = 0; t < 7; t++){
       th = document.createElement('th');
       th.abbr = headDays[t];
       scope = 'col';
       th.title = headDays[t];
       th.innerHTML = headInitial[t];
       tr.appendChild(th);
      }
   calHead.appendChild(tr);
  for (x = 0; x <bcInit.length;x++){
     var stripYear= bcInit[x].href.split('_')[0].split('/')[3];
     var stripMonth = bcInit[x].href.split('_')[1];
     bcList.push(stripMonth + ','+ stripYear + ',' + x);
     bcNav.push(bcInit[x].href);
     }
  var sel = document.createElement('select');
  sel.id = 'bcSelection';
  sel.onchange = function(){var cSend = this.options[this.selectedIndex].value.split(',');openStatus();callArchive(cSend[0],cSend[1],cSend[2]);};
  q = 0;
  for (r = 0; r <bcList.length; r++){
       var selText = bcInit[r].innerHTML;
       var selCount = bcCount[r].innerHTML.split('> (')[1];
       var selValue = bcList[r];
       sel.options[q] = new Option(selText + ' ('+selCount,selValue);
       q++
       }                  
   document.getElementById('bcaption').appendChild(sel);
   var m = bcList[0].split(',')[0];
   var y = bcList[0].split(',')[1];
   callArchive(m,y,'0');
 }

function timezoneSet(root){
   var feed = root.feed;
   var updated = feed.updated.$t;
   var id = feed.id.$t;
   bcBlogId = id.split('blog-')[1];
   upLength = updated.length;
   if(updated.charAt(upLength-1) == "Z"){timeOffset = "+00:00";}
   else {timeOffset = updated.substring(upLength-6,upLength);}
   timeOffset = encodeURIComponent(timeOffset);
}

//]]>
</script>
<script src='/feeds/posts/summary?max-results=0&alt=json-in-script&callback=timezoneSet'/>
<!-- End Blogger Archive Calendar -->

Cari kode <b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'>, kemudian ganti seluruh kode diatas dengan kode dibawah ini.

<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
  <!-- Toggle not needed for Calendar -->
</b:includable>
<b:includable id='interval' var='intervalData'>
  Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format
</b:includable>
<b:includable id='flat' var='data'>
 <div id='bloggerCalendarList'>
  <ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
 </div>

<div id='blogger_calendar' style='display:none'>
<table id='bcalendar'><caption id='bcaption'>

</caption>
<!-- Table Header -->
<thead id='bcHead'/>
<!-- Table Footer -->

<!-- Table Body -->
<tbody><tr><td id='cell1'> </td><td id='cell2'> </td><td id='cell3'> </td><td id='cell4'> </td><td id='cell5'> </td><td id='cell6'> </td><td id='cell7'> </td></tr>
<tr><td id='cell8'> </td><td id='cell9'> </td><td id='cell10'> </td><td id='cell11'> </td><td id='cell12'> </td><td id='cell13'> </td><td id='cell14'> </td></tr>
<tr><td id='cell15'> </td><td id='cell16'> </td><td id='cell17'> </td><td id='cell18'> </td><td id='cell19'> </td><td id='cell20'> </td><td id='cell21'> </td></tr>
<tr><td id='cell22'> </td><td id='cell23'> </td><td id='cell24'> </td><td id='cell25'> </td><td id='cell26'> </td><td id='cell27'> </td><td id='cell28'> </td></tr>
<tr><td id='cell29'> </td><td id='cell30'> </td><td id='cell31'> </td><td id='cell32'> </td><td id='cell33'> </td><td id='cell34'> </td><td id='cell35'> </td></tr>
<tr id='lastRow'><td id='cell36'> </td><td id='cell37'> </td></tr>
</tbody>
</table>
<table id='bcNavigation'><tr>
<td id='bcFootPrev'/>
<td id='bcFootAll'/>
<td id='bcFootNext'/>
</tr></table>    

<div id='calLoadingStatus' style='display:none; text-align:center;'>
<script type='text/javascript'>bcLoadStatus();</script>
</div>
<div id='calendarDisplay'/>

</div>

<script type='text/javascript'> initCal();</script>

</b:includable>
<b:includable id='menu' var='data'>
  Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format
</b:includable>
<b:includable id='posts' var='posts'>
<!-- posts not needed for Calendar -->
</b:includable>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='wp-calendar'>
  <div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

Save hasil perubahan kemudian lihat hasilnya.

Lakukan modifikasi pada kode css diatas untuk menyesuaikan warna dari calendar archive sesuai dengan warna pada template di blog anda.
Semoga bermanfaat, selamat mencoba dan good luck ya...!

Membuat Recent Posts

Tuesday, March 06, 2012 Seputar Blog No comments

Recent Post merupakan fitur tambahan yang fungsinya menampilkan update artikel/tulisan yang baru saja kita posting di blog, dengan kata lain recent posts adalah resume dari posting kita. Dengan adanya recent post ini diharapkan dapat memberikan informasi kepada pengunjung tentang daftar artikel yang terakhir di posting oleh penulis sehingga hal tersebut dapat memudahkan pengunjung dalam mengarungi blog kita.

Untuk membuat recent posts, ikuti langkah berikut:

Login ke Blogger dengan akun blog yang kita miliki.
Klik Design, kemudian tambahkan element HTML/Javascript
Isikan Judul widget dan tambahkan kode berikut ini.

ade-kusnadi.blogspot.com

Kemudian klik save/simpan dan lihat hasilnya

Semoga Bermanfaat, selamat mencoba dan Good Luck ya...

Widget dan Fitur Blog

Monday, March 05, 2012 Seputar Blog No comments

Banyak Sekali tutorial tentang cara-cara atau teknik mempercantik blog salah satu diantaranya yaitu dengan menambah fitur atau widget blog. Pemilihan dan penempatan fitur dan widget blog yang tepat dapat memperindah tampilan blog. Namun yang harus diperhatikan dalam rangka mempercantik blog ini adalah tingkat kecepatan loading dari blog yang kita buat, jangan sampai tampilan blog oke tetapi loading blog malah memble hal tersebut dapat menurunkan pamor blog, karena pengunjung telalu lama menunggu blog kita tampil dan akhirnya blog kita pun ditinggalkan. Alasan lain tentang pemilihan fitur dan widget ini yaitu SEO, yang bahasa awamnya adalah seberapa populer blog kita di mata search engine (seperti bah google, bang yahoo, dan lain sebagainya).

Penambahan fitur dan widget berarti kita menambahkan script dalam bahasa web programming yaitu javascript yang dikombinasikan dengan CSS (Cascading Style Sheets). Dalam beberapa artikel penulis menemukan bahwa penggunaan javascript terlalu banyak dapat menyebabkan lola (dibaca loading lambat) pada blog kita. Ini merupakan suatu hal yang dilematis, di satu sisi kita ingin tampilan dari blog yang indah dan menarik namun di sisi lain blog kita menjadi lola dan ditinggalkan oleh pengunjung.

Saran penulis adalah pertama gunakanlah javascript dengan sewajarnya, pilih fitur atau widget blog yang penting bagi blog dan sesuaikan dengan tema blog; kedua hindari penggunaan gambar yang berlebih, hal ini juga dapat memperlambat loading blog.

Fitur dan Widget yang digunakan dalam My Blog is My Mind merupakan fitur standar yang wajib dimiliki oleh sebuah blog/situs yaitu:

Navigasi Menu, dalam template standar navigasi menu tidak termasuk didalamnya, kita harus menambahkan navigasi tersebut secara manual ke template blog kita. Akan tetapi untuk template terbaru yang disediakan oleh pihak ketiga di dalam template tersebut sudah termasuk beberapa diantaranya menu navigasi, auto readmore, search box, dan sosicial network.
Search Box, Beberapa template baru telah tersedia.
Auto Readmore, Beberapa template baru telah tersedia.
Social Network, Beberapa template baru telah tersedia.
Archive Calendar
Recent Posts dan Recent Comments
Popular Posts
Feed Reader
Subscribe via FeedBurner
Wise Word (Tips of today)
Date and Time.
Images Magnifier
Related Post (Artikel Terkait)
Breadcrumbs
Login Form (Optional)
Guest Book
Sitemap
Contact - Send Mail
ChatBox

Cara Membuat Blog

Sunday, March 04, 2012 Seputar Blog No comments

Saat ini banyak situs yang menawarkan blog gratis kepada para pengguna internet. Kita hanya tinggal mengunjungi situs tersebut, daftar, verifikasi alamat email dan kemudian blog pun aktif dan siap untuk digunakan oleh kita.

contoh beberapa penyedia jasa layanan blog gratis :

organisasi.org (banyak pilihan nama domain blog)
blogger.com (grup google) (favorit)
blog.360.yahoo.com (yahoo punya)
wordpress.com (favorit)
blogdrive.com
blogsome.com
blog.indosiar.com
blogboleh.com
multiply.com
dan lain sebagainya

Tinggal bagaimana kita saja menyesuaikan alternatif blog yang ada dengan keinginan kita. Selain di situs web di atas, juga bisa mendapat blog gratis di situs yang biasa kita akses seperti friendster.com, myspace.com dan lain sebagainya.

Layanan Blog ini bisa kita dapat dengan gratis dan berbayar. Jika kita menyukai hal-hal yang berbau coding html, css, dan javascript disarankan menggunakan blogger saja, disana kita dapat mengubah berbagai tampilan, style, dan tambahan widget dari pihak ketiga. Akan tetapi jika kita mempunyai file hosting sendiri ada baiknya kita memilih wordpress.

Terlepas dari itu blog yang kita buat harus sesuai dengan tema, bagik secara isi maupun tampilan dari blog kita. Khusus untuk blogger, user diberi keleluasaan untuk mengubah dan mengganti tampilan dari blog sesuai dengan tema blog yang akan kita buat. Banyak pilihan template yang dapat kita gunakan baik dari blogger sendiri maupun dari pihak ketiga yang didapat secara gratis. Dan dengan sedikit pengatahuan tentang html, xml, css, dan javascript kita bisa memperindah tampilan dari blog yang kita buat tersebut.

sumber : organisasi.org dan beberapa perubahan

About Me

Subscribe

My Friends

Friday, March 30, 2012

Wednesday, March 28, 2012

Monday, March 26, 2012

Saturday, March 24, 2012

Thursday, March 22, 2012

Tuesday, March 20, 2012

Sunday, March 18, 2012

Friday, March 16, 2012

Wednesday, March 14, 2012

Monday, March 12, 2012

Saturday, March 10, 2012

Thursday, March 08, 2012

Tuesday, March 06, 2012

Monday, March 05, 2012

Sunday, March 04, 2012

Search on this blog

Blog Archive

Recent Posts

Recent Comments

Popular Posts

Category

PR - News Reader

Wise Words