Jumat, 30 Oktober 2009

Navbar Blogger Support dengan Warna Transparant

Blogger kembali memperbaiki sistem tampilan pada Navigasi Bar mereka, jika dulu navbar blogger hanya memberikan 4 pilihan
warna tradisional yaitu Blue, Black, Tan dan silver, sekarang blogger
menambahkan dua lagi skema warna baru yaitu "Transparan Light" dan "Transparan
Dark
.".


 



 



 


Skema warna baru ini memanfaatkan kemampuan browser modern untuk memberikan
transparansi (sebuah teknik yang dikenal untuk web designer sebagai "alpha
blending
"). Hal ini memungkinkan kita untuk memadukan background navbar
bersama dengan background warna blog saat ini.  "Transparan Light" memiliki skema warna semi-transparan dengan latar belakang warna putih, menghasilkan
warna pastel halus, sementara latar belakang "Transparan Dark" adalah warna hitam semi-transparan yang menghasilkan tampilan yang teduh. 


 


Berita selengkapnya bisa dibaca langsung pada Blogger Buzz

Rabu, 28 Oktober 2009

GazoPa: Mencari Gambar di Web Jadi lebih mudah


GazoPa merupakan salah
satu alternatif layanan pencari gambar di web selain Google image
search
. Layanan yang dikembangkan oleh Hitachi ini sangat memudahkan
pengguna untuk mencari gambar berdasarkan kategory tertentu, bisa berdasarkan
gambar sendiri, gambar yang ditemukan halaman web atau berdasarkan kata kunci
tertentu.





 


GazoPa sangat memungkinkan pengguna untuk mencari gambar yang sama
dari karakteristik seperti warna atau bentuk yang diekstraksi dari gambar itu
sendiri. Sejak GazoPa menggunakan fitur untuk mencari gambar serupa
lainnya, berbagai macam gambar dapat dilihat langsung dari hasil pencarian.
GazoPa bisa dikatakan alternatif baru dari layanan pencarian gambar yang dapat
menavigasi pengguna kewilayah baru di halaman web.

Minggu, 25 Oktober 2009

Menampilkan Link atau Text di Sebelah Title Sidebar

Berhubung banyak rekan yang bertanya gimana caranya menambah Text Link atau Text pada sebelah kanan Title Sidebar (lihat sidebar blog saya), jadi saya tuliskan saja cara mudahnya. Tutorial kali ini termasuk sangat simple, om yakin rekan bisa mencobanya hanya dalam waktu 1 menit.


 


OK langung aja ya :)


 


Disini ada dua cara memasangnya, yang pertama bisa mengedit dan menambahnya
secara langsung di Sidebar Gadget yang sudah ada atau kalo masih bingung rekan
bisa masuk dulu ke tab Tata Letak -> Elemen halaman -> tambah
gadget -> HTML/JavaScript,
kemudian langsung copy-paste aja salah satu kode
dibawah. Ingat, pastikan Title pada Gadget HTML/JavaScript tetap dalam
keaadan kosong, hal ini untuk menghindari terjadinya duplicate Title pada
sidebar.


 


Contoh tampilan Text Link dengan Small Icon:


 



 


<style type="text/css">


