Site Performance from google webmaster tool

Keinginan om google untuk menambahkan kecepatan loding situs ke dalam update pagarank-nya – seperti dalam tulisan ini “ optimasi speed blog dan pagerank”, kini terjawab sudah. Setidaknya ini berdasarkan apa yang ane lihat di bawah label lab google webmastertool kini ada penambahan halaman yang di namakan “ Site Performance “, sebuah page informasi untuk menilai kinerja keselurahan situs atau halaman situs dari segi kecepatan loding time. Kemudian di bawahnya webmaster tool menyarankan terutama untuk pengguna firefox agar menginstall Page Speed , addons yang berfungsi untuk meringankan loding time sebuah situs.

Tujuan-nya sebagai juragan dalam pemain di dunia maya, google nampaknya berkeingginan agar setiap situs layaknya seperti membuka lembaran koran atau majalah tak perlu benggong tak perlu nunggu tak perlu jengkel. Tujuan yang sangat adi luhung ini tentu saja saya sebagai user sangat mendukung sekali.Dengan begitu kita dapat mendapatkan dan menggali informasi tidak perlu ubanan menunggu terlalu lama. Walaupun tentu saja keinginan ini sulit untuk di raih karena berbagai kendala seperti pengunaan gambar dan flash terutama untuk yang lebih mementingkan nilai seni ke dalam layout-nya atau tutorial-tutorial yang hanya bisa di jelaskan dengan bantuan sebuah ilustrasi gambar. Begitu juga dari sisi server atau penggunaan javascript walaupun kini muncul json dll.

Maka mungkin karena dilema dan kendala di atas tersebut, pengaruh speed loding untuk pagerank bobotnya tidak melebihi link popularity.

Free Banner Psd

Banner iklan ini saya buat ketika merenovasi blog sebelah. Desainnya sendiri terinspirasi atau ngaku saja boogle nyontek dari banner iklan yang di buat oleh para profesional grafis yang telah tersedia di berbagai situs. Namun ada beberapa desain saat pengerjaan-nya boogle modifikasi atau kembangkan sesuai dengan kebutuhan. Ukuran banner-nya 200 x 125 px. – ukurannya bisa ente edit menggunakan tag css, atau lebih baik di edit via program shotoshop.

 

via free banner iklan : download pub_banner.psd.

Banner berupa file PSD ini boogle khusus-kan terutama bagi yang baru paham program photoshop sekitar 10%, karena kalau yang sudah mengerti di atas 20% atau yang sudah hampir khotam photoshop pastinya bikin banner sendiri kale.

Optimasi Speed Blog Untuk Peringkat di Google

Sudah bukan rahasiah lagi, jika kecepatan loding blog merupakan salah satu kunci untuk mengundang dan kenyamanan bagi pengunjung. semakin cepat di akses akan semakin memudahkan pengunjung untuk terus menikmati isi blog.

Namun kemarin ini, gosip-nya kecepatan loding halaman situs akan di masukan juga menjadi salah satu acuan faktor peringkat dari kurang lebih 200 peringkat faktor-faktor algoritma sistem Om google. Dan masih menurut gosip juga, acuan ini akan di berlakukan pada tahun 2010 nanti. jika di hitung dari hari ini, mungkin sekitar dua bulan lagi.

Oleh karena itu, keputusan yang bijaksana terutama bagi teman-teman yang lebih fokus dan mengkhususkan blog-nya dalam peringkat di indek google agar mulai berbenah memperbaiki seluruh komponen blog, seperti : gambar, stylesheet, script atau flash. dan mempertimbangkan pengaya ( pernak-pernik ), mana yang bermangfaat dan mana yang hanya sekedar gaya saja ?. mana yang perlu di pertahankan dan apa saja yang perlu di hilangkan.

Dan saran boogle untuk optimasi speed blog jangan lupa gunakan Yslow performance - addons firefox dari Yahoo atau Page speed – addons firefox dari Google. karena selain untuk menganalisa seberapa cepat waktu tunggu sebuah situs, keduanya merupakan tool yang sangat bagus untuk optimasi speed web/blog.

….

Heheheh.. yup ah boogle juga lagi berbenah neh :D

Display Time Script

Yup ! lanjut pada pertayaan seorang kawan tengtang real time atau display time script yang ada pada template boogle ini.

mau nanya kalo bikin update DATE template boogle itu yg pake english piye carane?,,ga lucu kan kalo yg lain inggrisan smua masa tglnya sabtu 31 oktober,,hhehee

Kalau belum jelas mungkin pertanyaan di atas seperti screenshot berikut ini.

 

Ingin di ganti menjadi berikut ini.

Untuk mengganti display time dari indonesia ke inggris, ganti saja javascript yang ada pada free template boogle yakni;

<script src='http://rizqi.moehamed.googlepages.com/tampil_tanggal-min.js' 
type='text/javascript'></script>

Dengan javascript yang telah saya edit berikut ini

<script src='http://santi23.fileave.com/datatime.js' type='text/javascript'></script>

Display Time Script Non Boogle Template

Sedangkan bagi yang non boogle template, untuk menambah display time ke dalam blognya ikutilah langkah-langkah berikut ini.

Pertama:

Simpan display time script ini

note : untuk format indonesia

<script src='http://rizqi.moehamed.googlepages.com/tampil_tanggal-min.js' 
type='text/javascript'></script>

note : untuk format inggris

<script src='http://santi23.fileave.com/datatime.js' type='text/javascript'></script>

Sebelum tag berikut ini.

<head/>

Setelah itu Simpan Template ( save template )

Kedua :

Buka dan pilih tab >> Page Elements >> Add a Gadget >> Html/Javascript

Kemudian simpan script berikut ini.

<strong><script>tampiltanggal();</script></strong>

 

Navbar Transparent ? So what gitu lho

Sebenarnya boogle sudah tahu new navbar yang mendukung transparent ini tiga hari sebelum ada pengumuman dari blogger buzz. Tapi saya memaklumi-nya jika blogger buzz sebagai corong atau situs humas –nya blogger untuk menunggu pengumuman update tentang navbar transparent ini sebelum lolos dari hasil pengujian dan kelayakan, sama persis seperti kita-kita yang suka menulis tentang tutorial blog untuk mengguji dulu trik, tip , javascript dan lain-lain sebelum kita publis untuk di sharing.

Dengan navbar yang mendukung transparent, dan sebelumnya menambahkan beberapa tool untuk kemudahan share atau follow, nampaknya pihak blogger sangat serius agar new navbar ini dapat di gunakan oleh para pengguna-nya bukan di hilangkan atau di sembunyikan, walaupun masih dalam batas demokratis alias tidak memaksakan dan pilihan tergantung kepada kita sebagai pengguna.

Yang menarik dengan adanya transparent ini, kita dapat menganti-ganti tema warna navbar sesuai dengan pilihan warna yang kita inginkan ,- menjadi warna campuran antara warna navbar dan warna background template . misalkan warna merah menyala dengan background template hitam akan menjadi merah maroon, warna kuning akan menjadi kuning ke hijau hijauan dan seterus-nya.

Caranya ente edit dulu navbar –nya dan pilih transparent dark atau transparent white, setelah itu tambahkan script css berikut ini.

#navbar-iframe {
  background:red;
}

* Simpan kode di atas pada halam Css – atau simpan sebelum tag ]]></b:skin>

* ganti red dengan warna yang ente inginkan.

Beberapa Tehnik Jadul Seputar Navbar

Heheheh.. mumpung nulis tentang navbar, boogle akan tambahkan beberapa teknik jadul seputar navbar

Pertama : Teknik untuk menghilangkan navbar pada template.

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

* Simpan kode di atas pada halaman Css, - atau simpan sebelum tag  ]]></b:skin>

Kedua : Teknik auto hide – atau teknik menampilkan dan menyembuyikan navbar memangfaatkan kursor mouse

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

* Simpan kode di atas pada halam Css – atau simpan sebelum tag ]]></b:skin>

Ketiga : Teknik untuk mengatur lebar navbar. – ini jika diperlukan untuk menyesuaikan dengan lebar template

