Google earth 5.1 bisa didownload pada situs resminya di http://earth.google.com, namun dalam komputer anda harus sudah terinstall google updater. Atau anda bisa download di direct link google earth 5.1 (11,61 MB) sehingga anda bisa menginstall nya nanti secara offline di komputer anda nantinya.
Ubah Teks menjadi gambar dengan TXTNinja - Mungkin anda sudah mengetahui bahwa apabila kita memasang alamat email didalam blog atau website, alamat email tersebut bisa di crawl oleh search engine ataupun spam bot sehingga tak ayal alamat email kita dikirim puluhan bahkan pesan yang entah siapa pengirimnya.
Banyak cara yang dilakukan oleh webmaster agar email mereka terlindungi, diantaranya yaitu dengan tidak menuliskan secara lengkap format suatu email, misal : cohtohsaja@contoh.com ditulis menjadi contohsaja[at]contoh.com atau contohsaja[at]contoh[dot]com, selain itu ada juga yang menggunakan javascript sebagai encryptor agar email yang di tampilkan tidak terbaca spam bot.
Cara lain yaitu dengan menggunakan teknik gambar yang berupa tulisan email. Untuk mengaplikasikan ini, anda bisa menggunakan berbagai software yang biasa anda pakai. Atau anda bisa mengubah teks atau tulisan menjadi gambar dengan menggunakan tool dari TXTNinja. Dengan TXTNinja anda bisa mengubah text atau tulisan menjadi format gambar hanya dalam sekejap.
Berikut hasil konversi teks menjadi format gambar dengan txtNinja :
Tentunya gambar diatas dapat dibaca dengan baik oleh pembaca, namun tidak terdeteksi oleh search engine atau spam bot bahwa itu adalah sebuah alamat email.
TXTNinja tidak spesifik untuk mengubah tulisan email saja, namun tulisan-tulisan yang lain pun tentu saja bisa di ubah. Yang mau mencoba, Siahkan buka situs http://www.txtninja.com
MURLS Desktop URL Shortener - Dulu kang Rohman pernah memposting tentang adanya website yang bisa mempersingkat alamat URL yaitu dengan TinyURL. Selain tinyURL masih banyak website-website lain yang menyediakan layanan serupa.
Ada cara mudah menyingkat URL yaitu dengan MURLS (Multiple Uniform Reasource Locator Shortener). MURLS adalah desktop URL shortener yang bisa menyingkat URL tanpa harus mengunjungi langsung situsnya. Dengan MURL anda dapat memilih layanan mana yang ingin anda gunakan, tidak hanya satu layanan saja namun beberapa layanan bisa langsung anda gunakan :
Yang mau mencoba, silahkan download saja.
Download MURLS - Multiple Uniform Reasource Locator Shortener (300 KB)
CSS, untuk itu perlu tempat penyimpanan yang baik agar tidak terjadi masalah. </head> (jika telah memiliki script jQuery ini tidak perlu dimasukan kembali) :<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2' type='text/javascript'></script><script src='http://blogspotcode.googlecode.com/files/styleswitch.js' type='text/javascript'/>HTML ini bebas, tapi pada percobaan ini saya menyimpannya di sidebar pada "add gadget (HTML/JavaScript Add)" . Kode tersebut adalah :<p> Ganti Warna Background:</p>
<ul id="switch">
<li><a href="serversideSwitch.html?style=style1" class="styleswitch" rel="styles1">styles1 (#ccc)</a></li>
<li><a href="serversideSwitch.html?style=style2" class="styleswitch" rel="styles2">styles2 (#333)</a></li>
</ul>CSS adalah seluruh scriptnya, tapi saya pada percobaan di blogspot ini hanya menyimpan kode CSS untuk Switch Stylesheets atau hanya bagian yang dirubah, seperti:CSS pertama: CSS kedua: CSS tersebut seperti Notepad++ CSS tersebut ditempat hosting, saya menyimpan ditempat gratisan, ini resikonya sewaktu2 bisa ngak aktif, untuk itu cari tempat hosting yang baik, atau kalo perlu simpen ditempat hosting berbayar :).http://blogspot.comlu.com/Style1.csshttp://blogspot.comlu.com/Style2.css<link href='http://blogspot.comlu.com/Style1.css' media='all' rel='stylesheet' title='styles1' type='text/css'/>
<link href='http://blogspot.comlu.com/Style2.css' media='all' rel='stylesheet' title='styles2' type='text/css'/><b:skin><
Besarnya huruf ( font ) akan mengikuti besarnya font yang di setting dalam template anda, begitupun dengan warna link akan sama dengan warna link yang dipakai. Tampilan tersebut sebenarnya bisa anda kreasikan menjadi bentuk lain yang mungkin akan dianggap lebih menarik sehingga akan sedikit menambah keindahan tampilan blog anda.
Sebagai dasar pengetahuan, kode read more blogger adalah seperti ini :
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
Dengan mengetahui kode dasarnya, maka tentu saja kita dapat membuat berbagai kreasi.
Secara default " Read more " akan tampil di sebelah kiri. Jika anda berkeinginan agar read more tampil di sebelah kanan, anda bisa menambahkan kode tambahan seperti ini :
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<div style='float:right;padding:10px 0px 5px 0px'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
Atau jika anda lebih suka memasang pada CSS, bisa seperti ini ;
Simpan ini di atas kode ]]></b:skin>
.readmore { float:right;padding: 10px 0px 5px 0px; }
dan pasang ini di bagian body nya ;
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<div class='readmore'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
Agar tampilan " Read more » " atau " Baca Selengkapnya » " bisa tampil dengan huruf tebal, anda cukup menambahkan kode <strong> … </strong> atau <b> … </b>. Contoh :
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/> → 
<data:post.title/></a>
</div>
</b:if>
Format kodenya seperti ini ;
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><img src='URLgambarmu' alt='read more'/></a>
</div>
</b:if>
Contoh nyata seperti ini :
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOGQb7-TRoZqwDCsAs_chSrVMLvgMP8q0t1_KH7tZDkaA9xgbco4E_X1en03Ame1ZZCMm218ufboC67pW_UiXM7gvoqcaTUOk1AkqG1P3xbMQoiS1buEBnwlHOxrqXNMNIEs6lndBks-c/[1].png' alt='read more'/></a>
</div>
</b:if>
Dan anda bisa menciptakan puluhan atau bahkan ratusan kreasi untuk tampilan read more ini agar blog anda tampil menarik.
Masih pusing dimana menempatkan hasil kreasi read more mu? berikut gambaran langkah-langkahnya :
Carilah kode yang mirip seperti Ini :
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Silahkan ganti kode di atas dengan hasil kreasimu seperti yang di contohkan kang rohman tadi di atas.
Selamat berkreasi!
Seperti yang diinformasikan pada posting terdahulu, bahwa blogger sekarang telah mempunyai sistem read more sendiri, oleh karena itu semua posting kang Rohman terdahulu yang berhubungan dengan kode read more yang lama menjadi usang atau out of date, sehingga artikel-artikel tersebut harus diperbaharui atau di update. Salah satu postingan yang telah usang tersebut adalah tentang cara memasang iklan di bawah posting. Kenapa kang Rohman langsung menyoroti hal ini? ini di karenakan pada posting tentang sistem read more bloger yang baru kemarin ada beberapa komentar yang bernada khawatir bahwa apabila memakai sistem read more baru blogger maka iklan yang di pasang di bawah setiap posting akan terganggu.
Satu yang harus di ingat adalah teknik ini tidak hanya untuk memasang iklan saja tapi bisa juga memasang banner, pesan, informasi subscribe serta yang lainnya yang ingin di pasang dibawah posting. Yang perlu di ingat pula yaitu iklan atau pesan yang terpasang tidak akan tampil dihalaman depan, namun akan tampil dibawah setiap posting apabila pembaca meng klik link "Read more" atau baca "selengkapnya" atau dengan kata lain artikel anda di baca secara keseluhan.
Teknik yang dipakai adalah sebagai berikut, biasanya kode untuk posting adalah seperti ini :
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
atau ada juga yang seperti ini
<div class='post-body entry-content'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Dua-duanya sama saja karena kode tambahan <p>…</p> itu adalah kode html untuk "paragrap" atau dengan kata lain agar kode posting mempunyai paragrap yang berbeda dengan yang lain.
Untuk memasang iklan atau pesan atau apapun sesuai keinginan anda di bawah posting, maka anda hanya perlu menambahkan kode tambahan seperti ini :
<div class='post-body entry-content'>
<data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<p> Kode iklan, banner, pesan atau apapun di pasang disini! </p>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Nah, ternyata gampang bukan. jadi anda tidak perlu khawatir dengan sistem read more baru blogger, karena kita bisa beradaptasi.
Namun ingat, beberapa kode iklan seperti kode iklan adsense, adbrite dan yang lainnya tidak bisa langsung di pasang disitu tapi harus di parse terlebih dahulu seperti yang pernah kang Rohman terangkan dahulu pada posting tentang Pasang Iklan Google Adsense di Bawah Posting.
Masih bingung tentang cara pasang iklan di bawah posting, berikut sebagai gambaran agar lebih gampang di praktikan :
Carilah kode yang mirip seperti Ini :
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Silahkan tambahkan kode yang di cetak dengan warna merah serta hijau;
<div class='post-body entry-content'>
<data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<p> Kode iklan, banner, pesan atau apapun di pasang disini! </p>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Untuk teknik yang berhubungan dengan read more yang baru, mudah-mudahan bisa diposting berikutnya.