.pasang-link{

font-size:11px;

float:right;

font-weight:bold;

background:url(http://bp0.blogger.com/_TqPdHmAEwTM/R5-60Nu3tgI/AAAAAAAAAz0/8v3jHKMURzc/s400/feed.png)
right 0px no-repeat;

padding-right:20px;

}


</style>


 


<h2><span class="pasang-link"><a href="URL">Link
Title
</a></span>Title
Sidebar
</h2>


 


Contoh tampilan hanya menampilkan Text Link:


 



 


<style type="text/css">


.pasang-link{

font-size:11px;

float:right;

font-weight:bold;

}


</style>


 


<h2><span class="pasang-link"><a href="URL">Link
Title
</a></span>Title
Sidebar
</h2>


 


Contoh tampilan hanya menampilkan Text:


 



 


<style type="text/css">


.pasang-link{

font-size:11px;

float:right;

font-weight:bold;

}


</style>


 


<h2><span class="pasang-link">Text
Here
</span>Title
Sidebar
</h2>


 


Oh iya, beberapa template pada sidebar kemungkinan menggunakan
<h3>
jadi
rekan tinggal menyesuaikan saja. Selamat mencoba..mudahan hanya dengan tutorial
sederhana ini tampilan template rekan jauh lebih bergaya :D

Jumat, 23 Oktober 2009

Free Blogger Template Generator


Siapa bilang ngedesain template sendiri itu sulit? cukup berbekal Blogger
Template Generator
dibawah ini kita sudah bisa kok membuat Template dinamis
secara instan tanpa harus menguasai bahasa pemrograman seperti HTML, XML dan CSS.
Disini yang kita butuhkan hanya sedikit kreatifitas saja, selebihnya imajinasi
kita sendiri yang menentukan hasil akhir dari desain template.


 




Pimp-My-Profile


Template generator ini tampil menggunakan tab menu sederhana, kita
dapat memulai membuat template dengan memilih beberapa fasilitas yang sudah
disediakan. Sebelum mencoba tools ini pastikan kita menggunakan browser versi
IE6 atau versi diatasnya, Firefox dan Opera.


 



 



PsycHo - psychogenesis


Kita dapat merancang blogger template sendiri  mulai dari header hingga sampai ke footer. Yang jelas kita tidak harus memiliki pengetahuan lebih tetang HTML, cukup mengaturnya langsung melalui beberapa setting yang tesedia. Seperti yang
dikatakan pembuatnya, waktu yang kita habiskan untuk mendesain sebuah template
kurang lebih hanya 10 menit.

 







Page Column Layout Generator


Generator ini menyediakan berbagai macam pililhan column,
mulai dari generator untuk template 1 coloums bahkan sampai 5 Column juga
tersedia. Beberapa fitur lain diantarnya:



  • Liquid design, no tables, no javascript, pure layers and css.

  • Visual layout and backgroud color design, WYSIWYG

  • Cross browser compatibility

  • Compact CSS code, reduce 25% of length



 


Trix
Blogspot Template Generator


TrixTG v1 adalah tool untuk membantu kita mendesain template untuk Blogspot.
Memang antarmuka tidak sebagus yang kita harapkan, tetapi fungsionalitas yang
disediakan oleh generator template ini sangat baik.


 



 


Selamat mencoba aja :)

Rabu, 21 Oktober 2009

Beli Akses Premiun ke Komunitas Link Feed


Premium Komunitas Link Feed



Mari berbagi di Premium Komunitas Link feed ini sebagai sumber daya yang menarik bagi mereka yang mencari berita. Anda dapat memanfaatkan layanan Mini Guest Post ini sekaligus mempromosikan artikel anda
kepada pembaca lainnya. Dapatkan lebih banyak kunjungan dan trafik ke Blog/Situs anda hanya dengan bergabung pada
Komunitas Link Feed ini.





Sebelum mengirimkan link berita, silahkan baca petunjuk dibawah:





1) Artikel bisa apa
saja selama bukan konten Pornografi maupun SARA dan Provokasi.

2) Artikel boleh berhubungan dengan referall, affiliasi dan Periklanan.


 


Yang anda perlukan hanya membayar seharga Rp.50.000,- / Bulan


 


Bisa Anda bayangkan dengan harga yang relatif murah Anda bisa mengirim
artikel sepuasnya, dan yang lebih seru lagi artikel Anda akan tampil disetiap
akhir postingan.


 


 


Pembayaran:




Silahkan kirimkan pembayaran Anda sesuai dengan biaya sebesar Rp.50.000,- ke salah
satu rekening berikut ini:




Bank Mandiri cab. Yogyakarta Adisucipto

No. Rek: 1370004452211

A/N: Agus Ramadhani