#navbar-iframe {
width:900px;margin:0 auto;
}

* Simpan kode di atas pada halam Css – atau simpan sebelum tag ]]></b:skin>

* width:900px dapat ente ganti sesuai dengan lebar yang ingin digunakan

* dapat di kombinasikn dengan teknik auto hide.

So What

Dengan penambahan transparent ini dan penambahan fungsi lainnya, menurut penilaian subyektif saya tetap masih kurang bagus jika di bandingkan dengan navbar yang di miliki facebook misalnya. Seharusnya pihak blogger dengan dukungan penuh dari google menurut saya lebih baik memikirkan dan membuat sesuatu yang lebih besar dari sekedar update navbar. contohnya membuat … ???? :D  

Update kode verifikasi di webmaster tool

Hehehe.. kalau ngomongin google dance ( update rank ) seru sekali euy. Boogle baca pada beberapa postingan teman-teman banyak yang gembira dengan update sekarang ini. Walaupun ada beberapa yang nangis karena page rank na jatuh.

Seperti yang dialami oleh blog kembaran boogle, awalnya PR3 kemudian bulan kemarin terpeleset ke PR0, namun update sekarang dancing ke PR2. pada hal selama satu bulan ini blog tersebut cuman update tiga postingan, itu pun dua postingan isinya iklan doank. – aneh sampai sekarang boogle belum menggerti hitungan algoritmanya.

And kebetulan juga teman boogle Herdiansyah via form commnent, ngasih tahu juga tentang update rank ini.

Update kode Verifikasi

Aniway, ngomong-ngomong tentang update sebenarnya kode verifkasi untuk blog kita di webmaster tool telah lama di update atau berubah. kalau dulu kita menerima kode verifikasi-nya seperti ini.

contoh code verifikasi lama

<meta content='71K2F4EWJR+9cYh022glOhsOikaRCbcDFXmBi2jaU2w=' name='verify-v1'/>

Sekarang kode verifikasi-nya seperti ini

contoh code verifikasi sekarang

<meta content='CoJiN2yNDcUYTdlbK-iOBhhyjSjKdWuCMmVu3D4viwc' name='google-site-verification'/>

Apakah perubahan ini berpengaruh terhadap search index, seo atau feed ?

Sampai saat ini saya belum mendapatkan informasi detail tentang perubahan kode verifikasi ini. Namun biasanya pada sebuah software dst, update di adakan selain menutup bug pada versi sebelumnya, biasanya update merupakan penambahan tool dan fungsi.

Saya sendiri sih untuk blog-blog yang baru sudah menggunakan new kode verikasi, tapi untuk yang sudah berkarat seperti blog ini saya masih menggunakan verifikasi yang lama, – mungkin sambil lihat-lihat secara trial and error atau sampai ada informasi yang detail tentang fungsi update verifikasi ini. Atau ente punya informasi update ini ??

Menyembunyikan Gadget Followers Pada Halaman Depan

Yup, untuk ketiga kalinya boogle akan menjawab pertanyaan seorang teman via form comment. Pertanyaan berhubungan dengan gadget followers yang ingin di sembunyikan pada halaman depan blog ( from page or home page ).

Hmmm, gitu ya kang..??
Cuma, kalo nyembunyiin gadget followers di home page kok kayak'x susah yah...
Kemaren tak ubrek2 gak bisa2

Sebenarnya tentang trik petak umpat ini secara garis besar sudah saya jelaskan pada postingan “ membuat page dinamis “. Tapi tak ada salahnya saya jelaskan lagi terutama untuk kasus tertentu, seperti menyembunyikan gadget followers, adsense dan gadget lain-nya.

Untuk menyembunyikan gadget Followers pada home page

Simpan script ini, setelah tag ]]></b:skin>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
#Followers1 {display:none;}
</style>
</b:if>

Keterangan;

a.Script di atas menyembunyikan gadget followers pada halaman depan dan indek label.

b.Secara default gadget ini di beri id Followers1. Namun untuk memastikan bisa di cek menggunakan pencarian Ctrl+F >> Followers

c.Cara ini bisa ente gunakan untuk gadget lainnya, seperti ; gadget Html, Adsense dll.

Followers Via Dasboard Page Elements Vs Google Friendconnect

Selain gadget Follower bisa kita dapatkan via page elements sebenarnya ada cara lain untuk mendapatkan gadget ini yaitu via google friendconnect.

dan Saran boogle sih untuk menggunakan gadget followers lebih baik memangfaatkan yang ada di google friendconnect, karena salah satu kelebihanya kita dapat menggatur baris followers –nya  sesuai dengan keingina kita. – misalkan jika terlalu memberatkan kita dapat menampilkan baris followernya hanya dua baris saja. Setelah itu copy kode html –nya dan salin ke gadget Html/javascript.

Tentu saja untuk menyembunyikan pada halaman depan ( home page ), bukan lagi #Followers1 tapi Html yang id –nya dapat di cari menggunakan CTRL+F >> Html ( kode followers ).

 

 

Pasang script Page views this post

Ehmm.. boogle jawab lagi satu petanyaan yang masuk, kali ini tentang script untuk mengetahui berapa banyak sih sebenarnya jumlah pembaca pada artikel atau postingan yang kita tulis. [ dapat ente lihat pada akhir tulisan ini “ page views this post “ . red ] .

gini pertanyaanya;

yang bikin penasarannya tulisan "Page views this post: 97 reader" wkwkwkwk...gimana tuh caranya? dah kaya wp aja.

Tentang script ini saya di beritahu link tutorialnya saat Gtalk bersama Abu Farhan, malahan untuk host databasenya saya nebeng di server miliknya.. hehehe thank buanyak buat Abu Farhan.

Jika ente ingin pasang script untuk mengetahui jumlah pembaca pada artikel yang ente posting, silahkan saja melacur… eh salah … meluncur pada empunya yang bikin script di atas, ini link na gan - blogger-post-page-views-hit-counter .

Untuk pasangnya gampang kok karena sudah di beri keterangan yang jelas-jelasnya. sedangkan untuk yang punya server sendiri dan mendukung php sama mysql, lebih baik script nya pindahin ke server sendiri saja.

yuuuu..

 

Bagaimana cara Menyembunyikan gadget atau widget pada postingan tertentu

Ini ada pertanyaan dari teman kita yang sedang ikutan kontes. Bagaimana caranya agar kita bisa menyembunyikan gadget atau sidebar pada postingan / artikel tertentu.

… Maksudnya bagaimana ngilangin sidebar dihalaman postingan tertentu yakni agar ukuran kbnya gak lebih dari 100kb.pusing2 googling surfing di google eh gak ada euy tutorialnya buat nyembunyiin sidebar di halaman tertentu saja….

Caranya kenali dulu gadget / widget apa yang ingin dihilangkan. dan asal tahu saja setiap kita menambahkan gadget / widget mempunyai nama yang unik.

misal untuk html / javascript ; HTML1, HTML2, HTML3 dst. untuk label;Label1,Label2 dst.  begitu juga untuk gadget / widget yang lainnya.

Ok. Selanjutnya simpan kode ini sebelum tag </head>

<b:if cond='data:blog.url == &quot;http://max-chip.blogspot.com/2009/10/indonesia-dalam-berita.html&quot;'>
<style>
#HTML2 {display:none;}
</style>
</b:if>

* Ganti url “ http://max-chip.blogspot.com/2009/10/indonesia-dalam-berita.html “ dgn posts kontes seo ente.

* Ganti #HTML2 dengan gadget / widget yang ingin di sembuyikan.

* Jika banyak gadget / widget yang ingin di sembuyikan jadinya seperti ini >> misal ; #HTML1, #Label1, #Followers1 {display:none}

* Begitu juga jika ingin menyembunyikan sidebarnya sekaligus.

* Trik ini bisa ente kembangkan lebih lanjut, misal untuk menambah ukuran main-wrapper dan sidebar-wrapper, menambah warna sidebar , menyembunyikan kotak komentar dll pada postingan tertentu. ( baca lebih lanjut ; page dinamis )

 

 

