Kenapa Image di Template Blog tidak Muncul?

Pertanyaan senada kadang terucapkan, saat kita mengetahui ada gambar yang tidak muncul atau gambar yang seharusnya muncul diganti dengan gambar lain (penyedia layanan image hosting) khususnya terjadi pada template.  Terdapat beberapa kemungkinan yang menyebabkannya, antara lain ;  salah alamat, gambar telah berpindah atau dihapus, bandwidth di penyedia layanan telah habis dan sebagainya.

“Tapi OB aku sudah cek ke alamat penyimpanan gambar-nya dan hasilnya masih memunculkan gambar tersebut.”

Berarti kemungkinan salah alamat dan gambar telah berpindah atau dihapus dapat pula kita sisihkan. Mau tidak mau atau suka tidak suka kita mesti mencari alasan lain, mengapa gambar di template  tidak muncul.  Salah satu kemungkinan lain jatuh kepada bandwidth di penyedia layanan image hosting, seperti ;  Photobucket, ImageShack, TinyPic, de-el-el.

“Bandwidth sering digunakan sebagai suatu sinonim untuk data transfer rate yaitu jumlah data yang dapat dibawa dari sebuah titik ke titik lain dalam jangka waktu tertentu (pada umumnya dalam detik). Jenis Bandwidth ini biasanya diukur dalam bps (bits per second). Adakalanya juga dinyatakan dalam Bps (bytes per second). Dalam bahasa mudahnya, adalah sebuah takaran lalu lintas data yang masuk dan yang keluar.”

(wikipedia).

Bukan menjadi rahasia umum bahwa gambar merupakan salah satu elemen agar template lebih kelihatan asoy geboy aduhay (kata terakhir dipaksain tuh...) dan tidak berasa hambar, sehingga membutuhkan layanan image hosting.  Sekarang kamu menggunakan template dari anu bin anu yang memiliki tampilan menarik dan beberapa elemennya berupa gambar.

Karena saking menariknya, banyak para blogger yang menggunakan template tersebut. Sedangkan template langsung digunakan secara default. Akibatnya semua pengguna akan menggunakan sumber image hosting yang sama.; Ketika pengunjung menyambangi blog kamu, bukan tidak mungkin pengunjung lain juga sedang blog walking ke blog yang menggunakan template sama dengan kamu.

Coba bayangkan jika puluhan pengunjung mengunjungi blog yang memiliki template sama persis.  Oleh karena banyaknya aktivitas upload gambar menyebabkan jatah bandwidth dari penyedia layanan tersebut habis. Akhirnya kamu pasti tahu, yakni gambar dalam template tidak muncul atau diganti dengan gambar si penyedia layanan.

“Kalau begitu aku tidak akan menggunakan template pakai gambar, ah?”

Eit, itu bukan merupakan pemikiran yang bijak. Seperti kata OB di atas, gambar merupakan salah satu elemen agar template tidak berasa hambar.  Point pentingnya, kita hanya membutuhkan alternatif jitu untuk memecahkan "telur itu???" (*maksudnya memecahkan masalah itu).  Alternatif jitu tersebut berupa :

• Download gambar-gambar yang disertakan dalam template, kemudian upload gambar template tersebut ke hosting gambar yang biasa kamu pakai. Tidak jarang template yang kamu gunakan (download) telah disisipkan file gambar oleh sang empu-nya.  Jadi tinggal meluangkan waktu sebentar untuk mengupload gambar tersebut ke hosting gambar yang biasa kamu pakai.


• Setelah proses upload selesai, jangan lupa untuk mengganti alamat penyimpanan gambar dalam template tersebut.  Contoh kode yang diganti :