Bank BCA cab. Urip Sumohardjo

No. Rek: 4560707911

A/N: Agus Ramadhani


 


Via PayPal

Email: oom[at]o-om.com

A/N: Agus Ramadhani


 


 


Kemungkinan Pertanyaan:



  • Mana formulir untuk saya mengirim artikel? Setelah Anda menyetujui dan
    melakukan pembayaran, saya akan mengirim form-nya langsung ke Email Anda.

  • Berapa lama artikel saya ditampilkan? artikel akan tampil selama satu hari
    penuh, tapi jika tidak ada antrian mungkin akan lebih dari satu hari :)

  • Bagaimana jika artikel saya ditolak? Anda tentu bisa mengirim artikel
    lainya.


 


 


Jumat, 16 Oktober 2009

Bagaimana cara memberi komentar yang baik?



Jika anda seorang blogger, pasti anda sering mengunjungi blog orang lain dan
meninggalkan sebuah komentar. Entah itu memang untuk mengkritik, ataupun sekedar
meninggalkan backlink pada komentar berstatus Dofollow. Sadar atau tidak,
komentar yang kita tinggalkan berpengaruh terhadap kredibilitas kita dan blog
yang kita komentari. Jika anda hanya memberi komentar yang terlewat simple,
seperti :




"Thanks atas infonya" atau "Bagus banget artikel ini!"



Maka sebenarnya komentar tersebut tergolong komentar sampah (junk comment). Blog
yang dipenuhi komentar tersebut akan terlihat sebagai sarana menebar backlink
saja sehingga pengunjung akan mengira bahwa postingan blog tersebut kurang
mendapat perhatian special.




Perhatikan contoh komentar berikut :




"Saya kira permasalahan yang dibahas kali ini lumayan penting untuk blogger
yang masih pemula. Tetapi ada satu hal yang saya tidak setuju, yaitu tentang
backlink. Bukankah guest posting adalah salah satu metode mendapat backlink dan
trafik yang paling efisien?"




Terlihat berkualitas bukan? Cobalah kunjungi Problogger.net, blog terpopuler
didunia untuk kategori blogging tips, maka anda akan menemukan beratus-ratus
komentar yang berkualitas dan tidak asal-asalan. Mereka melakukan itu demi
menjaga harga diri mereka sebagai blogger, bukan sebagai junker.




Bagaimana cara memberi komentar yang berkualitas? Berikut adalah tips-nya:




1. Berikan pendapat anda tentang topik yang dibicarakan

2. Jika anda punya pertanyaan, tanyakanlah di kolom komentar.

3. Jika anda punya saran ataupun kritik, jangan segan-segan. Kritik sangat
diperlukan para blogger.

4. Jika mampu, buatlah komentar minimal 2 baris. Jika tidak, yang penting
bermutu.

5. Ketiklah dengan menggunakan aturan menulis yang baik (huruf kapital, koma,
titik, spasi, dll.)

6. Usahakan hanya meninggalkan satu backlink saja, backlink yang terlalu banyak
akan menimbulkan kesan junk comment.

7. Selalu baca postingan terlebih dahulu! Walaupun hanya sekilas, setidaknya
komentar kita tidak keluar dari topik pembicaraan.




Komentar mewakili diri anda sebagai blogger, jadi perbaikilah cara anda
berkomentar.


 


Artikel ini ditulis oleh Reza Winandar dari
Blogger Make Money,
sebagai Blog Guest di o-om.com.

PunyPNG: Compress PNG, JPEG, dan GIF images


Punypng
merupakan perangkat online gratis yang secara fungsional mengurangi ukuran file gambar tanpa menghilangkan kualitas gambar sama sekali. Dengan menggunakan beberapa teknik optimasi web untuk melakukan kompressi pada ukuran file gambar, layanan ini pertama berusaha menganalisa isi gambar dan mencari angka-angka terbaik untuk menentukan format gambar. Biasanya tergantung pada jenis file, punypng akan secara otomatis mencoba mengkonversi GIF ke bentuk format PNG,  kemudian mencoba memberi penekanan kepada format gambar tesebut lebih lanjut. Seperti contoh untuk format JPEGs, kadang-kadang punypng lebih memilih konversi menjadi format PNG, begitu pula sebaliknya.






 