Labs Fitur baru di webmaster tool

Dua hari kemarin Webmaster tool meluncur sebuah eksperimen fitur baru yang layak untuk saudara cek. yang pertama ; Fetch as Googlebot . kedua ; Malware Detail .
kedua fitur tersebut dapat kita temukan pada menu " Labs ".


Walaupun sejauh ini hanya ada dua fitur, namun saat saya coba lumayan juga untuk mengetahui bagaimana googlebot mengambil data dan waktu download halaman blog kita ( seperti blog ini lama juga untuk di download-nya ..red ). Juga yang tak kalah menarik malware detail yang akan memberitahu jika Googlebot telah mendeteksi malware apapun di blog kita.


Setidaknya dengan kedua fitur tersebut kita tidak perlu repot dan jauh-jauh menggunakan jasa pihak ketiga. Dan mudah-mudahan saja fiturnya bertambah di kemudian hari.


Untuk mencoba kedua fitur tersebut silahkan lihat di webmaster tool. Jika blog saudara belum terdaftar di webmaster tool, bisa baca dulu tulisan " mendaftarkan blog ke google "

Bermain-Main Permalink di blogger yuk

Yup boogle lanjut. soalnya mungpung masih bersemangat.. heuehueu… kalau di endapkan nanti idenya takut hilang :D. apalagi untuk nulisnya jika menunggu waktu mungkin sudah tidak bersemangat lagi.. heuehueu

Kali ini boogle akan curhat tentang Permalink.

Apaaaan tuh Permalink

Permalink merupakan singkatan dari Permanent Link.Yaitu alamat url yang merujuk ke halaman postingan.Dengan adanya permalink maka browser bisa menavigasi kepada postingan kita, begitu juga mesin pencari seperti google dan nyahoo menggunakan permalink untuk mengkategorikan postingan.

Blogger yang kita gunakan secara otomatis menghasilkan permalink berdasarkan judul postingan.

Namun pembahasan permalink vesi blogger ini tidak seheboh seperti di wordpress. karena di wordpress permalink bisa di customisasi, sedang di blogger permalink –nya tetap saja sesuai dengan judul postingan waktu pertama kali di terbitkan, walapun judulnya kita ganti beberapa kali pun.

Contoh Judul artikel ini adalah

Bermain-main Permalink di Blogger Yuk

Sedangkan Permalink nya.

Permalink Versi Blogger

http://catalog-tutorial.blogspot.com/2009/10/permalink-versi-blogger.html

Mau bukti !. coba lihat pada status addres bar

( bandingkan dengan judul sekarang )

 

Kita pun bisa bermain-main permalink seperti ini.

Judul pertama ( permalink )

Inul dan Dewi Persik Saling Caci

Setelah kita terbitkan ( publish ), kemudian kita ganti judulnya sesuai dengan tema artikel kita misalkan.

Merawat Gigi Yang Benar Sesuai Rekomendasi Dokter

.

wkwkwkw.. apa ini termasuk nyepam sama Om google yach ?

Note : Agar ngefek permalink –nya mungkin butuh interval waktu, setelah googlebot berkunjung misalnya, atau satu bulan ( itu juga kemungkinan sih.. red ).

Kesimpulan Boogle

Benarkah yang di list dalam search google, yahoo dll adalah permalink?

Walaupun di luaran banyak yang berbicara seperti itu , namun boogle sendiri belum mencoba untuk membuktikanya.

Namun intinya menurut boogle, rencanakanlah yang lebih mendalam dan hati-hati untuk membuat judul artikel sebelum di terbitkan, jika banyak waktu luang lakukan survei melalui kotak serach engine . Dan usahakan judul artikel sebagai permalink tidak lebih dari 35 atau 40 karakter. Karena judul yang ringkas dan padat menurut gosip sangat Seo Frendly.

Contoh Permalink yang Buruk ( tulisan boogle sendiri red ).

Bagaimana Menambah Avatar Comment Bagi Template Non Standar

di address bar-nya tulisanya menjadi terputus. ( lihat terpotong sampai “ Bagi”.)

http://catalog-tutorial.blogspot.com/2009/09/bagaimana-menambah-avatar-comment-bagi.html

Seharusnya untuk permalink

Menambah Avatar Comment

 

Sidewiki Antara Informasi Komentar Dan Nyampah

Setelah lebaran kemarin sampai sekarang, saya lihat Om google rajin men-update beberapa fitur dalam search engine nya, seperti Jump to Infomation, Quickly view formatted PDFs dll. Sedangkan untuk piranti lunaknya  mengembangkan Picassa versi 3.5 yang bisa mengindentifikasi atau mengenali wajah hanya dengan menambah tag atau label pada photo seseorang,dan juga piranti Google toolbar versi ter baru yang di tambahkan alat penterjemah dan Sidewiki.

Lima hari yang lalu boogle pun mencoba Google Toolbar ini, yang menjadi penasaran boogle karena dalam toolbar tersebut ada  Sidewiki. suatu tool yang memungkin boogle bisa meninggalkan komentar pada setiap web/blog yang boogle kunjungi. Dan komentar boogle tersebut akan terlihat oleh sesama pengguna Sidewiki yang sedang berselancar, ujung-ujung nya bisa saling ber-komentar. Interaksi semacam ini hampir mirip bentuknya dengan model situs jejaring sosial seperti facebook atau layak-nya ber-twitter ria bersama teman dalam satu topik.

Komentar Atau Nyampah.

Membaca dari berbagai sumber, kehadiran sidewiki ini menurut boogle pribadi sangat bermangfaat terutama selain membuat pengalaman berinternet semakin interaktif, boogle pun bisa mengetahui sebuah topik lebih dalam lagi, bahkan bisa melihat sebuah topik dari sudut yang berbeda.

Namun karena piranti ini bebas nilai atau ibarat-nya pisau bermata dua, maka sidewiki ini dapat di gunakan hal-hal yang tidak terpuji atau dekonstruktif bagi pemilik situs, karena bisa saja komentar yang ada di sidewiki  dapat membuat visitor enggan membeli produk, jasa atau tulisan pada web/blog yang kita miliki. Apalagi bila lahan komentar ini di mangfaatkan hanya untuk nyampah iklan ( kelakuan siapa tuh ayo ngaku..heuehuehueu.. )

Karena seperti keterangan om google komentar yang ada di sidewiki dapat memberikan kontribusi informasi mendalam terhadap situs yang bersangkutan. artinya apalagi kalau bukan tentang SERP ( search engine results page )

Posts to Blogger Lewat Sidewiki.

Untuk para pengguna blogspot seperti boogle dapat juga memangfaatkan sidewiki ini untuk membuat postingan cara-nya pun sangat gampang, Setelah kita menulis pada editor yang tersedia, kemudian buka saja link My Blog on Blogger dan pilih salah satu atau lebih blog mana saja yang akan kita update posts. dan Publish.

Google Toolbar.

Untuk mendownload atau meng-install google toolbar, saudara bisa mengunjungi situs Google.com/sidewiki. Toolbar ini sudah merupakan Add-ons FireFox.

Dan perlu teman-teman ketahui , untuk memangfaatkan Sidewiki ini, anda harus mempunyai atau membuat Profile Google Anda.

Note:

Jika ingin lebih tahu lagi tentang Sidewiki ini, saudara bisa kunjungi di google.sidewiki atau lebih lanjut di  bantuan sidewiki

Bagaimana Solusi Untuk Merapikan Halaman Page elements

Ini sering boogle alami saat menambah atau mengubah ukuran kolom template, Walaupun pada antar muka-nya saat di preview atau di render ke berbagai browser keliatan mulus tampa cela sedikit pun, Namun pada halaman Page elements-nya (Elemen Halaman) justru kedapatan berantakan, kolom sidebar melorot ke bawah, antar kolom saling tumpang tindih atau tab page elements-nya terpenggal sepotong.

 

Pernakah saudara mengalami seperti pengalaman boogle ? lalu solusi apa yang biasanya saudara lakukan ?

