My Blog is My Mind: Seputar Blog

Showing posts with label Seputar Blog. Show all posts

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...

My Blog is My Mind

About Me

Subscribe

My Friends

Friday, March 30, 2012

Hanya Menampilkan Judul Posting Saja

Wednesday, March 28, 2012

Menambahkan Meta Tag pada Blog

Monday, March 26, 2012

Membuat Sitemap Blog

Saturday, March 24, 2012

Membuat Breadcrumbs (Navigasi seperti di Joomla)

Thursday, March 22, 2012

Membuat Posting terkait (Related Posts)

Tuesday, March 20, 2012

Images Magnifier untuk Blogger

Sunday, March 18, 2012

Membuat Feed Reader Pikiran Rakyat

Friday, March 16, 2012

Menambahkan Tanggal dan Jam pada Blog

Wednesday, March 14, 2012

Wise Words Kata Mutiara Tentang Pendidikan

Blog Archive

Recent Posts

Recent Comments

Popular Posts

Category

PR - News Reader

Wise Words

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

Search on this blog

Blog Archive

Recent Posts

Recent Comments

Popular Posts

Category

PR - News Reader

Wise Words