Dibawah ini bisa anda lihat hasi uji benchmarked kompressi punyPNG dengan
layanan populer lainnya.


 


Rabu, 14 Oktober 2009

Mengungkap Semua Rahasia Tersembunyi Pada Meta Title, Description dan Keyword di Blogger



Ada beberapa rahasia sebenarnya yang tersembunyi pada
Meta
Description dan Meta Keyword
pada Platform Blogger,  dan
trik ini sangat jarang sekali pengguna Blogger yang mengetahuinya. Pada umumnya
kebanyakan Blogger
hanya meletakan kedua Meta tag diatas secara langsung apa adanya, akibatnya bukan optimasi yang didapat,
tapi malah merusak deskripsi halaman itu sendiri pada hasil pencarian.


 


Sebelum saya menjelaskan trik optimasi pada kedua Meta tag diatas, ada
baiknya saya mengulas kembali trik untuk optimasi pada Meta Title Tag. Saat kita membuat blog pertama kali, Meta Title ini sebenarnya sudah tersedia
pada halaman EDIT HTML, hanya saja belum dioptimasi.  Nah, agar Meta title
ini lebih SEO Friendly kita bisa merubah Title standar blogger dengan yang lebih
bagus lagi. Silahkan pelajari cara merubahnya dibawah ini:


 


Silahkan cari Blog Title Seperti dibawah ini:


 


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




Kemudian ganti semua kode diatas dengan kode dibawah ini:


 


<b:if cond='data:blog.pageType == &quot;index&quot;'>

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

<b:else/>

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

</b:if>


 


Setelah kita menerapkan Meta title diatas, akan terlihat perbedaan yang
sangat mencolok sekali pada hasil pencarian. Search engine tentu akan mudah
menampilkan mana yang merupakan halaman utama dan mana yang merupakan halaman
postingan.


 


OK! kita sudah mempelajari cari optimasi SEO pada Title tag, sekarang saatnya
kita mencoba lagi cara mengoptimalkan SEO pada Meta Deskription dan Meta
Keyword. Seperti yang saya singgung diatas, kebanyakan blogger biasanya langsung meletakan
Meta Description dan Meta Keyword pada
halaman utama (index)  seperti terlihat pada contoh dibawah ini, ok ini tidak masalah jika
Meta Description tersebut hanya ditujukan pada halaman index, yang jadi masalah
bagaimana nasib pada halaman non index? Jelas sekali Meta Description ini
juga akan mencoba merebut dari deskripsi pada setiap halaman konten blog kita.
Tentu kita harus kita menghindari kesalahan ini khan?


 


Lihat contoh Meta tag dibawah ini yang sangat sering digunakan:


 


<Meta content='Blog ini
menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap
' name='Description'/>


<Meta content='Dowload
soal CPNS dari UGM, Prediksi
Soal CPNS, Jawaban Soal CPNS, Pendaftaran CPNS, tanya jawab Soal CPNS'

name='Keywords'/>


 


Dari contoh hasil pencarian pada halaman utama (index) dibawah ini mungkin
tidak masalah dan memang begitulah seharusnya. Begitu pula dengan Meta Keyword
yang digunakan.


 


Prediksi soal CPNS terbaru dan terlengkap

Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.

www.cobacobaaja.com 
- Tembolok - Mirip


 


Kemudian lihat bagaimana kesalahan Meta deskripsi halaman dibawah ini mencoba
merebut posisi  yang seharusnya deskripsi tersebut milik halaman postingan.


 


Rahasia kunci jawaban soal CPNS tahun 2009

Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.

www.cobacobaaja.com/.../kisi-kisi/soalcpns.hml
-Tembolok - Mirip


 