Sedikit Curhat dari pengalaman

Otre, ini sedikit tip atau curhat dari pengalaman boogle mudah-mudahan dapat membantu teman-teman yang belum paham cara merapikan kolom pada halaman Page Elements-nya.

Petama:

kenali dulu struktur atau basis untuk kolom. dalam minima template secara garis besar ada 4 ( empat ) kolom.

1. Header-Wrapper
2. Main-Wrapper
3. Sidebar-Wrapper
4. Footer

* Note atau untuk div id lainya.

Kedua :

Setelah mengetahui basis kolom di atas. kita tinggal menambah kode yang hanya mengatur pada halaman Page Elements, biasanya kode tersebut boogle simpan tepat di atas tag ]]></b:skin>:

seperti ini.

body#layout #main-wrapper
{ width:300px}
or
Body#layout #Sidebar-Wrapper
{width:200px}

Kadang kalau berantakan bangeut, sering juga memainkan property “float”.

Sedangkan untuk menghilangkan Gadget yang secara otomatis ada pada Page Elements ( Elemen Halaman ) seperti ini.

 

Penambahan-nya seperti ini..

Body#layout #tulis id-nya {display:none}

display:none = merupakan property+value untuk menon-aktifkan tampilan sebuah id or class

 

Sekian dulu curhatan dari  boogle, kalau ada trik atau cara yang lain untuk artikel di atas, bisa saudara diskusikan di sini.

 

Membuat Text Style Untuk Judul Blog or Header

Tulisan ini sebenarnya merupakan tanggapan salah satu rekan boogle yang request tentang membuat tulisan judul blog atau header seperti yang terlihat di www.jaloee.blogspot.com. atau saudara bisa lihat pada screenshot di bawah ini.

Kalau menggunakan program grafis seperti photoshop untuk membuat text seperti gambar di atas sangatlah mudah, Namun pada blog jaloee tersebut boogle menggunakan sedikit trik . Keuntunganya tentu saja lebih ringan waktu tunggu loding-nya jika di bandingkan menggunakan sebuah gambar.

Beginilah Caranya

Untuk keamanan backup dulu source templatenya.

1. pilih tab Edit Html kemudian centang/cek tulisan “Expand Widget Templates”.

2. Setelah itu cari kode #Header H1 ( heading 1 ) seperti berikut.

#header h1 {
  font-size:……..
  dan el-el
}

3 Kemudian ganti dengan kode ini.