body {

background:#FFFFFF url(http://i647.photobucket.com/albums/uu191/OB//bintang_tujuh_keliling.gif) }



.sidebar h2 {

background:url(http://i46.tinypic.com/152ff2b.jpg) top left repeat-x; }

Catatan : Ganti kode yang berwarna merah dengan gambar yang sama/serupa sesuai dengan alamat penyimpanan file gambar kamu yang sebelumnya telah diupload.

• Cek dan ricek template, siapa tahu ada gambar yang tidak sesuai, seperti ; gambar yang seharusnya di header malah ngelayap ke sidebar, icon yang seharusnya untuk komentar malah jadi icon kecantikan (kagak nyambung...).

Udah cape rasanya megang tuts keyboard, ditambah lagi mata yang rada-rada mau tertutup (bilang aja ngantuk gitu! ha..ha..).  Badan pun udah pengen bertemu sang kekasih di pulau kapuk alias tempat tidur, Bobo yu...

Kenapa Image di Template Blog tidak Muncul?

Posted by rike No comments

Pertanyaan senada kadang terucapkan, saat kita mengetahui ada gambar yang tidak muncul atau gambar yang seharusnya muncul diganti dengan gambar lain (penyedia layanan image hosting) khususnya terjadi pada template.  Terdapat beberapa kemungkinan yang menyebabkannya, antara lain ;  salah alamat, gambar telah berpindah atau dihapus, bandwidth di penyedia layanan telah habis dan sebagainya.

“Tapi OB aku sudah cek ke alamat penyimpanan gambar-nya dan hasilnya masih memunculkan gambar tersebut.”

Berarti kemungkinan salah alamat dan gambar telah berpindah atau dihapus dapat pula kita sisihkan. Mau tidak mau atau suka tidak suka kita mesti mencari alasan lain, mengapa gambar di template  tidak muncul.  Salah satu kemungkinan lain jatuh kepada bandwidth di penyedia layanan image hosting, seperti ;  Photobucket, ImageShack, TinyPic, de-el-el.

“Bandwidth sering digunakan sebagai suatu sinonim untuk data transfer rate yaitu jumlah data yang dapat dibawa dari sebuah titik ke titik lain dalam jangka waktu tertentu (pada umumnya dalam detik). Jenis Bandwidth ini biasanya diukur dalam bps (bits per second). Adakalanya juga dinyatakan dalam Bps (bytes per second). Dalam bahasa mudahnya, adalah sebuah takaran lalu lintas data yang masuk dan yang keluar.”

(wikipedia).

Bukan menjadi rahasia umum bahwa gambar merupakan salah satu elemen agar template lebih kelihatan asoy geboy aduhay (kata terakhir dipaksain tuh...) dan tidak berasa hambar, sehingga membutuhkan layanan image hosting.  Sekarang kamu menggunakan template dari anu bin anu yang memiliki tampilan menarik dan beberapa elemennya berupa gambar.

Karena saking menariknya, banyak para blogger yang menggunakan template tersebut. Sedangkan template langsung digunakan secara default. Akibatnya semua pengguna akan menggunakan sumber image hosting yang sama.; Ketika pengunjung menyambangi blog kamu, bukan tidak mungkin pengunjung lain juga sedang blog walking ke blog yang menggunakan template sama dengan kamu.

Coba bayangkan jika puluhan pengunjung mengunjungi blog yang memiliki template sama persis.  Oleh karena banyaknya aktivitas upload gambar menyebabkan jatah bandwidth dari penyedia layanan tersebut habis. Akhirnya kamu pasti tahu, yakni gambar dalam template tidak muncul atau diganti dengan gambar si penyedia layanan.

“Kalau begitu aku tidak akan menggunakan template pakai gambar, ah?”

Eit, itu bukan merupakan pemikiran yang bijak. Seperti kata OB di atas, gambar merupakan salah satu elemen agar template tidak berasa hambar.  Point pentingnya, kita hanya membutuhkan alternatif jitu untuk memecahkan "telur itu???" (*maksudnya memecahkan masalah itu).  Alternatif jitu tersebut berupa :

• Download gambar-gambar yang disertakan dalam template, kemudian upload gambar template tersebut ke hosting gambar yang biasa kamu pakai. Tidak jarang template yang kamu gunakan (download) telah disisipkan file gambar oleh sang empu-nya.  Jadi tinggal meluangkan waktu sebentar untuk mengupload gambar tersebut ke hosting gambar yang biasa kamu pakai.


• Setelah proses upload selesai, jangan lupa untuk mengganti alamat penyimpanan gambar dalam template tersebut.  Contoh kode yang diganti :

body {

background:#FFFFFF url(http://i647.photobucket.com/albums/uu191/OB//bintang_tujuh_keliling.gif) }



.sidebar h2 {

background:url(http://i46.tinypic.com/152ff2b.jpg) top left repeat-x; }

Catatan : Ganti kode yang berwarna merah dengan gambar yang sama/serupa sesuai dengan alamat penyimpanan file gambar kamu yang sebelumnya telah diupload.

• Cek dan ricek template, siapa tahu ada gambar yang tidak sesuai, seperti ; gambar yang seharusnya di header malah ngelayap ke sidebar, icon yang seharusnya untuk komentar malah jadi icon kecantikan (kagak nyambung...).

Udah cape rasanya megang tuts keyboard, ditambah lagi mata yang rada-rada mau tertutup (bilang aja ngantuk gitu! ha..ha..).  Badan pun udah pengen bertemu sang kekasih di pulau kapuk alias tempat tidur, Bobo yu...

Email Forwarding

Maksud dari Email forwarding di sini adalah, proses otomatis pembelokan (pengiriman lanjutan) isi e-mail yang diterima oleh alamat e-mail Anda pada Domain Anda sendiri atau e-mail khusus yang Anda publikasikan ke alamat e-mail yang Anda kehendaki seperti: alamat e-mail pribadi, alamat e-mail khusus bisnis tertentu atau alamat e-mail yang lainya, dengan maksud agar lebih praktis bagi Anda untuk

Email Forwarding

Posted by rike No comments

Maksud dari Email forwarding di sini adalah, proses otomatis pembelokan (pengiriman lanjutan) isi e-mail yang diterima oleh alamat e-mail Anda pada Domain Anda sendiri atau e-mail khusus yang Anda publikasikan ke alamat e-mail yang Anda kehendaki seperti: alamat e-mail pribadi, alamat e-mail khusus bisnis tertentu atau alamat e-mail yang lainya, dengan maksud agar lebih praktis bagi Anda untuk

Link Penulis Komentar (Comments Author) Terbuka di Tab Baru

Coba buka salah satu postingan di blog kamu yang ada komentarnya.  Kalau sudah klik salah satu link komentator (comments author).  What happen?  Tentu saja kamu akan dibawa ke halaman link komentator tersebut, namun terbuka pada tab yang sama. Kecuali kamu melakukan klik kanan dan pilih "Open link in New Tab".  Nah, trik blogger yang akan OB diskusikan kali ini adalah bagaimana jika kita meng-klik link penulis komentar, maka link itu akan langsung terbuka di tab baru.

Versi demonya silakan klik salah satu link comments author di blog OB.

• Sign-in ke akun blogger kamu.


• Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

• Cari kode seperti di bawah ini :

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser, sehingga kamu tinggal memasukkan kata yang ingin dicari.

• Sisipkan target="_blank" (warna hijau) pada kode yang berwarna merah.

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>

• Jangan lupa disimpan.

Sekarang buka kembali salah satu posting yang ada komentarnya di blog kamu dan klik link comments author.  Mudah-mudahan telah terbuka di tab baru, kalau ngga...  Maka OB akan pusing dan garuk-garuk kepala sendiri.

Update

Trik ini tidak direkomendasikan, silakan telusuri di Google tentang “Link Target” atau “Validitas Link Target”.

Link Penulis Komentar (Comments Author) Terbuka di Tab Baru

Posted by rike No comments

Coba buka salah satu postingan di blog kamu yang ada komentarnya.  Kalau sudah klik salah satu link komentator (comments author).  What happen?  Tentu saja kamu akan dibawa ke halaman link komentator tersebut, namun terbuka pada tab yang sama. Kecuali kamu melakukan klik kanan dan pilih "Open link in New Tab".  Nah, trik blogger yang akan OB diskusikan kali ini adalah bagaimana jika kita meng-klik link penulis komentar, maka link itu akan langsung terbuka di tab baru.

Versi demonya silakan klik salah satu link comments author di blog OB.

• Sign-in ke akun blogger kamu.


• Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

• Cari kode seperti di bawah ini :

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser, sehingga kamu tinggal memasukkan kata yang ingin dicari.

• Sisipkan target="_blank" (warna hijau) pada kode yang berwarna merah.

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>

• Jangan lupa disimpan.

Sekarang buka kembali salah satu posting yang ada komentarnya di blog kamu dan klik link comments author.  Mudah-mudahan telah terbuka di tab baru, kalau ngga...  Maka OB akan pusing dan garuk-garuk kepala sendiri.

Update

Trik ini tidak direkomendasikan, silakan telusuri di Google tentang “Link Target” atau “Validitas Link Target”.

Cara Pasang Title dan Meta Tags agar Blog lebih SEO Friendly

Sebenarnya judul di atas sangat berhubungan dengan 2 (dua) posting sebelumnya, yaitu : SEO | Optimasi Judul Blog dalam Title Tag dan Memasang Meta Tags dan Manfaatnya. Cuma mungkin karena uraiannya yang agak menggantung, sehingga kurang/tidak tercover di hati pembaca (wih.., puitis amat). Nah, agar semua terlihat terang benderang, seperti ungkapan dalam sebuah buku "Habis Gelap Terbitlah Terang", maka kembali dihadirkan dalam versi keduanya (emang buku ha..ha..). Pada posting kali ini sengaja dijadikan satu, karena kedua tags tersebut sangat erat sekali hubungannya dan langsung diuraikan melalui Edit HTML. Terutama agar blog kamu kelihatan lebih SEO friendly. Langsung saja kita ke TKP (Tempat Kerjaan Para blogger)...

• Masuk ke Edit HTML.


• Cari kode (letaknya di atas) berikut :

<head>

<b:include data='blog' name='all-head-content'/>

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

<b:skin><![CDATA[

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser, sehingga kamu tinggal memasukkan kata yang ingin dicari.

• Ganti kode yang berwarna merah dengan kode di bawah ini :

<b:if cond='data:blog.pageType == "index"'>

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

<b:else/>

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

</b:if>

Catatan :

Untuk menambah title, kamu bisa melakukan edit terhadap kode di atas (perhatikan kode yang berwarna biru), contoh :

<b:if cond='data:blog.pageType == "index"'>

<title><data:blog.pageTitle/> | Tips SEO | Trik Blogger | Blogger Indonesia</title>

<b:else/>

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

</b:if>

atau

<b:if cond='data:blog.pageType == "index"'>

<title>Tips SEO | Trik Blogger | Blogger Indonesia | <data:blog.pageTitle/></title>

<b:else/>

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

</b:if>

• Setelah selesai mengganti title tag, sekarang tambahkan kode Meta Tags di bawahnya.

<meta content="...deskripsi tentang blog kamu..." name="description"/>

<meta content="keyword1,keyword2,keyword3,..." name="keywords"/>

<meta content="INDEX, FOLLOW" name="robots"/>

Catatan :

Ganti kode yang berwarna merah dengan deskripsi dan keyword blog kamu (perhatikan kode yang berwarna biru), contoh :

<meta content="Tips dan trik blog optimization melalui Tips SEO dan trik blogger serta berbagai jenis optimasi blog lainnya" name="description"/>

<meta content="source code,search engine,SEO,template,templates,ranking,blog optimization,kode HTML,backlink,widget,gadget,blogger stuff,tips seo,kata kunci,tips blogging,free directory,traffic,trafik,trik blogger,optimasi blog,promosi,untuk indonesia" name="keywords"/>

<meta content="INDEX, FOLLOW" name="ROBOTS"/>

Jadi keseluruhan kodenya akan terlihat seperti ini (diambil dari Blog OB) :

<head>

<b:include data='blog' name='all-head-content'/>



<b:if cond='data:blog.pageType == "index"'>

<title><data:blog.pageTitle/> | Tips SEO | Trik Blogger | Blogger Indonesia</title>

<b:else/>

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

</b:if>



<meta content='Tips dan trik blog optimization melalui Tips SEO dan trik blogger serta berbagai jenis optimasi blog lainnya' name='description'/>

<meta content='source code,search engine,SEO,keyword,template,templates,keywords,ranking,blog optimization,kode HTML,backlink,widget,gadget,blogger stuff,tips seo,kata kunci,tips blogging,free directory,traffic,trafik,trik blogger,optimasi blog,promosi,untuk indonesia' name='keywords'/>

<meta content='INDEX, FOLLOW' name='ROBOTS'/>



<b:skin><![CDATA[

• Jangan lupa disimpan.

Sekarang coba klik "Lihat Blog" (dikurung kotak merah) dan perhatikan perubahan judul blog kamu di bagian paling atas browser.

Selamat memasang title dan meta tags...

Update :

Sesuai dengan komentar dari Saudara hans ganteng, OB sependapat bahwa <data:blog.pageTitle/> mengandung arti yang luas, sehingga menyebabkan penempatan keyword tidak optimal. Sekarang OB telah mengubah meta tags blog ini, seperti yang disarankan oleh Saudara hans ganteng.
Coba perhatikan meta tags di bawah ini :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.title/> | keyword1 | keyword2 | keyword2</title>
</b:if>

<meta content="...deskripsi tentang blog kamu..." name="description"/>
<meta content="keyword1,keyword2,keyword3,..." name="keywords"/>
<meta content="INDEX, FOLLOW" name="robots"/>

Contoh penerapannya :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.title/> | Trik Blogger | Tips SEO | Blogger Indonesia</title>
</b:if>

<meta content='Tips dan trik blog optimization melalui Tips SEO dan trik blogger serta berbagai jenis optimasi blog lainnya' name='description'/>
<meta content='source code,search engine,SEO,keyword,template,templates,keywords,ranking,blog optimization,kode HTML,backlink,widget,gadget,blogger stuff,tips seo,kata kunci,tips blogging,free directory,traffic,trafik,trik blogger,optimasi blog,promosi,untuk indonesia' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Terima kasih atas masukannya, untuk posting “Cara Pasang Title dan Meta Tags agar Blog lebih SEO Friendly”.

Cara Pasang Title dan Meta Tags agar Blog lebih SEO Friendly

Posted by rike No comments

Sebenarnya judul di atas sangat berhubungan dengan 2 (dua) posting sebelumnya, yaitu : SEO | Optimasi Judul Blog dalam Title Tag dan Memasang Meta Tags dan Manfaatnya. Cuma mungkin karena uraiannya yang agak menggantung, sehingga kurang/tidak tercover di hati pembaca (wih.., puitis amat). Nah, agar semua terlihat terang benderang, seperti ungkapan dalam sebuah buku "Habis Gelap Terbitlah Terang", maka kembali dihadirkan dalam versi keduanya (emang buku ha..ha..). Pada posting kali ini sengaja dijadikan satu, karena kedua tags tersebut sangat erat sekali hubungannya dan langsung diuraikan melalui Edit HTML. Terutama agar blog kamu kelihatan lebih SEO friendly. Langsung saja kita ke TKP (Tempat Kerjaan Para blogger)...

• Masuk ke Edit HTML.


• Cari kode (letaknya di atas) berikut :

<head>

<b:include data='blog' name='all-head-content'/>

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

<b:skin><![CDATA[

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser, sehingga kamu tinggal memasukkan kata yang ingin dicari.

• Ganti kode yang berwarna merah dengan kode di bawah ini :

<b:if cond='data:blog.pageType == "index"'>

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

<b:else/>

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

</b:if>

Catatan :

Untuk menambah title, kamu bisa melakukan edit terhadap kode di atas (perhatikan kode yang berwarna biru), contoh :

<b:if cond='data:blog.pageType == "index"'>

<title><data:blog.pageTitle/> | Tips SEO | Trik Blogger | Blogger Indonesia</title>

<b:else/>

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

</b:if>

atau

<b:if cond='data:blog.pageType == "index"'>

<title>Tips SEO | Trik Blogger | Blogger Indonesia | <data:blog.pageTitle/></title>

<b:else/>

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

</b:if>

• Setelah selesai mengganti title tag, sekarang tambahkan kode Meta Tags di bawahnya.

<meta content="...deskripsi tentang blog kamu..." name="description"/>

<meta content="keyword1,keyword2,keyword3,..." name="keywords"/>

<meta content="INDEX, FOLLOW" name="robots"/>

Catatan :

Ganti kode yang berwarna merah dengan deskripsi dan keyword blog kamu (perhatikan kode yang berwarna biru), contoh :

<meta content="Tips dan trik blog optimization melalui Tips SEO dan trik blogger serta berbagai jenis optimasi blog lainnya" name="description"/>

<meta content="source code,search engine,SEO,template,templates,ranking,blog optimization,kode HTML,backlink,widget,gadget,blogger stuff,tips seo,kata kunci,tips blogging,free directory,traffic,trafik,trik blogger,optimasi blog,promosi,untuk indonesia" name="keywords"/>

<meta content="INDEX, FOLLOW" name="ROBOTS"/>

Jadi keseluruhan kodenya akan terlihat seperti ini (diambil dari Blog OB) :

<head>

<b:include data='blog' name='all-head-content'/>



<b:if cond='data:blog.pageType == "index"'>

<title><data:blog.pageTitle/> | Tips SEO | Trik Blogger | Blogger Indonesia</title>

<b:else/>

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

</b:if>



<meta content='Tips dan trik blog optimization melalui Tips SEO dan trik blogger serta berbagai jenis optimasi blog lainnya' name='description'/>

<meta content='source code,search engine,SEO,keyword,template,templates,keywords,ranking,blog optimization,kode HTML,backlink,widget,gadget,blogger stuff,tips seo,kata kunci,tips blogging,free directory,traffic,trafik,trik blogger,optimasi blog,promosi,untuk indonesia' name='keywords'/>

<meta content='INDEX, FOLLOW' name='ROBOTS'/>



<b:skin><![CDATA[

• Jangan lupa disimpan.

Sekarang coba klik "Lihat Blog" (dikurung kotak merah) dan perhatikan perubahan judul blog kamu di bagian paling atas browser.

Selamat memasang title dan meta tags...

Update :

Sesuai dengan komentar dari Saudara hans ganteng, OB sependapat bahwa <data:blog.pageTitle/> mengandung arti yang luas, sehingga menyebabkan penempatan keyword tidak optimal. Sekarang OB telah mengubah meta tags blog ini, seperti yang disarankan oleh Saudara hans ganteng.
Coba perhatikan meta tags di bawah ini :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.title/> | keyword1 | keyword2 | keyword2</title>
</b:if>

<meta content="...deskripsi tentang blog kamu..." name="description"/>
<meta content="keyword1,keyword2,keyword3,..." name="keywords"/>
<meta content="INDEX, FOLLOW" name="robots"/>

Contoh penerapannya :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.title/> | Trik Blogger | Tips SEO | Blogger Indonesia</title>
</b:if>

<meta content='Tips dan trik blog optimization melalui Tips SEO dan trik blogger serta berbagai jenis optimasi blog lainnya' name='description'/>
<meta content='source code,search engine,SEO,keyword,template,templates,keywords,ranking,blog optimization,kode HTML,backlink,widget,gadget,blogger stuff,tips seo,kata kunci,tips blogging,free directory,traffic,trafik,trik blogger,optimasi blog,promosi,untuk indonesia' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Terima kasih atas masukannya, untuk posting “Cara Pasang Title dan Meta Tags agar Blog lebih SEO Friendly”.

Trik Blogger | Mengatur Tataletak Link to This Post

Terkadang kita kurang memperhatikan keberadaan fitur Link to This Post (backlink). Yah, mungkin karena dalam penerapannya kurang diminati oleh sebagian blogger mania. Bahkan tidak jarang dengan mudahnya kita menonaktifkan fitur ini. Link to This Post dimaksudkan agar memudahkan pengunjung blog me-link posting yang dibaca dan diminatinya untuk dijadikan bahan referensi atau rujukan dari posting yang akan dia buat. Cara kerjanya sederhana saja, yaitu kamu cukup meng-klik "Buat sebuah Link", maka secara otomatis blogger akan mengarahkan kamu melalui jendela pop-up langsung ke halaman "Entry baru" (dengan syarat kamu telah login ke akun blogger). Selanjutnya kamu bisa mengedit atau disimpan dulu sebagai draft.



Secara default link fitur ini terletak di post-footer. Namun akan berpindah letak dan bentuknya ke bawah form komentar, setelah kita menampilkan seluruh isi posting. Nah, tataletak disinilah yang akan bersama-sama kita diskusikan. Apabila jaraknya dengan form komentar terlalu jauh, kamu dapat memperpendeknya dengan melakukan trik yang cukup simple. Eh..., ngomong-ngomong kode Link to This Post yang seperti apa yah? Kodenya setelah isi keseluruhan posting terbuka (jika melalui "Edit HTML", terlebih dulu centang "Expand Widget Templates") lebih kurang seperti di bawah ini :

<div id='backlinks-container'>

<div expr:id='data:widget.instanceId + "_backlinks-container"'>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</div>

Kembali ke pengaturan tataletak Link to This Post. Adapun step by step pengaturannya adalah sebagai berikut :

• Edit HTML --> Expand Widget Templates.

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

• Cari kode seperti di bawah ini :

<b:includable id='comment-form' var='post'>

<div class='comment-form'>

<a name='comment-form'/>

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

<p><data:blogCommentMessage/></p>

<data:blogTeamBlogMessage/>

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/>

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser, sehingga kamu tinggal memasukkan kata yang ingin dicari.

• Atur ketinggian pada kode yang ditandai dengan warna merah, kalau OB sendiri diatur dalam kisaran 240 - 260.


• Update : Setelah kamu mengaplikasikan trik ini — untuk komentar yang menggunakan verifikasi — pengunjung tidak bisa melakukan verifikasi. Dengan kata lain “pengunjung tidak akan bisa berkomentar”. So, agar bisa memasukkan kode verifikasi dalam form komentar, maka kita harus menambahkan fungsi ‘scroll’. Tambahkan CSS berikut di atas kode ]]></b:skin> :
  .comment-form {
  
  overflow:auto;
  
  }


• Jangan lupa disimpan.

Catatan :

Kamu pun bisa lebih banyak berkreasi dengan melakukan edit atau menambah kode backlinks-container dalam CSS. Contoh kodenya dalam CSS :

#backlinks-container {

margin: 10px auto 0;

padding: 5px 10px 10px;

border: 1px solid #E1D4C0; }

Selamat mengatur tataletak Link to This Post...

Trik Blogger | Mengatur Tataletak Link to This Post

Posted by rike No comments

Terkadang kita kurang memperhatikan keberadaan fitur Link to This Post (backlink). Yah, mungkin karena dalam penerapannya kurang diminati oleh sebagian blogger mania. Bahkan tidak jarang dengan mudahnya kita menonaktifkan fitur ini. Link to This Post dimaksudkan agar memudahkan pengunjung blog me-link posting yang dibaca dan diminatinya untuk dijadikan bahan referensi atau rujukan dari posting yang akan dia buat. Cara kerjanya sederhana saja, yaitu kamu cukup meng-klik "Buat sebuah Link", maka secara otomatis blogger akan mengarahkan kamu melalui jendela pop-up langsung ke halaman "Entry baru" (dengan syarat kamu telah login ke akun blogger). Selanjutnya kamu bisa mengedit atau disimpan dulu sebagai draft.



Secara default link fitur ini terletak di post-footer. Namun akan berpindah letak dan bentuknya ke bawah form komentar, setelah kita menampilkan seluruh isi posting. Nah, tataletak disinilah yang akan bersama-sama kita diskusikan. Apabila jaraknya dengan form komentar terlalu jauh, kamu dapat memperpendeknya dengan melakukan trik yang cukup simple. Eh..., ngomong-ngomong kode Link to This Post yang seperti apa yah? Kodenya setelah isi keseluruhan posting terbuka (jika melalui "Edit HTML", terlebih dulu centang "Expand Widget Templates") lebih kurang seperti di bawah ini :

<div id='backlinks-container'>

<div expr:id='data:widget.instanceId + "_backlinks-container"'>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</div>

Kembali ke pengaturan tataletak Link to This Post. Adapun step by step pengaturannya adalah sebagai berikut :

• Edit HTML --> Expand Widget Templates.

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

• Cari kode seperti di bawah ini :

<b:includable id='comment-form' var='post'>

<div class='comment-form'>

<a name='comment-form'/>

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

<p><data:blogCommentMessage/></p>

<data:blogTeamBlogMessage/>

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/>

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser, sehingga kamu tinggal memasukkan kata yang ingin dicari.

• Atur ketinggian pada kode yang ditandai dengan warna merah, kalau OB sendiri diatur dalam kisaran 240 - 260.


• Update : Setelah kamu mengaplikasikan trik ini — untuk komentar yang menggunakan verifikasi — pengunjung tidak bisa melakukan verifikasi. Dengan kata lain “pengunjung tidak akan bisa berkomentar”. So, agar bisa memasukkan kode verifikasi dalam form komentar, maka kita harus menambahkan fungsi ‘scroll’. Tambahkan CSS berikut di atas kode ]]></b:skin> :
  .comment-form {
  
  overflow:auto;
  
  }


• Jangan lupa disimpan.

Catatan :

Kamu pun bisa lebih banyak berkreasi dengan melakukan edit atau menambah kode backlinks-container dalam CSS. Contoh kodenya dalam CSS :

#backlinks-container {

margin: 10px auto 0;

padding: 5px 10px 10px;

border: 1px solid #E1D4C0; }

Selamat mengatur tataletak Link to This Post...

Mengapa Orang yahudi banyak yang pintar . . ?

Tanpa bermaksud untuk mendramatisasi tentang orang Israel dan atau orang Yahudi, saya ingin berbagi informasi yang saya peroleh dari membaca terjemahan H. Maaruf Bin Hj Abdul Kadir (guru besar berkebangsaan Malaysia) dari Universitas Massachuset USA tentang penelitian yang dilakukan oleh DR. Stephen Carr Leon. Penelitian DR Leon ini adalah tentang pengembangan kualitas hidup orang Israel atau orang Yahudi. Mengapa Orang Yahudi, rata-rata pintar ?

Studi yang dilakukan mendapatkan fakta-fakta sebagai berikut :

Ternyata, bila seorang Yahudi Hamil, maka sang ibu segera saja meningkatkan aktivitasnya membaca, menyanyi dan bermain piano serta mendengarkan musik klasik. Tidak itu saja, mereka juga segera memulai untuk mempelajari matematika lebih intensif dan juga membeli lebih banyak lagi buku tentang matematika. mempelajarinya, dan bila ada yang tidak diketahui dengan baik, mereka tidak segan-segan untuk datang ke orang lain yang tahu matematika untuk mempelajarinya. Semua itu dilakukannya untuk anaknya yang masih didalam kandungan.

Setelah anak lahir, bagi sang ibu yang menyusui bayi nya itu, mereka memilih lebih banyak makan kacang, korma dan susu. Siang hari, makan roti dengan ikan yang tanpa kepala serta salad. Daging ikan dianggap bagus untuk otak dan kepala ikan harus dihindari karena mengandung zat kimia yang tidak baik untuk pertumbuhan otak si anak. Disamping itu sang ibu diharuskan banyak makan minyak ikan (code oil lever). Menu diatur sedemikian rupa sehingga didominasi oleh ikan. Bila ada daging, mereka tidak akan makan daging bersama-sama dengan ikan, karena mereka percaya dengan makan ikan dengan daging hasilnya tidak bagus untuk pertumbuhan. Makan ikan seyogyanya hanya makan ikan saja, bila makan daging, hanya makan daging saja, tidak dicampur. Makan pun, mereka mendahulukan makan buah-buahan baru makan roti atau nasi. Makan nasi dulu baru kemudian makan buah, dipercaya akan hanya membuat ngantuk dan malas berkerja.

Yang istimewa lagi adalah : Di Isarel, merokok itu tabu! Mereka memiliki hasil penelitian dari ahli peneliti tentang Genetika dan DNA yang meyakinkan bahwa nekotin akan merusak sel utama yang ada di otak manusia yang dampaknya tidak hanya kepada si perokok akan tetapi juga akan mempengaruhi �gen� atau keturunannya. Pengaruh yang utama adalah dapat membuat orang dan keturunannya menjadi �bodoh� atau �dungu�. Walaupun, kalau kita perhatikan, maka penghasil rokok terbesar di dunia ini adalah orang Yahudi ! Tetapi yang merokok, bukan orang Yahudi. Anak-anak, selalu diprioritaskan untuk makan buah dulu baru makan nasi atau roti dan juga tidak boleh lupa untuk minum pil minyak ikan.

Mereka juga harus pandai bahasa, minimum 3 bahasa harus dikuasai nya yaitu Hebrew, Arab dan bahasa Inggris. Anak-anak juga diwajibkan dan dilatih piano dan biola. Dua instrument ini dipercaya dapat sangat efektif meningkatkan IQ mereka. Irama musik terutama musik klasik dapat menstimulasi sel otak. Sebagian besar dari musikus genius dunia adalah orang Yahudi. Satu dari 6 anak Yahudi, diajarkan matematik dengan konsep yang berkait langsung dengan bisnis dan perdagangan. Ternyata salah satu syarat untuk lulus dari Perguruan Tinggi bagi yang Majoring nya Bisnis adalah, dalam tahun terakhir, dalam satu kelompok mahasiswa (terdiri dari 10 orang), harus menjalankan perusahaan. Mereka hanya dapat lulus setelah perusahaannya mendapat untung 1 juta US Dollar. Itulah sebabnya, maka lebih dari 50 % perdagangan di dunia dikuasai oleh orang Yahudi. Design �Levis� terakhir diciptakan oleh satu Universitas di Israel, fakultas �business an fashion�. Olah raga untuk anak-anak, diutamakan adalah Menembak, Memanah dan Lari. Menembak dan Memanah, akan membentuk otak cemerlang yang mudah untuk �fokus� dalam berpikir ! Di New York, ada pusat Yahudi yang mengembangkan berbagai kiat berbisnis kelas dunia.

Disini terdapat banyak sekali kegiatan yang mendalami segi-segi bisnis sampai kepada aspek-aspek yang mempengaruhinya. Dalam arti mempelajari aspek bisnis yang berkaitan juga dengan budaya bangsa pangsa pasar mereka. Pendalaman yang bergiat nyaris seperti laboratorium, �research and evelopment� khusus perdagangan dan bisnis ini dibiayai oleh para konglomerat Yahudi. Tidak mengherankan bila kemudian kita melihat keberhasilan orang Yahudi seperti terlihat pada : Starbuck, Dell Computer, Cocacola, DKNY, Oracle. pusat film Hollywood, Levis dan Dunkin Donat.

Khusus tentang rokok, negara yang mengikuti jejak Israel adalah Singapura. Di Singapura para perokok diberlakukan sebagai warga negara kelas dua. Semua yang berhubungan dengan perokok akan dipersulit oleh pemerintahnya. Harga rokok 1 pak di Singapura adalah 7 US Dollar, bandingkan dengan di Indonesia yang hanya berharga 70 sen US Dollar. Pemerintah Singapura menganut apa yang telah dilakukan oleh peneliti Israel, bahwa nekotin hanya akan menghasilkan generasai yang �Bodoh� dan �Dungu�. Percaya atau tidak, tentunya terserah kita semua. Namun kenyataan yang ada terlihat bahwa memang banyak sekali orang yahudi yang pintar !

Tinggal, pertanyaannya adalah, apakah kepintarannya itu banyak manfaatnya bagi peningkatan kualitas hidup umat manusia secara keseluruhan.

FROM : http://zdkzdkzdk.blogspot.com

Mengapa Orang yahudi banyak yang pintar . . ?

Posted by rike No comments

Tanpa bermaksud untuk mendramatisasi tentang orang Israel dan atau orang Yahudi, saya ingin berbagi informasi yang saya peroleh dari membaca terjemahan H. Maaruf Bin Hj Abdul Kadir (guru besar berkebangsaan Malaysia) dari Universitas Massachuset USA tentang penelitian yang dilakukan oleh DR. Stephen Carr Leon. Penelitian DR Leon ini adalah tentang pengembangan kualitas hidup orang Israel atau orang Yahudi. Mengapa Orang Yahudi, rata-rata pintar ?

Studi yang dilakukan mendapatkan fakta-fakta sebagai berikut :

Ternyata, bila seorang Yahudi Hamil, maka sang ibu segera saja meningkatkan aktivitasnya membaca, menyanyi dan bermain piano serta mendengarkan musik klasik. Tidak itu saja, mereka juga segera memulai untuk mempelajari matematika lebih intensif dan juga membeli lebih banyak lagi buku tentang matematika. mempelajarinya, dan bila ada yang tidak diketahui dengan baik, mereka tidak segan-segan untuk datang ke orang lain yang tahu matematika untuk mempelajarinya. Semua itu dilakukannya untuk anaknya yang masih didalam kandungan.

Setelah anak lahir, bagi sang ibu yang menyusui bayi nya itu, mereka memilih lebih banyak makan kacang, korma dan susu. Siang hari, makan roti dengan ikan yang tanpa kepala serta salad. Daging ikan dianggap bagus untuk otak dan kepala ikan harus dihindari karena mengandung zat kimia yang tidak baik untuk pertumbuhan otak si anak. Disamping itu sang ibu diharuskan banyak makan minyak ikan (code oil lever). Menu diatur sedemikian rupa sehingga didominasi oleh ikan. Bila ada daging, mereka tidak akan makan daging bersama-sama dengan ikan, karena mereka percaya dengan makan ikan dengan daging hasilnya tidak bagus untuk pertumbuhan. Makan ikan seyogyanya hanya makan ikan saja, bila makan daging, hanya makan daging saja, tidak dicampur. Makan pun, mereka mendahulukan makan buah-buahan baru makan roti atau nasi. Makan nasi dulu baru kemudian makan buah, dipercaya akan hanya membuat ngantuk dan malas berkerja.

Yang istimewa lagi adalah : Di Isarel, merokok itu tabu! Mereka memiliki hasil penelitian dari ahli peneliti tentang Genetika dan DNA yang meyakinkan bahwa nekotin akan merusak sel utama yang ada di otak manusia yang dampaknya tidak hanya kepada si perokok akan tetapi juga akan mempengaruhi �gen� atau keturunannya. Pengaruh yang utama adalah dapat membuat orang dan keturunannya menjadi �bodoh� atau �dungu�. Walaupun, kalau kita perhatikan, maka penghasil rokok terbesar di dunia ini adalah orang Yahudi ! Tetapi yang merokok, bukan orang Yahudi. Anak-anak, selalu diprioritaskan untuk makan buah dulu baru makan nasi atau roti dan juga tidak boleh lupa untuk minum pil minyak ikan.

Mereka juga harus pandai bahasa, minimum 3 bahasa harus dikuasai nya yaitu Hebrew, Arab dan bahasa Inggris. Anak-anak juga diwajibkan dan dilatih piano dan biola. Dua instrument ini dipercaya dapat sangat efektif meningkatkan IQ mereka. Irama musik terutama musik klasik dapat menstimulasi sel otak. Sebagian besar dari musikus genius dunia adalah orang Yahudi. Satu dari 6 anak Yahudi, diajarkan matematik dengan konsep yang berkait langsung dengan bisnis dan perdagangan. Ternyata salah satu syarat untuk lulus dari Perguruan Tinggi bagi yang Majoring nya Bisnis adalah, dalam tahun terakhir, dalam satu kelompok mahasiswa (terdiri dari 10 orang), harus menjalankan perusahaan. Mereka hanya dapat lulus setelah perusahaannya mendapat untung 1 juta US Dollar. Itulah sebabnya, maka lebih dari 50 % perdagangan di dunia dikuasai oleh orang Yahudi. Design �Levis� terakhir diciptakan oleh satu Universitas di Israel, fakultas �business an fashion�. Olah raga untuk anak-anak, diutamakan adalah Menembak, Memanah dan Lari. Menembak dan Memanah, akan membentuk otak cemerlang yang mudah untuk �fokus� dalam berpikir ! Di New York, ada pusat Yahudi yang mengembangkan berbagai kiat berbisnis kelas dunia.

Disini terdapat banyak sekali kegiatan yang mendalami segi-segi bisnis sampai kepada aspek-aspek yang mempengaruhinya. Dalam arti mempelajari aspek bisnis yang berkaitan juga dengan budaya bangsa pangsa pasar mereka. Pendalaman yang bergiat nyaris seperti laboratorium, �research and evelopment� khusus perdagangan dan bisnis ini dibiayai oleh para konglomerat Yahudi. Tidak mengherankan bila kemudian kita melihat keberhasilan orang Yahudi seperti terlihat pada : Starbuck, Dell Computer, Cocacola, DKNY, Oracle. pusat film Hollywood, Levis dan Dunkin Donat.

Khusus tentang rokok, negara yang mengikuti jejak Israel adalah Singapura. Di Singapura para perokok diberlakukan sebagai warga negara kelas dua. Semua yang berhubungan dengan perokok akan dipersulit oleh pemerintahnya. Harga rokok 1 pak di Singapura adalah 7 US Dollar, bandingkan dengan di Indonesia yang hanya berharga 70 sen US Dollar. Pemerintah Singapura menganut apa yang telah dilakukan oleh peneliti Israel, bahwa nekotin hanya akan menghasilkan generasai yang �Bodoh� dan �Dungu�. Percaya atau tidak, tentunya terserah kita semua. Namun kenyataan yang ada terlihat bahwa memang banyak sekali orang yahudi yang pintar !

Tinggal, pertanyaannya adalah, apakah kepintarannya itu banyak manfaatnya bagi peningkatan kualitas hidup umat manusia secara keseluruhan.

FROM : http://zdkzdkzdk.blogspot.com

Menampilkan Hidden File Folder Terserang Virus

Permasalahan kerusakan file, kehilangan file, file terhidden/disembunyikan virus, folder diubah menjadi folder.exe a(executable), hal semacam ini sudah sering sekali dipertanyakan dan sudah banyak yang menulis di blog/web mereka sebagai jawaban atas pertanyaan tersebut.



Hari ini virus tersebut ternyata belum tamat juga... karena hari ini terbukti pertanyaan itu muncul kembali di Facebook

Menampilkan Hidden File Folder Terserang Virus

Posted by rike No comments

Permasalahan kerusakan file, kehilangan file, file terhidden/disembunyikan virus, folder diubah menjadi folder.exe a(executable), hal semacam ini sudah sering sekali dipertanyakan dan sudah banyak yang menulis di blog/web mereka sebagai jawaban atas pertanyaan tersebut.



Hari ini virus tersebut ternyata belum tamat juga... karena hari ini terbukti pertanyaan itu muncul kembali di Facebook

Rounded Corner | Membuat Sudut menjadi Tumpul

Pernah melihat di sudut-sudut blog kelihatan tumpul? Nah, itu dinamakan "rounded corner". Sebelum melangkah lebih jauh, kita perlu membatasi ruang lingkup kajian trik blogger kali ini. Rounded corner yang akan kita diskusikan bersama adalah membuat sudut menjadi tumpul tanpa gambar (rounded corner no image).

Kemudian bentukkan rounded corner dari kode CSS ini akan nampak, apabila kamu menggunakan browser Firefox, Chrome, dan Safari. Ngomong-ngomong soal tumpul, asal jangan dikaitkan dengan pikiran, lho. Ayo, kita keroyok trik blogger tentang membuat rounded corner :

Full rounded corner :

.kotak-rounded-corner {

background-color:#FFFF00;

border:2px solid #FF0000;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

-khtml-border-radius: 10px;

border-radius: 10px; }

Rounded corner di kiri atas :

.kotak-rounded-corner {

background-color:#FFFF00;

border:2px solid #FF0000;

-moz-border-radius-topleft: 10px;

-webkit-border-top-left-radius: 10px;

-khtml-border-radius-topleft: 10px;

border-top-left-radius: 10px; }

Rounded corner di atas :

.kotak-rounded-corner {

background-color:#FFFF00;

border:2px solid #FF0000;

-moz-border-radius-topleft: 10px;

-moz-border-radius-topright: 10px;

-webkit-border-top-left-radius: 10px;

-webkit-border-top-right-radius: 10px;

-khtml-border-radius-topleft: 10px;

-khtml-border-radius-topright: 10px;

border-top-left-radius: 10px;

border-top-right-radius: 10px; }

Rounded corner di bawah :

.kotak-rounded-corner {

background-color:#FFFF00;

border:2px solid #FF0000;

-moz-border-radius-bottomleft: 10px;

-moz-border-radius-bottomright: 10px;

-webkit-border-bottom-left-radius: 10px;

-webkit-border-bottom-right-radius: 10px;

-khtml-border-radius-bottomleft: 10px;

-khtml-border-radius-bottomright: 10px;

border-bottom-left-radius: 10px;

border-bottom-right-radius: 10px; }

Catatan :

1. Trik ini merupakan salah satu dari sekian banyak trik lainnya untuk membuat rounded corner.


2. Semakin besar nilai yang kamu masukkan (ex: 10px), maka semakin besar pula ketumpulan/belokan sudut.


3. Kode -moz-border-radius digunakan untuk firefox, -webkit-border-radius untuk Chrome dan Safari, -khtml-border-radius untuk browser-browser lama yang mendukung kode ini, serta border-radius untuk pengecekan terhadap browser-browser baru yang mungkin mendukung kode ini.


4. Kode di atas merupakan contoh penerapan rounded corner dalam kode CSS.

Selamat membuat rounded corner...

Rounded Corner | Membuat Sudut menjadi Tumpul

Posted by rike No comments

Pernah melihat di sudut-sudut blog kelihatan tumpul? Nah, itu dinamakan "rounded corner". Sebelum melangkah lebih jauh, kita perlu membatasi ruang lingkup kajian trik blogger kali ini. Rounded corner yang akan kita diskusikan bersama adalah membuat sudut menjadi tumpul tanpa gambar (rounded corner no image).

Kemudian bentukkan rounded corner dari kode CSS ini akan nampak, apabila kamu menggunakan browser Firefox, Chrome, dan Safari. Ngomong-ngomong soal tumpul, asal jangan dikaitkan dengan pikiran, lho. Ayo, kita keroyok trik blogger tentang membuat rounded corner :

Full rounded corner :

.kotak-rounded-corner {

background-color:#FFFF00;

border:2px solid #FF0000;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

-khtml-border-radius: 10px;

border-radius: 10px; }

Rounded corner di kiri atas :

.kotak-rounded-corner {

background-color:#FFFF00;

border:2px solid #FF0000;

-moz-border-radius-topleft: 10px;

-webkit-border-top-left-radius: 10px;

-khtml-border-radius-topleft: 10px;

border-top-left-radius: 10px; }

Rounded corner di atas :

.kotak-rounded-corner {

background-color:#FFFF00;

border:2px solid #FF0000;

-moz-border-radius-topleft: 10px;

-moz-border-radius-topright: 10px;

-webkit-border-top-left-radius: 10px;

-webkit-border-top-right-radius: 10px;

-khtml-border-radius-topleft: 10px;

-khtml-border-radius-topright: 10px;

border-top-left-radius: 10px;

border-top-right-radius: 10px; }

Rounded corner di bawah :

.kotak-rounded-corner {

background-color:#FFFF00;

border:2px solid #FF0000;

-moz-border-radius-bottomleft: 10px;

-moz-border-radius-bottomright: 10px;

-webkit-border-bottom-left-radius: 10px;

-webkit-border-bottom-right-radius: 10px;

-khtml-border-radius-bottomleft: 10px;

-khtml-border-radius-bottomright: 10px;

border-bottom-left-radius: 10px;

border-bottom-right-radius: 10px; }

Catatan :

1. Trik ini merupakan salah satu dari sekian banyak trik lainnya untuk membuat rounded corner.


2. Semakin besar nilai yang kamu masukkan (ex: 10px), maka semakin besar pula ketumpulan/belokan sudut.


3. Kode -moz-border-radius digunakan untuk firefox, -webkit-border-radius untuk Chrome dan Safari, -khtml-border-radius untuk browser-browser lama yang mendukung kode ini, serta border-radius untuk pengecekan terhadap browser-browser baru yang mungkin mendukung kode ini.


4. Kode di atas merupakan contoh penerapan rounded corner dalam kode CSS.

Selamat membuat rounded corner...

Sistematisasi Title Website Pada Jendela Browser

Website Dinamis - Anti Klimaks - Mudah dirambah mesin pencarian.

Kata Sistematis diartikan: �Teratur menurut system; memakai system; dengan cara yang diatur baik-baik, (Surayin. 2003. Kamus Umum Bahasa Indonesia. Bandung: Yrama Widya)." Sedangkan sistematisasi yang dimaksud di sini adalah pengaturan, peng-urutan, penyusunan Title pada Web (Blog) dengan tujuan hasil akhirnya bila Blog/Website

Sistematisasi Title Website Pada Jendela Browser

Posted by rike No comments

Website Dinamis - Anti Klimaks - Mudah dirambah mesin pencarian.

Kata Sistematis diartikan: �Teratur menurut system; memakai system; dengan cara yang diatur baik-baik, (Surayin. 2003. Kamus Umum Bahasa Indonesia. Bandung: Yrama Widya)." Sedangkan sistematisasi yang dimaksud di sini adalah pengaturan, peng-urutan, penyusunan Title pada Web (Blog) dengan tujuan hasil akhirnya bila Blog/Website

Solusi Submit Sitemap di Webmaster Tools

Kok, feeds blogku ngga valid? Aduh, sitemap blogku ngga ter-indeks semua? Huh, gagal lagi submit sitemapnya? Dan masih banyak pertanyaan senada lainnya yang mungkin menghinggapi blogger mania ketika submit sitemap di Google Webmaster Tools. Terus bagaimana solusi agar sitemap blog kamu dapat maksimal diterima dan ter-indeks oleh Webmaster Tools? Caranya mudah bertanyalah kepada ahlinya. :) Kalau itu sih bukan solusi namanya, tapi salah satu upaya agar tidak “sesat di jalan”.

Nah, daripada cuap-cuap melulu langsung kita menuju TKP. salah satu cara untuk mengatasi masalah error dan indeks URLs tersebut adalah dengan menggunakan Blogger Sitemap Generator. Berikut adalah langkah-langkah membuat sitemap di Blogger Sitemap Generator:

• Klik link berikut Blogger Sitemap Generator.
• Masukkan alamat blog kamu lengkap dengan http://, contoh : http://optimasi-blog.blogspot.com/.
• Setelah yakin benar alamatnya, klik button “Create Blogger Sitemap”.
• Kemuadian akan muncul sitemap di bawah form.
• Jangan langsung copy sitemap tersebut (ntar meleduk, becanda).
  1. Klik link di bawah "For Bing", untuk men-submit sitemap tersebut ke Bing.
  
  
  2. Klik juga kunk di bawah "For Yahoo", untuk men-submit sitemap tersebut ke Yahoo.
• Sekarang baru copy sitemap di bawah "For Google".
• Sign-in ke Google Webmaster Tools dan pilih blog yang ingin kamu tambah sitemapnya.
• Kamu sekarang berada di halaman "Dashboard", kemudian klik tanda "+" Site Configuration.
• Pilih "Sitemaps".
• Pada halaman Sitemaps, klik button spoiler "Submit a Sitemap".
• Paste sitemap yang kamu dapat dari Blogger Sitemap Generator.
• Terakhir, klik button "Submit Sitemap".

Sumber : Blogger Sitemap Generator Solusi Submit Sitemap Blog Anda oleh Kang Rohman.

Catatan :
Biasanya agar sitemap baru kamu terindeks oleh google memerlukan waktu, tunggu dengan sabar sitemap tersebut diindeks oleh mbah Google. Lama..., OB? Daripada nunggu lama diiringi dengan wajah cemberut seperti jeruk purut yang berkerut-kerut (ha..ha..), lebih baik besoknya saja baru kamu cek. "Heh, coba bilang dari tadi, dasar OB".

Update — 15 September 2012

Sekarang untuk melakukan submit sitemap tidak perlu susah-susah lagi, cukup dengan mengkombinasikan alamat blog ditambah dengan sitemap.xml, contoh: h**p://namablog.blogspot.com/sitemap.xml dan cuplikan gambar interface Google Webmaster Tools di atas sudah ketinggalan zaman. :(

Selamat men-submit sitemap kamu di Blogger Sitemap Generator.

Solusi Submit Sitemap di Webmaster Tools

Posted by rike No comments

Kok, feeds blogku ngga valid? Aduh, sitemap blogku ngga ter-indeks semua? Huh, gagal lagi submit sitemapnya? Dan masih banyak pertanyaan senada lainnya yang mungkin menghinggapi blogger mania ketika submit sitemap di Google Webmaster Tools. Terus bagaimana solusi agar sitemap blog kamu dapat maksimal diterima dan ter-indeks oleh Webmaster Tools? Caranya mudah bertanyalah kepada ahlinya. :) Kalau itu sih bukan solusi namanya, tapi salah satu upaya agar tidak “sesat di jalan”.

Nah, daripada cuap-cuap melulu langsung kita menuju TKP. salah satu cara untuk mengatasi masalah error dan indeks URLs tersebut adalah dengan menggunakan Blogger Sitemap Generator. Berikut adalah langkah-langkah membuat sitemap di Blogger Sitemap Generator:

• Klik link berikut Blogger Sitemap Generator.
• Masukkan alamat blog kamu lengkap dengan http://, contoh : http://optimasi-blog.blogspot.com/.
• Setelah yakin benar alamatnya, klik button “Create Blogger Sitemap”.
• Kemuadian akan muncul sitemap di bawah form.
• Jangan langsung copy sitemap tersebut (ntar meleduk, becanda).
  1. Klik link di bawah "For Bing", untuk men-submit sitemap tersebut ke Bing.
  
  
  2. Klik juga kunk di bawah "For Yahoo", untuk men-submit sitemap tersebut ke Yahoo.
• Sekarang baru copy sitemap di bawah "For Google".
• Sign-in ke Google Webmaster Tools dan pilih blog yang ingin kamu tambah sitemapnya.
• Kamu sekarang berada di halaman "Dashboard", kemudian klik tanda "+" Site Configuration.
• Pilih "Sitemaps".
• Pada halaman Sitemaps, klik button spoiler "Submit a Sitemap".
• Paste sitemap yang kamu dapat dari Blogger Sitemap Generator.
• Terakhir, klik button "Submit Sitemap".

Sumber : Blogger Sitemap Generator Solusi Submit Sitemap Blog Anda oleh Kang Rohman.

Catatan :
Biasanya agar sitemap baru kamu terindeks oleh google memerlukan waktu, tunggu dengan sabar sitemap tersebut diindeks oleh mbah Google. Lama..., OB? Daripada nunggu lama diiringi dengan wajah cemberut seperti jeruk purut yang berkerut-kerut (ha..ha..), lebih baik besoknya saja baru kamu cek. "Heh, coba bilang dari tadi, dasar OB".

Update — 15 September 2012

Sekarang untuk melakukan submit sitemap tidak perlu susah-susah lagi, cukup dengan mengkombinasikan alamat blog ditambah dengan sitemap.xml, contoh: h**p://namablog.blogspot.com/sitemap.xml dan cuplikan gambar interface Google Webmaster Tools di atas sudah ketinggalan zaman. :(

Selamat men-submit sitemap kamu di Blogger Sitemap Generator.