Melihat contoh hasil penggunakan kedua Meta Tag diatas,
tentu saja kita akan berpikir dua kali untuk menggunakannya. Disinilah saya
mencoba menjelaskan bagaimana teknik terbaru agar hasil yang pencarian yang
ditayangkan pada Search Engine benar-benar maksimal. Dimana dengan Teknik ini tentu saja usaha kita
untuk lebih meningkatkan Ranking blog agar bisa berada pada posisi puncak pada
setiap hasil pencarian.


 


OPTIMASI SEO PADA META DESCRIPTION DAN KEYWORD (CARA I)


 


Cara pertama dibawah ini bisa kita gunakan untuk melakukan optimasi pada Meta
Description dan Meta keyword, kita dapat melihat perbedaan pada setiap hasil
temuan pada mesin pencari dimana setiap halaman memiliki tambahan meta tertentu
sesuai dengan judul postingan (lihat rumus).



 


Silahkan coba ganti meta description dan keyword anda menggunakan kode
dibawah ini, jangan lupa sesuaikan deskripsi dan kata kunci blog rekan masing
dengan mengganti karakter ditandai warna merah
dibawah.


 



<b:if cond='data:blog.pageType != &quot;item&quot;'>



<meta content='
Blog ini menyediakan kisi-kisi soal
CPNS dan prediksi soal CPNS terlengkap
'
name='description'/>



<meta content='
Dowload soal CPNS dari UGM, Prediksi
Soal CPNS, Jawaban Soal CPNS, Pendaftaran CPNS, tanya jawab Soal CPNS
'
name='keywords'/>



<b:else/>



<meta expr:content='data:blog.pageName + &quot; -

Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap
&quot;'
name='description'/>

<meta expr:content='data:blog.pageName + &quot;,

Dowload soal CPNS dari UGM, Prediksi
Soal CPNS, Jawaban Soal CPNS, Pendaftaran CPNS, tanya jawab Soal CPNS
&quot;'
name='keywords'/>



</b:if>



 



Contoh Rumus hasil pencarian pada halaman index.


 


<BLOG TITLE>

<Meta Description>

<URL>



 



Prediksi soal CPNS terlengkap

Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.

www.cobacobaaja.com 
- Tembolok - Mirip


 


Contoh Rumus hasil pencarian pada halaman Postingan.


 


<POST TITLE>

<Post Title>  <Meta Description>

<URL>


 


Rahasia kunci jawaban soal CPNS tahun 2009

Rahasia kunci jawaban soal CPNS tahun 2009
- Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.


www.cobacobaaja.com/.../kisi-kisi/soalcpns.hml
-Tembolok - Mirip


 


 


OPTIMASI SEO PADA META DESCRIPTION DAN KEYWORD (CARA II)


 


Cara yang kedua hampir sama dengan cara yang pertama, yang berbeda hanya pada
deskripsi pada halaman postingan (lihat rumus).


 


Silahkan coba ganti meta description dan keyword anda menggunakan kode
dibawah ini, jangan lupa sesuaikan deskripsi dan kata kunci blog rekan masing
dengan mengganti karakter ditandai warna merah
dibawah.


 


<b:if cond='data:blog.pageType != &quot;item&quot;'>



<meta content='
Blog ini menyediakan kisi-kisi soal
CPNS dan prediksi soal CPNS terlengkap
'
name='description'/>



<meta content='
Dowload soal CPNS dari UGM, Prediksi
Soal CPNS, Jawaban Soal CPNS, Pendaftaran CPNS, tanya jawab Soal CPNS
'
name='keywords'/>



<b:else/>



<meta expr:content='data:blog.pageTitle + &quot; -

Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap
&quot;'
name='description'/>

<meta expr:content='data:blog.pageTitle + &quot;,

Dowload soal CPNS dari UGM, Prediksi
Soal CPNS, Jawaban Soal CPNS, Pendaftaran CPNS, tanya jawab Soal CPNS
&quot;'
name='keywords'/>