#header p {margin:3px 0 20px}
#header h1 {
font: bold 1.75em "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing: -1px; padding: 2px 0 0 0px;
margin: 0; background: inherit;
}
h1 .red{ color: #DF5900;background: inherit;}

*note : tentu saja sesuaikan ukuran font, warna dan margin-nya menurut selera anda.

4. Kemudian cari html berikut

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>

5. Setelah itu ganti dengan kode berikut..

<div id='header-inner'>
<div class='logo'>
        <h1><a href='http://www.jaloee.blogspot.com/' title='The best tutorial photoshop on the net!'>Beloon <span class='red'>Online</span>^{3eX edition}</a></h1>
            <p>What shall your read and think today?</p>
      </div>
</div>

* Note : Ganti tulisan berwarna dengan url (alamat blog)  dan slogan blog saudara.

Akhirnya

Setiap template mungkin memuat kode yang berbeda-beda, tapi jika saudara jeli dan teliti, boogle yakin anda dapat melakukanya. Kreatifitas dan inprovisasi anda itu yang paling utama.

Alat penterjemah webblog yang terbaru dari om gogo

Pernahkah kepikiran blog curhat dan gagasan teman-teman di baca oleh Mr Obama, atau penawaran kaos clothing teman-teman di baca oleh pemuda tanggung dari arab saudi.

Nah itu bisa teman-teman lakukan dengan cara menggunakan atau menambah sebuah gadget “ website translation tool” dan perlu teman-teman ketahui, ini bukan hanya satu halaman tapi menerjemahkan keseluran isi web/blog .

Terus apa perbedaanya dengan gadget "Google Translate" yang sudah ada ?

Yang boogle lihat selain dari segi tampilan lebih halus dari gadget sebelumnya, dari cara kerjanya pun sangat berkelas tidak lagi menggunakan Frame. Setelah kita memilih terjemahan bahasa apa yang diinginkan, maka di atas halaman akan terlihat sebuah toolbar browser mengambang ( floting ) yang teman-teman bisa membuat pilihan bahasa selanjutnya atau keluar/close. untuk demo bisa di lihat pada sidebar blog ini “ Google Translate”

Bagaimana Cara Menggunakan Gadget Tersebut

Sangat mudah sekali seperti teman-teman biasa menambahkan sebuah kode/script ke dalam Html/Javascript.

Untuk mendapatkan kode scriptnya teman-teman bisa mengambil di Google Translate page.

 

Google Template eh Boogle Template

Boogle pikir untuk membuat template seperti ini tidaklah terlalu sukar dan rumit alias sangat mudah, namun tak ada salahnya boogle share template ini buat teman-teman.

Konsep dasar-nya membuat antar muka yang menyerupai om google, karena sesuai moto saya  “ I like Minimalis “. Jadi tidak ada sesuatu yang lebih dan wah , kecuali selama saya pakai sejak 1 syawal kemarin saya jadi kerajingan untuk terus update.. update.. update walaupun kontenya kadang tidak selalu bermakna.. yang penting update.

Satu lagi, jika boogle ingin mengedit, menperbaharui atau menambah ke dalam template ini, boogle selalu ngucapin “ bismillah “ dulu, satu hal yang jarang saya lakukan pada template – template sebelumnya.

I don’t know ! mungkin karena template-nya masih baru dan belum membosankan. heuehueu..

Apakah di antara teman-teman ada yang suka dengan antar muka template si boogle ini ?

Ente bisa download di sini : Boogle leot. rar.

Perhatian : Segala resiko dan tanggung jawab terserah dan di pikul anda sendiri.

Main features of Boogle

Biar gaya seperti master-master template :D. Boogle pun tidak mau ketinggalan untuk menjelaskan fitur-fitur yang terdapat pada free template si Boogle.

1. Multi Level Navigasition Bar.
2. Related Post
3. Auto Read More v 4.1
4. Real Time
5. Google Page Navigation by Abu Farhan.

Sedikit Penjelasan Cara Menginstallnya

* catatan : Jika belum paham cara mengganti template bisa di lihat di sini “ Bagaimana cara menggati template “

1. Header/ Logo

Untuk header logo teman-teman bisa menggunakan jasa situs ini http://googlefont.com/. masukan saja slogan logo yang ingin di gunakan. Tapi saran boogle jangan terlalu panjang tulisan slogannya, cukup misalkan “ Moogle, Voogle, Hoogle, Icoons, Buugil dst “. Jika ingin lebih dari itu, maka teman-teman dapat mengeditnya pada bagian css Header.

Jangan lupa ketika memasukan atau meng-upload logo-nya pastikan tulisan “ Instead of title and description” dan “ Shrink to fit” yang terpilih.

 

 

Untuk yang belum paham cara mengupload gambar untuk bagian header bisa di lihat pada tulisan ini " Bagaimana Menambah Gambar Untuk Header  “.

2. Form Search.

Ada dua Form Search yang perlu di tambahkan pada template ini. yang pertama form search di samping kanan logo header dan yang kedua form search di bagian footer ( bawah ).

Caranya klik “ Add a Gadget ( Tambahkan Elemen ) “ kemudian pilih “ Html/Javascript “ setelah itu masukan script ini.

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="50" type="text"/>
<input id="search-btn" value="Search" type="submit"/>
</form>

* Untuk yang belum paham bagaimana menambahkan sebuah Gadget bisa dilihat pada tulisan ini “ Bagaimana Menambakan Gadget “ Html/Javascript “.

3. Menambah Real Time dan Tulisan Welcome.

Klik “ Add a Gadget “ pada elemen  seperti terlihat pada gambar.

 

.

 

kemudian pilih Html/Javascript dan masukan script ini.

<div class="top_info_right">
<b>welcome</b> to my blog <b>enjoy and happy fun</b></div>        
<div class="top_info_left"><p><b><script>tampiltanggal();</script></b></p></div>

4. Auto Read More

Karena “ Boogle Template “ ini sudah terpasang auto read more ( ringkasan artikel secara otomatis ). jadi pada Settings - Select post editor. pilihlah Old Editor. ( menggunakan Old Editor.red) - ani katamsi, jika teman-teman ingin menggunakan read more ( read more blogger ). unistal lah dulu script auto red morenya.

5. Google Pages Navigation

Pages Navigation ini sangat spesial bagi boogle, and makasih buat Abu Farhan yang telah membuatkanya. untuk mengetahui cara menggunakanya bisa teman-teman melihat pada tulisan Abu Farhan “ Page Navigation Google Style “  

Silahkan Bertanya

Kalau masih ada yang belum paham silahkan saja kirim pesan. caranya ketik: reg spasi boogle kirim ke larrypage@gmail.com.. heuheue.. hereuy uy !!!!.

Silahkan saja tinggalkan komentar.

 

Blogger Wanted ? from Buzz

Have opinions about Blogger? If so, we'd like to meet you. We are looking for participants willing to document their blogging practices over a few weeks and answer some interview questions. This will help us better understand your needs and keep improving Blogger.

Ayo teriakan pendapat kamu tentang blogger, lantangkan keinginan atau kebutuhan kamu pada blogger. itu jika kamu beruntung terpilih, and lumayan kamu dapat konpensasi atau mungkin di undang ke amrik ke markas google..wehhhhh

Daftar di sini teman 

info : Blogger Buzz: Bloggers wanted!

Apakah bulan ini Om Google akan berdansa Kembali ?

“Google Dance” atau “Tarian Google”  merupakan istilah yang sering di gunakan dalam bahasan seo.jenis tariannya bukan sembarang tarian,  karena tarian ini konon tarian yang paling maut dan muktahir, menggunakan sebuah perhitungan algoritma atau sering di sebut juga “ tarian algoritma “ – dan ngga mungkin tarian ini di klaim oleh pihak malaysia.

Dan seperti biasa Tarian Maut si Om ini mengacu pada pembaharuan bulanan Update Page Rank dan peringkat index.  bulan kemarin saja page rank boogle di sengol turun satu peringkat. hehehe..

Menurut gosip yang beredar seh si Om bulan ini bakalan berajojing lagi. yah kta tunggu saja apa benar atau hanya gosip murahan.

Bagi boogle sih yang penting “ update update harupat “ lah .

Page Navigation Google dari Abu farhan

Ada satu aksesories jenius yang tadi siang saya tambahkan pada blog boogle ini , aksesories tersebut bisa di lihat teman teman di bawah halaman depan blog. ( mengantikan Older – Newer And Home )

Yes keliatan cantik dan sangat profesional bukan ? sebuah  page navigation yang di buat hampir seratus persen menyerupai numbered page ala om google. Page navigation tersebut di buat oleh Abu Farhan . ( Jazakumullah khairon ya akhi ) .

Siapa Abu Farhan itu ?

Masih ingat tentang “ The best Hack – Memodifikasi Daftar Isi atau SiteMap “ yang dulu saya tulis. Nah itulah orang-nya. Dua hari kemarin boogle sempat mengunjungi blognya lagi. dan membaca tutorial modifiaksi atau tepatnya menyempurnakan bug / masalah pada sistem kerja Numbered Page Navigation yang pertama di buat oleh Muhammad Rias.

Tampa mengurangi rasa hormat apa yang telah di lakukan oleh muhammad rias untuk memecahkan kebuntuan tentang page navigation yang dulu cuma di miliki oleh blog wordpress, Namun sejak awal saya sudah merasakan ada ke anehan pada kerja hack ini, cuman boogle yang oot ini tidak tahu apa masalahnya, dan merasa ngeh juga ngerti setelah membaca tutorial Abu Farhan “ Page Navigation for Blogger (Problems Solved) “. ada dua penjelasan manarik dari beliau, kenapa page navigation sedikit ada masalah. yang pertama; karena secara default blogger tidak ramah untuk membuat banyak postingan pada hari yang sama, ini sangat berpengaruh pada kinerja page navigation yang tidak tepat. red. kasusnya hampir mirip dengan problem tanggal yang saya posting “ Menampilkan Tanggal Pada Hari Yang Sama “. yang kedua: masalah pada label, jika kita memiliki banyak tulisan dalam satu kategorie maka saat kita klik label tersebut akan muncul lebih dari maksimum posting per halaman ( keterangan yang Jadul pernah di pecahkan oleh Suhu Ramani ).

Jika ingin mengetahui penjelasan yang valid bisa cek langsung ke blognya Abu Farhan.

Sedikit masukan dari boogle, jika ingin menambah page navigation tersebut simpan scriptnya di atas tag </body> seperti yang dilakukan oleh blogger plugin, namun untuk javascriptnya simpan seperti yang Abu Farhan lakukan, jadi javascriptnya tidak perlu di simpan di url lain. ini menurut boogle labih ringan dan membantu saat di loding.

Akhir Kata

Sekali lagi Jazakumullahu buat akhi Farhan yang telah membuatin boogle page navigation ( test rendering ie6,7, 8, sapari,3.03, opera 9.64, FF 3.5.3 makyusss ), cuman kemarin ngga pesan gambarnya boogle ( Bo ) bukan google ( Go ).. heheheh nawar :D , tapi Insya Alloh kapan-kapan akan saya re-edit gambarnya.

Pasang Animasi Intro Flash Di Blogger

Update “ pasang animasi intro flash di blogger “ : Akhirnya setelah boogle tulis tengtang “Pasang Intro Flash di Blogger “, ada masukan trik dari suhu Herro, trik yang boogle pikir 99% sangat layak dan valid untuk teman teman pergunakan. – dan secara pribadi boogle sangat berterima kasih sekali atas masukan dari kang herro.

Beginilah caranya.

Sebenarnya trik ini masih prematur , namun untuk sekedar sharing dan mudahn-mudahan menjadi pemicu bagi master dan para suhu blogger untuk membahas cara pasang intro flash yang lebih layak dan valid, atas dasar pijakan itu, maka boogle coba memberanikan diri untuk mengulasnya .

Untuk demo bisa teman boogle lihat di blog ini  Paribasa

 

 

Mempersiapkan File Flash.

Untuk mempersiapkan file flash sebagai intro-nya, ada beberapa cara yang dapat teman boogle lakukan. di antaranya menggunakan program populer seperti adobe flash, swish dll. - pastikan file yang kita buat ukuran byte nya sekecil mungkin, jika ingin menggunakan sound/suara sebagai musik latar belakang atur format-nya  ke midi file, jika menggunakan format Mp3 atau Wav kompresi file –nya dengan tool cool edit dll.

Untuk yang instan , teman boogle dapat memangfaatkan bantuan om “ boogle “ eh “ google “ dengan kata input “ free intro flash “ dsb.

Setelah file intro flash –nya di buat atau tersedia simpan di tempat penyedia layanan hosting. kalau mau yang gratisan menurut kang firdaus bisa coba menyimpanya di fileave.com atau fileden.com.

Cara pasang Intro flash – Trik dari Kang Herro.

Buka tab Edit Html dan tandai/centang tulisan Expand Widget. 

1. Masukan kode berikut tepat di bawah <body>

<div id='flashintro'>
<div align='center'> <p style='padding:50px;'> <object height='340' width='150'> <param name='movie' value='MYFLASH.swf'/> <embed height='410' src='Url Flash' width='560'> </embed> </object> </p><p style='padding-top:5px;font-size:18px;font-weight:bold;color:#fff;'><a expr:href='data:blog.homepageUrl + &quot;search/label/?max-results=4&quot;'>skip intro</a></p> </div>
</div>

Catatan : Ganti url flash ; dengan alamat / url flash yang anda simpan. sesuaikan juga nilai height dan width dengan ukuran flash anda.

2. Selanjutnya cari tag <b:includable id='main'> - atau bisa dengan ID yang lain . Letakkan kode berikut tepat dibawah tag tersebut.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
body {
background-color: #000000;
background-image: none;
}
#flashintro {
text-align:center;
margin:auto;
padding:auto;
}
#outer-wrapper{display:none;}
</style>
<b:else/>
<style>#flashintro{display:none;}</style>
</b:if>