</b:if>



 



Contoh Rumus hasil pencarian pada halaman index.


 


<BLOG TITLE>

<Meta Description>

<URL>


 


Prediksi soal CPNS dari UGM

Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.

www.cobacobaaja.com 
- Tembolok - Mirip


 


Contoh Rumus hasil pencarian pada halaman Postingan


 


<POST TITLE>

<Blog Title> <Post Title> <Meta Description>

<URL>


 


Dowload gratis rahasia kunci jawaban soal CPNS tahun 2009

Prediksi soal CPNS terlengkap: Download gratis rahasia kunci jawaban soal CPNS tahun 2009
- Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.


www.cobacobaaja.com/.../kisi-kisi/soalcpns.hml
-Tembolok - Mirip


 



Cara pertama dan kedua diatas terus terang sama bagusnya, jadi silahkan pilih
salah satu saja. OK! Semua teknik rahasia SEO pada sebagian Meta Tag sudah saya
ungkap semuanya, jadi silahkan dipelajari baik-baik :)

Minggu, 11 Oktober 2009

Desktop Background Generator


Bosan dengan tampilan background desktop anda saat ini? kalo iya,
kenapa tidak mencoba merubahnya dengan tampilan warna gradient yang alami. Cukup
menggunakan tool kecil bernama Random gradient wallpaper generator kita
sudah bisa menghasilkan backgrond yang cantik hanya dengan satu klik saja.


 



 


Beberapa Fitur diantaranya:




  • Randomize - Memberikan warna acak pada keempat sudut

  • Set as Wallpaper - Menyimpan gambar ke My
    Pictures\GradientWallpaper.bmp dan mengatur Windows Desktop wallpaper untuk
    file ini

  • Save colors to text file - Menambahkan nilai-nilai RGB warna saat
    ini ke "colors.txt" file log dalam direktori program (jika anda menyukai
    warna dan ingin menyimpan warna, bukan gambar)



Silahkan download softwarenya
disini

Jumat, 09 Oktober 2009

Blogger Sitemap Generator khusus Blogspot (Google - Yahoo - Bing)

Idealnya, file sitemap harus mengandung semua URL dari sebuah situs, tetapi jika blog kita di-host di blogspot.com (atau jika kita menggunakan custom domain), kita akan terkejut kalau tahu bahwa sitemap default file hanya berisi 26 halaman terbaru saja yang terindex dari blog. Lalu bagaimana cara mengatasinya? sebenarnya masalah ini sudah dijelaskan sangat lengkap diblognya Amit Agarwal yaitu seorang blogger populer asal India, jadi silahkan pelajari saja langsung diblognya dialamat ini labnol.org (jangan lupa di translate)





Buat rekan yang sudah mengerti cara submit blogger sitemap digoogle webmaster tools bisa langsung mengunakan Blogger sitemap generator disini, sebenarnya tidak hanya untuk blogger saja, rekan juga dapat mengirim dengan melakukan ping Sitemap langsung ke Yahoo dan Bing.



Atau lihat saja video dibawah ini untuk lebih mudahnya :)



New Related Posts + Thumbnails (Alternatif selain LinkWithin)

Sudah pernah memasang widget related posts dari layanan Linkwithin? kalo belum, paling tidak rekan pernah melihat widget ini ya. sebagai contoh rekan bisa melihat contoh widget tersebut di blog saya yang versi english disini dan disini. silahkan buka salah satu postingan saya, dan lihat sample widget tersebut pada akhir postingan.







Nah, Kali ini saya coba berbagi lagi tutorial alternarif pengganti layaknya widget Linkwithin, tampilannyapun sangat mirip sekali. Tapi yang ini agak berbeda, dan kita mesti repot sedikit karena semua dilakukan secara manual. Widget ini sebenarnya sudah dibahas tuntas oleh pembuatnya Aneesh diblognya disini



Biar gak bingung saya translate aja ya caranya disini:



1. Pertama, masuk dulu ke halaman Edit HTML, jangan lupa memberi tanda centang pada  "Expand Widget Templates"




2. Cari kode ini </head>




3. Kemudian ganti dengan kode dibawah ini




<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>





4. Sekarang cari lagi kode dibawah



<div class='post-footer-line post-footer-line-1'>



Jika tidak menemukan kode diatas, coba cari kode seperti ini



<p class='post-footer-line post-footer-line-1'>



Kalo sudah ketemu, tinggal masukan semua kode dibawah ini dibawah salah satu dari kode diatas yang rekan temukan.




<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->



5. jangan lupa disimpan dah lihat hasilnya



Untuk menampilkan berapa banyak jumlah related posts bisa dengan mengedit kode dibawah ini:



var maxresults=5;




Untuk mengganti title, kita bisa mengedit kode ini:



var relatedpoststitle="Related Posts";



Selamat Mencoba aja :)

Rabu, 07 Oktober 2009

Membuat Barcode dengan Barcode Generator


Barcode merupakan simbol berbentuk garis-garis yang menyatakan suatu kode atau string karakter. Simbol ini biasanya hanya dapat dibaca oleh mesin barcode scanner. Salah satu contoh barcode adalah simbol yang ada di produk di toko atau supermarket yang sering kita lihat. Bila dijabarkan berdasarkan tipe, sebenarnya banyak sekali tipe barcode ini menurut kegunaan. nah berhubung saya bukan ahli barcode, jadi saya hanya menjelaskan cara instan membuatnya saja ya, untuk bahasan sejauh itu silahkankan digoogling sendiri, sudah banyak kok yang ngebahasnya :)



Cara membuat 2d Barcode Image




Cara paling mudah menghasilkan gambar barcode bisa langsung mengunakan layanan barcode generator via morovia.com pada contoh ini saya mengunakan "code 128" sebagai format barkode. jika tidak ingin barcode dibaca oleh manusia, kita dapat menghapusnya dengan tidak memberi tanda centang pada "Show Human Readable Text". Bila masih kurang puas, kita bisa mencari lebih banyak lagi "barcode generator" lainnya pada mesin pencari.



Cara membuat QR Code symbols



Berbeda dengan barkode standar, sebenarnya kita dapat juga menggunakan QR kode symbol. Dengan menggunakan kata kunci “QR Code Generator” di search engine, kita dapat menemukan beberapa QR Code Generator seperti morovia, invx, SnapMaxe QR Code Generator dan Kaywa QR-Code




Cara Decode Barcode Image



Seperti yang saya katakan diatas, untuk bisa membaca ulang pengcodean pada barcode kita paling tidak harus menggunaan mesin scanner khusus. cuman untuk bisa melakukan hal tersebut rasanya buang-buang waktu saja ya :D. Kalo mau cara instannya coba tuju saja langsung ke layanan online ini zxing.org



Mau lebih kreatif? kenapa tidak dimanfaatkan barkode ini dengan memasangnya pada setiap postingan, biar lebih gimana gitu hehehe

Senin, 05 Oktober 2009

Breathingearth: Simulasi Statistik jumlah penduduk didunia


Mengamati populasi jumlah penduduk didunia mungkin bukan topik populer pada blog ini.
Tapi paling tidak informasi ini sangat berguna bagi kita yang sekedar hanya ingin melihat berapa banyak pertumbuhan manusia didunia yang tercatat sampai detik ini.  Dengan bantuan tools online bernama breathingearth.net kita dapat memantau bertumbuhan manusia setiap detiknya.  Animasi populasi yang ditayangkan memperlihatkan pada simulasi kelahiran, kematian dan emisi C02 setiap negara berbeda.







Data animasi dan simulasi ini didasarkan pada statistik yang sebenarnya, sehingga kemungkinan besar data ini memiliki kepastian tentang hasilnya. Diprogram oleh Dawid Blejer, yang telah menerbitkan proyek-proyek berkualitas disitusnya.