Catatan : untuk menghilangkan intro flash di dalam halaman Page Elemens , cari tag ]]></b:skin> ,  dan sebelum tag tersebut di atasnya masukan kode ini.

body#layout #flashintro {display:none;}

kemudian Save Template

Pengaturan Untuk Halaman Depan ( tab Home )

Selanjutnya jika teman boogle mempunyai tab menu/ navigasi maka halaman depan-nya yang biasa di wakili dengan menu Home/depan/beranda mesti di atur ke halaman search/label/?max-results=4 atau 5/6 dst  yakni;

<a expr:href='data:blog.homepageUrl + "search/label/?max-results=4"'> Home </a>

Begitu juga untuk link Home di Page Navigation –nya ( yang ada di bawah Older – Home – Newer ), untuk Home –nya atur dengan link di atas.

untuk mencoba-coba teman bloogle bisa menggunakan url flash boogle.

http://santi23.fileave.com/mudik%20yuk.swf

 

piuuuuh tidak lupa boogle ingin mengucapkan

Taqabalallaho Minna wa Minkum

Selamat I’dul fitri Mohon maaf bila ada salah salah kate

 

Bagaimana Menambah Avatar-Comment bagi Template Non Standard

Walaupun sangat terlambat dan mesti menunggu blogger ulang tahun yang ke 10 dulu , namun bagi saya dan mungkin jutaan pengguna blogspot di seluruh dunia merasa senang dengan penambahan avatar pada tampilan komentarnya. Dengan demikian kita tidak perlu menggunakan javascript -hack pihak ketiga atau menggunakan avatar dari mybloglog.

Namun penambahan avatar pada komentar ini tidak berjalan mulus untuk semua pemakai, karena ada sebagian teman-teman yang tidak menikmati avatar komentar pada blognya masing-masing. Dan ini menurut saya sangat wajar karena ada sebagian teman-teman yang suka mengedit-edit pada bagian ini dan banyak juga penyedia free template yang tidak mengantisipasi penambahan ini.

Untuk itu bagi teman-teman yang tidak melihat avatar-comment bisa coba menggunakan trik sederhana ini, yang saya dapat kan dari bloggerbuster.

 

Menambah Script Untuk Menampilkan Avatar

.

Langkah Pertama :

Cek dulu pada tab Settings – Comments kemudian periksa di samping “ Show profile images on comments? “ pilihanya pada “ Yes” . dan sekarang periksa pada post commnets-nya apa avatarnya sudah keliatan.

Langkah Kedua :

Jika langkah pertama belum tersedia/ada, kita bisa mengedit template kita pada bagian Html –nya. Buka tab Edit-Html kemudian cek/centang/tandai tulisan Expand Widget Templates.

Kemudian cari script di bawah ini.

<dl id='comments-block'>

Jika anda tidak menemukan kode di atas coba cari script ini.

<div id='comments-block'>

Setelah script di atas ketemu kemudian ganti dengan kode berikut ini.

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Note : intinya sebenarnya ada pada kode expr:class='data:post.avatarIndentClass'

Setelah itu kemudian cari kode ini.

<a expr:name='data:comment.anchorName'/>

Kemudian di atasnya masukan/simpan kode berikut ini.

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

Kemudian Simpan Template ( Save Template )

 

Apa Selanjutnya ?

 

Walaupun kita sangat senang dengan penambahan ini, namun saya kira dan setuju bangeut dengan pendapat amanda. bahwa penambahan avatar ini masih menyisakan pere buat tim work yang ada di  belakang “ blogger “ . karena sebagaimana kita tahu tampilnya avatar ini hanya tersedia untuk pengguna akun  blogger/google, tidak untuk pengguna yang lain seperti Open Id dll.

Memang sangat di sayangkan untuk penantian selama 10 tahun. but kita tunggu saja dengan sabar.. hehueueue.

 

Update

 

Dulu saya pernah nulis tentang “ Membuat Halaman Komentar Menjadi Dua Kolom “ . Tulisan tersebut ( kode tersebut ) telah saya update dan bisa menampilkan avatar-comment.

Jadi yang terlanjur menggunakan silahkan update kode scriptnya.

Bagaimana Cara Membuat artikel terkait atau related posts

Related Post atau Postingan Terkait itu sendiri banyak versi. Namun tujuannya tetap sama yakni menampilkan artikel terkait menurut kategorie atau label dari tulisan yang sedang kita baca. Dan ini biasanya sangat membantu jumlah PageView ( halaman yang di baca ) pada blog kita, Terutama bagi visitor yang ingin menggali lebih dalam artikel lainnya yang kita tulis.

Untuk tata letak bagusnya “ Related Post “ di simpan tepat bawah artikel, atau sedikit jarak dengan artikel.

* Perhatian

Dan perlu di ingat Post terkait ini akan berjalan atau terlihat jika artikel kita mempunyai label/kategorie/tag yang sama dari beberapa tulisan.

 

Menambah Script Artikel Terkait “ Related Post “

Berikut ini tahap-tahap untuk menambahkan script Arttikel Terkait ke dalam Template Blog.

1. Login/masuk  ke Blogger.com jika belum log in.

2. Pada halaman Dasboard masuk ke Layout ( tata-letak ), pilih tab Edit Html.

3. Kemudian tandai/centang kotak di samping tulisan “Expand Template Widget”

4. Setelah itu tempatkan script berikut ini di bawah tag ]]></b:skin>

 

<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

 

5 Kemudian cari bagian ini, dan tambahkan seperti kode yang di beri warna

 

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>

<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&amp;max-results=10&quot;' type='text/javascript'/>

</b:if>

</b:loop>
</b:if>
</span>

 

6. Sekarang cari kode baris post-footer berikut ini.

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

kemudian masukan di bawahnya script ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-posts'>
<h4>Posts Terkait:</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>

 

Simpan Perubahan ( save template ).

 

Jika ingin memberi style atau gaya pada tampilan Widget Related Post ini. kita bisa menambahkan pada halaman Css-nya, script berikut, sebelum tag ]]></b:skin>

.related-posts h4{
margin: 0 0 0 10px;
padding: 0 0 0;
font-size: ukuran font;
color: #nilai warna;
}

 

Untuk List

.related-post ul{
margin: 0 0 0;
padding: 0 0 0;
list-style-type:none;}
.related-posts li{
margin: 0 0 0;
padding: 2px 0px 0px;
list-style-type:none;
font-size: ukuran font;}
.related-posts li a{color: #nilai warna}
.related-posts li a:hover{color: #nilai warna; text-decoration:none;}

di tulis dari berbagai sumber.

usuariocompulsiv
templatesparanovoblogg

 

Horee Blog comment ada avatarnya

heuheuehue.. apa saya baru nyadar atau emang ini baru di tambahin oleh pihak blogger. Padahal tadinya saya mau nulis “ kapan blogspot punya avatar “ ?.

Jadi tambah asik saja ngeblog di blogcepot makin kumplite.. heueueuehu

lebaran sebentar lagi

Lebaran sebentar lagi , Berpuasa sekeluarga, Sehari penuh yang sudah besar , Setengah hari yang masih kecil, Alangkah asyik pergi ke masjid, Shalat tarawih bersama-sama

Terkenang masa kecil, saat-saat menunggu beduk detik demi detik. begitu adzan berkumandang mata sang ibu menatap ku bangga, karena anaknya mampu untuk menahan haus dan lapar. bak seorang raja aku pun di perlakukannya sangat istimewa, di beri hidangan yang lezat-lezat. dan setelah isha tiba aku di beri uang untuk jajan apa yang aku suka.

Terkenang masa kecil, saat-saat menunggu hari raya tiba detik demi detik. ibu ku sibuk membelikan baju baru sepatu baru, karena bangga anaknya hampir menunaikan ibadah puasa sebulan penuh.

Terkenang masa kecil, yang begitu indahnya berpuasa...

Tuhan ! apakah aku akan merasakan lagi sedih saat bulan ramadhan ini meninggalkan hamba ?

Mohon tambah umur setahun lagi, berilah hamba kesempatan.

Setiap habis Ramadhan

Hamba rindu lagi Ramadhan

Saat – saat padat beribadah

Tak terhingga nilai mahalnya

Setiap habis Ramadhan
Hamba cemas kalau tak sampai

Umur hamba di tahun depan

Berilah hamba kesempatan

Setiap habis Ramadhan

Rindu hamba tak pernah menghilang

Mohon tambah umur setahun lagi

Berilah hamba kesempatan

Bisakah “ Blogger “ pasang Flash Intro ??

Karena ada yang bertanya cara pasang flash intro di blogger, maka selama sepekan kemarin dengan berbagai cara saya coba ber- experiment. hasilnya untuk sementara ini belum keliatan sempurna aau masih adanya anomali pada layout kita bila terpasang flash intro, dan juga bila di render pada browser ie maka flash intro nya sendiri tidak tampil bahkan melaporkan adanya error kode. Namun tidak menutup kemungkinan bahwa “ Blogger “ pun sebenarnya bisa memangfaatkan flash intro.

Update Intro Flash

Bisa di baca di

Pasang Animasi Intro Flash di Blogger

Menganti tag judul postingan dari H3 menjadi H1

Trik ini sebagian orang sudah tahu dan sebagian-nya lagi belum . dan saya tulis ini untuk yang belum mengetahuinya.

Konon menurut orang pintar “seo”, tag Heading 1 [ H1 ] merupakan tag ajib yang membuat blog kita bisa nongkrong di list google. Makanya sebagian orang mengantikan Judul Postingan [ title post ] –nya dengan tag H1 ini.

Tampa berkomentar tentang mitos H1 ini, jika kita ingin menganti judul postingan menjadi Heading 1 [ H1 ] caranya mudah and gampang.

Pertama :

centang/tandai Expand Template Widget.

Kedua :

Cari dan ganti tag css untuk judul postingan [ title post ] dari H3 menjadi H1. seperti ini. ( mungkin sebagian template mengunakan tag h2.h4 dll  .red)

.post h3 { …. kode }

.post h3 a, .post h3 a:visited, .post h3 strong { … kode }

.post h3 strong, .post h3 a:hover { … kode }

menjadi

.post h1 { …. kode }

.post h1 a, .post h1 a:visited, .post h1 strong { … kode }

.post h1 strong, .post h1 a:hover { … kode }

Ketiga :

Kemudian dalam kode Html –nya cari dan ganti H3 ( atau h2, h4 dll ) tersebut dengan H1.

<h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
       <b:if cond='data:post.url'>
         <a expr:href='data:post.url'><data:post.title/></a>
       <b:else/>
         <data:post.title/>
       </b:if>
    </b:if>
     </h3>

Menjadi

<h1 class='post-title entry-title'>
    <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
       <b:if cond='data:post.url'>
         <a expr:href='data:post.url'><data:post.title/></a>
       <b:else/>
         <data:post.title/>
       </b:if>
    </b:if>
     </h1>

 

Good Luck

Menampilkan tanggal postingan pada hari yang sama

Secara default blogspot tidak bisa menampilkan tanggal postingan pada hari yang sama. Dan ini kadang-kadang menggangu konsistensi dalam sebuah layout . Untuk itu agar tanggal postingan tampil pada hari yang sama perlu di tambahkan/diganti dengan sebuah script baru. script ini saya dapatkan di sini.

Untuk menyimpan script ini ke dalam layout kita cukup mudah.

pertama - cek/centang atau tandai “ Expand Widget Templates “

kedua - cari dulu kode html untuk tanggal . ( Ctrl + F )

<b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>

ketiga - kemudian ganti html di atas dengan kode berikut ini.

<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>

Enjoy !

The Best Hack : Membuat Daftar Isi atau Sitemap

Akhrinya keluar juga. trik/hack yang bagus untuk membuat daftar isi atau sitemap secara otomotis ke dalam halaman postingan. hack yang sangat rapih, bagus dan pintar. untuk melihat demonya. Daftar Isi Kategorie

Hack ini di kembangkan oleh Abu Farhan, jika anda tertarik bisa baca tutorialnya di sini. " The Best Table Of Content or Sitemap For Blogger "

Menurut saya , inilah salah satu trik/hack blogger yang the best untuk tahun ini. thank buat Abu Farhan

Kampanye anti ie 6

Membaca tulisannya mas pupung “ ie 6 belum mati “, membuat saya miris juga. koq browser yang sudah kadaluarsa dan kampungan ini  masih terdepan di gunakan oleh pengguna netter di seluruh dunia.

inilah data yang di rilis pada tulisan tersebut.

IE6 ternyata masih menguasai pasar terbesar dari semua browser dengan 27,21%, diikuti oleh IE7, dengan 23.06%, dan ditempat ketiga ditempati Firefox 3.0 dengan jumlah pasar 16.21%.

Saya kemarin sempat gogon juga tentang ie 6 ini. dan hasilnya banyak kalangan IT yang mengkampanyekan “ stop penggunan ie 6 “. karena beberapa alasan tentang bug ie 6 yag bisa di baca pada tulisan blog ini “ Mengapa kita harus meninggalkan Internet Explorer 6 “.

Dan sayangnya pihak microsoft sendiri akan menghentikan pengunan ie 6 pada instalasi defaul windows xp nya  pada tahun 2014 seperti yang di rilis oleh okezone.

Apakah ada cara lain untuk menghentikan ie 6 selain memasang banner seperti di atas ?.

Mungkin salah satu trik untuk memaksa visitor dari ie 6 agar beralih ke ie 7 ke atas, ialah membuat situs/blog nya di hilangkan atau di sembunyikan alias blank putih dan polos pada tampilan browser ie 6. apalagi jika di tambahkan sebuah peringatan misalnya seperti “ dowload ie 7 untuk melihat situs/blog ini “ atau “ blog ini hanya support untuk browser cerdas “ dll. 

Bagaimana menurut anda ??

Bagaimana Cara Membuat “ Community Link Feed “

Walaupun tidak begitu banyak yang mendaftar atau memangfaatkan “ community link feed “ sebagai ajang promosi untuk blog teman-teman ( lihat di samping kanan bawah blog ini – pada halaman depan/from page), namun setidaknya ada beberapa teman yang bertanya , Bagaimana cara membuat widget “ Comunity Link Feed “ tersebut ??.

Untuk membuatnya ada tiga langkah yang harus kita miliki/ gunakan. pertama memangfaatkan fasilitas google doc ( tentunya harus memiliki akun gmail ), kedua, mempunyai akun di bookmark Deliciou, ketiga , memangfaatkan feed dari feedburner.

Untuk detail atau penjelasan langkah-langkah selanjutnya bisa anda baca pada tutorial mas Nataludin “ membuat community feed link untuk blogger  “

Widget “ communtity link feed “ ini sendiri bukan barang asing untuk pengguna wordpress, dan sangat bermangfaat untuk ajang mempromosikan blog/artikel secara gratis. 

Selamat jalan suhu “ Willy “

Si anjing liar dari Jogjakarta
Apa kabarmu ?
Kurindu gonggongmu
Yang keras hantam cadas

Si kuda binal dari Jogjakarta
Sehatkah dirimu ?
Kurindu ringkikmu
Yang genit memaki onar

Dimana kini kau berada ?
Tetapkah nyaring suaramu ?

Si mata elang dari Jogjakarta
Resahkah kamu ?
Kurindu sorot matamu
Yang tajam belah malam

Di mana runcing kokoh paruhmu ?
Tetapkah angkuhmu hadang keruh ?

Masih sukakah kau mendengar ?
Dengus nafas saudara kita yang terkapar
Masih sukakah kau melihat ?
Butir keringat kaum (orang) kecil yang terjerat
Oleh slogan slogan manis sang hati laknat
Oleh janji-janji muluk tanpa bukti

Di mana kini kau berada ?
Tetapkah nyaring suaramu ?
Di mana runcing kokoh paruhmu ?
Tetapkah angkuhmu hadang keruh ?

Willi – album Ethiopia ; Iwan Fals

Berawal saat saya membeli kaset album “ Kantata Taqwa “, kaset pertama yang saya beli di usia 16 th, setara sma waktu itu. Namun kaset itu pula yang mengiring saya dan berdampak luar biasa bagi saya untuk meng-apresiasi atau menikmati saja-sajak Ws Rendra. Sajak-sajaknya yang begitu mudah untuk saya pahami, namun sangat kuat dan membekas untuk dihayati. sajak-sajaknya yang bernada protes atas ketidak-adilan, cinta, kemanusian atau wisdown sering membuat saya terkesiap dan terpana.

Kesaksian – album kantata taqwa.

banyak orang hilang nafkahnya
aku bernyanyi menjadi saksi
banyak orang dirampas haknya
aku bernyanyi menjadi saksi

atau paman doblang – album kantata taqwa yang satu bait syairnya di ulang-ulang oleh ws rendra dengan suara yang berat memancarkan semangat untuk terus berjuang.

Kesadaran adalah matahari
kesabaran adalah bumi
Dan perjuangan
Adalah pelaksanaan kata-kata.

Rajawali – album kantata taqwa

Satu luka perasaan
Maki puji dan hinaan
Tidak merubah sang jagoan
Menjadi makhluk picisan

Dan kebetulan karena rasa rindu dan penasaran akan suara dan karya beliau, saya pun sempat membeli kaset berupa salah satu kumpulan sajaknya seperti “ Sajak Joki Tobing Untuk Widuri, Doa serdadu sebelum berperang, Sajak seorang tua untuk bandung lautan api dst “.

Seperti “ Sajak Seorang Tua Untuk Istrinya “, merupakan sajak yang mengajarkan untuk memaknai dan menjalani hidup apa adanya dan tampa kepura-puraan. suka dan duka adalah suatu kewajaran dalam hidup ini dan setiap orang mengalaminya.

Kita tidaklah sendiri
dan terasing dengan nasib kita
Kerna soalnya adalah hukum sejarah kehidupan.
Suka duka kita bukanlah istimewa
kerna setiap orang mengalaminya.

Kewajiban dan kesalehan kita kepada Tuhan haruslah bukan sebuah beban, tapi merupakan tugas yang mengolah kita menjadi manusia. dan selayaknya kita menjadi manusian harus bermangfaat bagi manusia lainya.

Hidup tidaklah untuk mengeluh dan mengaduh
Hidup adalah untuk mengolah hidup
bekerja membalik tanah
memasuki rahasia langit dan samodra,
serta mencipta dan mengukir dunia.
Kita menyandang tugas,
kerna tugas adalah tugas.
Bukannya demi sorga atau neraka.
Tetapi demi kehormatan seorang manusia.

Ah itulah sebatas pemahaman saya pada sebagian sajak-sajak belaiu, pemahaman dan penghayatan yang tentunya takaranya sangat subjektif dan personal.

Kini beliau sudah tiada seperti manusia lainya, namun karya-karya nya tak akan sia-sia untuk di nikmati dan di hayati. dan saya bukanlah siapa-siapa apalagi muridnya hanya sebagai pengemar dari jutaan pengemar di negri ini. namun karena rasa tertarik yang begitu mengebu-gebu saya sempat membuat blog yang terinspirasi oleh sajak beliau tentang “ Rajawali “, dan sempat membuat blog bergambarkan beliau ( sayang gambarnya di simpan di googlepages, jadi hilang ).

ya itu biasa saja seorang pengemar terhadap idolanya. – walaupun ada beberapa hal yang tidak sependapat.

Selamat jalan suhu “ willy “ semoga Alloh membalas segala kebaikannya. amin.

Intermezo dulu ah : Featuring –fbt templates

Wedan benar.. saat sidak keberbagai blog aliran cepot, buanyak pisan antar mukanya yang keren abizz dan full overdosis, apalagi di tambah fitur-fitur yang bikin saya melohok-lohok terkagum-kagum. seperti slideshow, widget, hack dan tuning css nya yang super bin duper.

Seperti prediksi di awal tahun , tahun ini emang lagi musismnya leot aliran magazine-style, leot yang menurut saya, sebenarnya emang di dukung oleh pihak blogger sendiri dengan merilis widget – widget yang di butuhkan untuk leot jenis ini.

Walaupun begitu, masih ada juga yang setia dengan tampilan yang minimalistik dan sedikit jadul, salah satunya mungkin saya.wkwkkw..

oh iya.. saat patroli kemarin nyari – nyari inspirasi leot aliran minimalis clean, saya menemukan free blogger template jenis ini. yaitu bisa di lihat demonya di “ featuring-fbt” .  selain minimalis mungkin bentuk navigasinya yang keyen. apalagi fitur css-nya yang lumayan lengkap, seperti. blockquote, Unordered list, Ordered list dan table.

Page Script alternatif lain untuk Page Navigation

Seingat saya tahun 2008 kemarin para penguna blogcepot di hebohkan dengan hack pagination,  atau menururt moehamed rias yang mengagasnya di sebut dengan Page Navigation.

Page Navigation tersebut menurut saya selain mempercantik halaman blog,  juga sangat simple untuk meloncot dari satu halaman ke halaman lainnya - dari pada mengunakan link-page standar seperti Older Post - Newer Post and Home. 

Akan tetapi selain mengunakan cara di atas, saat ini sebenarnya ada alternatif lain untuk mengganti page navigation tersebut, yakni mengunakan hack dari vietwebguide yang di beri nama " Page Script ".

Atau bisa melihat demonya pada blog berikut metamorph-shadow.

Cara Install Page Script

Di sini saya hanya peyambung lidah dari pengagasnya saja.

pertama :

Buka Edit Html dan tandai/centang Expand Widget Templates

 

setelah itu cari kode berikut ini ( Ctrl + F ).

<b:include name='nextprev'/>

Kedua :

Setelah kode di atas di temukan, ganti dengan kode berikut ini.

 

<b:if cond='data:blog.pageType == "index"'>
<style type="text/css">
.blogpager {
font-size:16px;
color: #060;
font-weight:bold;
padding:0px 4px;
}
</style>

<div align="center" style="margin:5px;">
<form action="#" name="pager20">
<span id="vwg-pager-first"></span> <span id="vwg-pager-prev"></span> <input name="showingpage" onfocus="this.select()" value="init..." type="text" size="4" title="Enter page number that You want to go" />/<input size="4" type="text" name="pagestotal" disabled="disabled" value="init..." /> <input type="button" onclick="checkpager()" value="Go" /> <span id="vwg-pager-next"></span> <span id="vwg-pager-last"></span>
</form>
</div>

<script type="text/javascript">

var blogID = "6930401002504091490";
var home_page = "http://www.catalog-tutorial.blogspot.com/";
var pager_max_main = 10;

var pager_first_text = "First";
var pager_last_text = "Last";
var pager_prev_text = "Prev";
var pager_next_text = "Next";

</script>
<script src="http://www.freewebs.com/anhvo/blogger/blogger_pager_script_v20.js"
type="text/javascript"></script>
</b:if> 

 

ket :

Var blogID = ganti id-nya dengan kepunyaan kita. ( bisa di temukan di adrees bar saat kita mengedit blog )

var home_page = ganti dengan alamat blog kita.

var pager_max_main = angkanya tergantung dari settingan kita saat menentukan jumlah konten pada halaman utama. Jika hanya satu page perhalaman maka angka tersebut harus di ganti ke angka satu .bisa di lihat pada menu Settings - formatting - show.

Jika di bandingakan dengan Page Navigation , Keuntungan mengunakan " Page Script " ini, tidak memberatkan halaman blog kita.