0 Buat Blog Kamu Friendly di HP

Seperti yang kita ketahui jutaan orang di dunia menggunakan ponsel mereka untuk berinternetan. Apalagi dengan jaringan yang kuat seperti 3G dan HSDPA di Indonesia, mereka lebih sering menggunakan ponsel untuk sekedar surfing atau downloading. Pengen tau bagaimana blog kita agar friendly di ponsel?? Ckhek this!!


Agar blog kita friendly di ponsel perlu mengubah kode skrip kita:

1. Login ke Blogger
2. Klik Rancangan
3. Edit html jangan lupa centang expand template
4. Temukan kode

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

Kalau udah ketemu tambahkan kode dibawah setelah kode diatas:

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

<b:if cond='data:blog.isMobile'>

<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>

<b:else/>

<meta content='width=1100' name='viewport'/>

</b:if>

5. Simpan deh

Gampang khan...
Jangan lupa koment ya...

Orginal by: blog.mampir.co.tv

0 Cara Membuka Proteksi Klik Kanan Sebuah Situs

Setelah kemarin saya memposting tentang Cara menonaktifkan klik kanan blog. Kali saya akan menshare bagaimana kita membuka proteksi tersebut. Penasaran?? Chek This!!
Dan jika ingin tahu caranya, silakan ikuti tipsnya berikut ini. Walaupun tidak semua situs/blog melakukan hal yang sama (pen-disable-an klik kanan) namun siapa tahu para pengunjung suatu saat menemui situs-situs tersebut.
Karena proteksi klik kanan ini biasanya menggunakan javascript maka cara membuka proteksinya adalah sebagai berikut.

Bagi para pengguna Firefox, lakukan langkah-langkah berikut ini.

Pertama, klik menu Tools kemudian pilih Options.


Kedua, setelah muncul jendela “Options” kemudian pilih tab “Content”.
Ketiga, kemudian hilangkan centangan pada “Enable Javascript”


Keempat, klik OK
Kelima, selesai.

Bagi Pengguna Opera, lakukan langkah-langkah berikut ini.

Pertama, klik menu Tools kemudian pilih “Quick Preferences”
Kedua, selanjutnya hilangkan centangan pada “Enable Javascript”

Ketiga, selesai


Atau kita dapat menggunakan javascript berikut ini.

javascript:void(document.oncontextmenu=null)

Caranya adalah ketika kita masuk ke situs/blog yang menggunakan proteksi klik kanan, kemudian copy script tersebut pada browser kemudian tekan Enter. Dengan script tersebut, klik kanan menjadi “enabled” kembali.

SELAMAT MENCOBA!!!

1 Cek Kecepatan Blog Kamu

Nah lo, kali ini saya akan share tentang bagaimana mengecek kecepatan blog kamu.Penasaran yaw?? Chek this!!

Kalau mau cek lebih dari 2 blog, pisahkan dengan enter (Maximum 10) Alamat blog kamu: ( Sebagai contoh blog.mampir.co.tv )

0 Cara menonaktifkan klik kanan pada blog

Mungkin sering anda temukan pada situs-situs sahabat, yang halaman webnya tidak dapat di klik kanan. jika kita memaksa melakukan klik kanan, yang akan muncul adalah informasi bahwa website ini tidak dapat menggunakan fungsi klik kanan. ini mencegah terjadinya copas artikel pada blog mereka. ya siapa yang tidak sakit hati jika artikel yang kita buat dengan bersusah payah dengan mudahnya mereka mengcopas yang sebenarnya bukan hak mereka. jika mending mereka memberi link asal dari artikel tersebut.
Berikut langkah cara membuat klik kanan pada artikel blog kita tidak berfungsi, atau menonaktifkannya:

* Login pada blogger
* Klik Rancangan
* Tambah gadget baru
* Pilih HTML/JavaScript
* Kemudian copy dan pastekan kode di bawah ini kedalam nya

<script language="JavaScript">
<!--

var message="Anda tidak diperbolehkan melakukan Klik-Kanan";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

* Simpan gadget
* Selesai.....

0 Cara membuat sudut melengkung pada blog

Kali ini kita akan membuat sudut melengkung pada sudut kotak blog kita. coba anda perhatikan terlebih dahulu sudut blog ini. paling bawah atau paling atas blog di sana terdapat sudut yang melengkung.
cara membuatnya kita hanya membutuhkan sedikit kode yang akan ditambah kan pada CSS tamplate kita. mau tahu kode nya seperti apa? berikut ini kode yang harus ditambahkan tersebut:

* -moz-border-radius => ini akan membuat segala sudut jadi melengkung, baik itu kiri atas, kiri bawah, kanan atas dan kanan bawah
* -moz-border-radius-bottomright => ini membuat garis melengkung kanan bawah
* -moz-border-radius-bottomleft => ini di gunakan untuk membuat garis kiri bawah melengkung
* -moz-border-radius-topright => ini untuk garis melengkung kanan atas
* -moz-border-radius-topleft => ini untuk garis melengkung bagian kiriatas


Nah untuk membuat sudut nya melengkung anda harus menambahkan nilai pada ujung kode tersebut, ini untuk menentukan seberapa melengkungkah sudut yang kita mau. berikut ini cara penambahannya.

-moz-border-radius:10px;

Nah 10px tersebut itu lah nilai lengkung yang akan di tambahkan. nilainya tidaklah mutlak seperti itu. anda bisa merubahnya dengan nilai yang lain. tergantung keperluan anda. setelah nilai tersebut sudah di tentukan anda tinggal memasukkannya pada kode CSS template yang ingin anda berikan sudut melengkung. disini saya akan mengambil contoh garis melengkung kiri bawah dan kanan bawah pada footer, berikut ini caranya:

#footer{
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
background:#005094;
}

Selesai Deh...
Jangan Lupa Koment..

2 Cara pasang fasilitas pdf di blog

Yah.. Sudah lama tidak posting (gara-gara laporan) hehe..,, jadi males-malesan posting neh... tapi mumpung sekarang lagi ga ada kerjaan, dan lagi ngejar target pagerank, ya di bisa-bisain deh buat posting.
Nah sekarang zoel akan bahas tentang cara memasang fasilitas pdf di blog. Fasilitas ini mungkin akan sangat bermanfaat bagi sobat yang blognya berisiartikel penting yang memungkinkan untuk di save. Dari pada di copy paste lebih baik memasang fasilitas ini, mungkin visitor akan lebih nyaman untuk save artikelnya. Lebih jelasnya ikuti step by step berikut:



Pertama kunjungi web2.pdfonline.com
sign up dan isi form yang ada sesuai dengan data sobat,
setelah itu silahkan login dengan username yang telah sobat buat


Step 1 (setting di pdfonline)
Tentukan papernya landscape atau portrait
Dan tentukan pula pengaturan marginnya
Bila sudah selesai klik >> Generate the JavaScript
Copy semua code yang ada lalu simpan saja sementara di notepad (atau sejenisnya)

Step 2 (setting di blogspot untuk copas kode dari pdfonline)

1. Login di blogspot
2. Klik Layout.
3. Klik Elemen Halaman.
4. Klik tulisan Tambahkan sebuah Elemen Halaman (add a gadget)
5. Setelah muncul popup, klik tombol TAMBAHKAN KE BLOG yang berada di bawah tulisan HTML/JavaScript.

Atau jika sobat ingin memasangnya di bawah postingan bisa ikuti tutorial ini, berikut caranya :

1. Masuk ke Dashboard , pilih Layout , pilih Edit HTML
2. Sangat disarankan untuk Download Full Template sebagai backup
3. Centang Expand Widget Templates
4. Cari kode : data:post.body/ (mudahkan pencarian dengan tekan tombol f3), bagi yg sudah pakai Read more kode ini ada dua, nah ambil saja kode yang pertama
5. Lalu dipaste kode tadi tepat dibawahnya

0 Offline Blogging Dengan Windows Live Writer

Apa itu Window Live Writer?
Window Live Writer adalah sebuah tool buatan Microsoft untuk para Blogger agar blogging / ngeblog secara offline. Bagi anda yang baru di dunia Blogger (termasuk saya sebelum tahu tips ini, hehe..), mungkin anda harus login dulu ke akun Blogger anda untuk membuat sebuah postingan. Cara itu sudah dianggap kuno oleh para master Blogger. Jadi sekarang jamannya Offline Blogging alias membuat artikelnya secara offline dengan tool lalu tinggal klik Publish kalau sudah dalam kondisi online. Tertarik mencoba?1. Bisa Offline Blogging (pastinya!)
Dengan Offline Blogging kita bisa menghemat biaya pemakaian internet dan waktu, apalagi buat yang online di warnet. Uang keluarnya jadi berkurang. Hehehe…!

2. Tampilannya Menarik



3. Tool Editor Window Live Writer Sangat Lengkap
Jika kita menggunakan Window Live Writer, maka kita akan seperti menggunakan Microsoft Word karena tool editor nya sangat lengkap. Jadi untuk urusan mengedit gambar, membuat tabel, sangat lah mudah dengan Window Live Writer ini.

4. Image Editor Yang Mantap!
Hanya dengan satu kali klik, kita bisa membuat efek gambar yang sangat menarik. Tentunya ini akan sanagt berguna karena kita bisa menghemat waktu. Efek2 yang bisa dihasilkan adalah Drop shadow, Photopaper, Reflection, Rounded Corner, Water mark, Black and White, Sepia tone, dll.

5. Upload Gambar Secara Otomatis
Anda tidak perlu mengupload gambar yang akan diposting terlebih dahulu karena Window Live Writer akan mengupload secara otomatis ke Picasa Web Album.

6. Multi Preview Editor
Anda bisa memilih versi HTML atau versi biasa (WYSUWYG), serta web preview tampilan di browser.

7. Bisa Menambah Plugin
Seperti Firefox yang terkenal dengan fitur Add-Ons, Window Live Writer juga memiliki fitur fasilitas Add Plugin.

Berikut Link Download Untuk Window Live Writer:

1. Software Window Live Writer: http://download.live.com/writer

2. Download Plugin: http://gallery.live.com

0 Bikin Message Alert

Message Alert adalah pesan yang dari admin kepada pengunjung website, yang akan muncul ketika blog dibuka. kata yang muncul bisa ucapan salam atau ucapan terimakasih dari admin, misalnya : Assalamu'alaykum, welcome in my blog atau terimakasih telah mengunjungi blog saya.
Nah apabila sobat semua tertarik untuk membuatnya, caranya sangat mudah. kita tinggal sedikit menambah kode java script pada halaman edit HTML di blog kita. ini dia caranya:

1. Okey...sobat, silakan login ke blogger

2. Klik Layot (Tata Letak). Lalu Klik tab Edit HTML

3. Cari kode </head>

4. sudah ketemu kan...??? kalo sudahCopy paste kode dibawah ini diatas kode </head> jangan lupa ganti "PESAN" dengan pesan yang sobat pengen.

<script language="JavaScript">alert("PESAN");</script>

0 Tips Membuat Menu Drop Down

Untuk menghindari arsip Blog yang menumpuk atau berderet kebawah terlalu panjang, kita bisa menggunakan menu dropdown agar terlihat lebih Efisien. Karena semakin banyak dan semakin lama kita Ngeblog maka arsip blog kita akan
bertambah panjang Daftarnya. Seperti yang kita ketahui, blog di arsip setiap bulan. Bagaimana kalau Kamu ngeblog bertahun-tahun, tentu akan semakin panjang kan daftar bulan Arsip blog....?
Berikut ada sedikit tips untuk membuat menu dropdown.
# Login ke Blogger
# Klik Tata Letak.
# Kemudian klik Elemen Halaman.
# Klik tambah Gadget --> kemudian pilih menu yang bertulikan Arsip Blog
# Disamping tulisan style, pilih radio button yang bertuliskan Dropdown Menu --> kemudian contreng kotak radio button tersebut.
# Klik Simpan.
# Itu tadi menu dropdown untuk Arsip Blog , lantas bagaimana cara membuat menu dropdown yang didalamnya terdapat link. Seperti ini Kode HTML nya :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>Judul menu</option>
<option value="Isi dengan Addres yang ingin di Dituju">Judul link disini</option> </select></form>

# Silahkan Dicoba...

0 Beberapa Hal Yang Menyebabkan Blog Anda Dianggap Spam Oleh google

Saya ada sedikit sharing untuk mangantisipasi agar blog anda Tidak di anggap spam oleh google.
dibawah ini ada bebberapa contoh blog yang dianggap spam oleh google. 1.Terlalu Banyak Keyword Yang Sama
Blog anda bisa dianggap Spam Oleh Google adalah jika anda telalu banyak menuliskan satu keyword dan mengulangnya.Selain itu jika Deskripsi Blog,Meta Tag dan Judul Blog Adalah Sama Saya yakin g sampai 3 Bulan blog anda sudah dianggap Spam oleh Google.

2.Terlalu Banyak Link keluar Ke Tempat Yang Sama
Jika Ada terlalu Banyak Link keluar Ke Tempat yang sama kemungkinan besar blog anda cepat atau lambat akan dianggap spam oleh Google.

3.Ada Tulisan bayangan
Ini adalah salah satu black hat SEO,yaitu menuliskan tulisan bayangan(tulisan Yang warnanya sama dengan background) yang berisi keyword-keyword.Cara ini memang akan mendapatkan banyak Pengunjung bagi anda lewat search enggine.tapi cepat atau lambat karena canggihnya Google Blog Anda Akan dianggap Blog Spam.
itu ada 3 Hal yang Bisa Membuat Blog anda dinggap Spam,dan jika Blog anda sudah dianggap Blog Spam oleh Google maka siap-siaplah menerima Kutukan dari Google.yaitu Blog Anda Akan Dimasukkan Ke dalam Sand Box yang kedua adalah jika blog anda adalah blog yang dihosting blogspot maka blog anda akan otomatis dihapus.

0 Mengubah Blog Nofollow Menjadi Dofollow

Sebenarnya apa ya nofollow dan dofollow itu ? dan kenapa banyak orang yang berkomentar di blog dofollow? sedikit pertanyaan yang cukup ribet dan membuat pusing kepala. Dari hasil survey, ternyata blog dofollow mendatangkan komentar yang lebih banyak ketimbang blog nofollow. Nah, sudah kebayang kan yang saya maksud, jadi blog dofollow artinya blog yang memberikan backlink oneway terhadap si pemberi komentar di blog
kita. Dengan meninggalkan komentar di blog yang dofollow berarti sama saja kita mempromosikan blog kita. Lihat saja blog-blog yang sudah terkenal yang mempunyai page rank tinggi, disana terlihat puluhan komentar setiap postingannya. Memang ada juga yang enggan mengubah blognya menjadi dofollow dan tetap memakai nofollow mungkin semata - mata untuk menghindari link keluar lebih banyak.


Mau merubah menjadi dofollow? berikut langkah-langkahnya.

1. Login ke Blogger

2. Klik Tata Letak.

3. Klik Edit HTML, Jangan lupa backup dahulu template dengan mengklik Download Template Lengkap
Untuk Jaga-jaga jika terjadi kesalahan.

4. Contreng Expand Template Widget

5. Cari kode yang seperti ini :

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

6. Kemudian ganti menjadi seperti berikut ini :

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

7. Jika bingung, klik saja Ctrl+F dan ketik kata nofollow.

8. Kemudian hapus tulisan rel="nofollow" yang ada di template kamu.

9. Save Template.

0 Cara Pasang Search Engine

Sebenarnya blogger sudah menyediakan fasilitas widget untuk Search Engine namun search engine dari blogger ini bentuknya sangat sederhana dan hanya bisa di letakkan di Sidebar atau bagian gadget saja. Fungsinya sebernarnya sama saja, yaitu untuk melakukan pencarian keyword atau
Kata kunci pada blog. Namun dengan kode manual dibawah ini, Kamu bisa berkreasi dengan memasang Kode search engine Template
langsung lewat HTML Berikut kode untuk search engine :

<form id="searchform" action="http://NamaBlogAnda.blogspot.com /search" name="searchform" method="get"><input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search" type="submit"> </form>

Kamu bisa mengganti tulisan yang saya tandai dengan warna merah dengan alamat Blogmu sendiri tentunya, misalnya seperti ini http://namikulo.blogspot.com/search

Sedangkan untuk kode value="Search" . Tulisan Search ini adalah tulisan yang akan muncul pada tombol search engine, Jika ingin mengubahnya, Kamu bisa mengubahnya menjadi :

Value=”Find” agar tulisan yang muncul di Search engine adalah “Find”.

0 Menghilangkan Icon Obeng dan Tang [ Quick Edit di Blogspot

Bagi para Blogger, pasti pernah melihat icon berbentuk Tang dan obeng [ quick edit pada template Anda.
Nah, itu bisa jadi sangat bermanfaat karena berfungsi sebagai
tombol quick edit.1. Login ke blogger
2. Tata Letak lalu EDIT HTML
3. Centang "Expand Widgets Templates"
4. Sisipkan kode

.quickedit{
display:none;
}

di atas ]]>
5. Mudahkan...

0 Cara pasang tombol Google Buzz di blogmu

Google baru baru ini memperbarui sistem e-mailnya dengan menambahkan fitur Buzz pada G-mail,dengan fitur ini para pengguna gmail bisa saling berbagi dengan para pengguna G-mail lainnya,seperti bisa update status,sharing video,serta berbagi informasi juga link blog,alhasil Gmail Buzz sangat diuntungkan bagi pengguna Gmail Google Gmail Buzz merupakan saingan berat Yahoo Buzz yang kemarin baru diluncurkan oleh Yahoo Mail,namun pihak pembuatnya "Sergei Brein " tampak optimis jika Gmail Buzz akan meraih kesuksesan lebih
besar.
Berikut ini langkah2 cara memasukkan tombol buzz didalam blog :

* Masuk ke blogger
* Edit tata letak.
* Pilih edit html/kemudian expand template widget
* Kemudian cari kode <data:post.body/>
* Kopikan kode dibawah ini diatasnya :

<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY0APOlNEqMfG1VH_DE7qQGCS8Vriu-PLYXXbCWTPUokAfXHF8f6qXMf0Ejk_bko4LXtn3NPZ9B-BjjKFMQe0bAKkHaL2_wpxCFr7019v5m-5SoEMoUnYCj5droh8ltme3LPuM0oDaPes/s400/buzzthis.gif" border="0" alt="Buzz this!"/></a>

* Simpan

0 Pasang tombol tweet di blogmu

Pasang Widget Tweet Pada Postingan - itulah yang akan dibahas pada postingan kali ini, dimana dengan adanya widget tweet, kita bisa langsung mempublishkan postingan ke twitter.Untuk menampilkan Widget Tweet Pada Postingan, coba ikuti langkah-langkah berikut step by step :

1. Login ke account blogger dengan username dan password pribadi

2. Klik Tata Letak --> Edit Html --> centang "expand widget template"

3. Cari kode dibawah ini :



4. Copy dan letakkan kode dibawah ini persis sebelum kode diatas :

<div style='float:right; padding:10px 0 0 5px'><script type='text/javascript'>tweetmeme_url = &#39;<data:post.url/>&#39;;tweetmeme_service = &#39;bit.ly&#39;;</script><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>

5. Simpan Template.

0 Cara Menambah Elemen Halaman di Bawah Header Menjadi 3 Kolom

Untuk menambah elemen halaman di bawah header menjadi 3 kolom, seperti blog tutorial terkenal yang menggunakan template magazine"Kang rohman yang hasilnya akan seperti gambar diatas:

1. Login Blogger
2. Kemudian kilk Tata Letak.
3. Klik Elemen Halaman.
4. Klik Edit HTML.
5. Jangan lupa download template Lengkap, untuk berjaga-jaga kalau terjadi kesalahan kamu bisa kembali ke template awal dengan klik Download Template Lengkap.
6. Cari kode ]]> [Untuk mempermudah pencarian pakai Ctrl+F].
7. Copy kode berikut ini :

#under_header1{

float:left;
width:33.33%;
}
#under_header2{
float:left;
width:33.33%;
}
#under_header3{
float:right;
width:33.33%;
}
#under_header4{
float:left;
width:100%;
}

Paste di atas kode ]]>
8. Kemudian cari kode berikut atau yang mirip kode berikut :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='Blog Doddy (Header)' type='Header'/>
</b:section>

kemudian copy kode di bawah ini, tambahkan di bawah kode di atas :

<div id="under_header1">
<b:section class='header' id='underheader1' preferred='yes'/>
</div>
<div id="under_header2">
<b:section class='header' id='underheader2' preferred='yes'/>
</div>
<div id="under_header3">
<b:section class='header' id='underheader3' preferred='yes'/>
</div>
<div id="under_header4">
<b:section class='header' id='underheader4' preferred='yes'/>
</div>

Yang akan menjadi kode berikut :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='Blog Doddy (Header)' type='Header'/>
</b:section>
</div>

<div id="under_header1">
<b:section class='header' id='underheader1' preferred='yes'/>
</div>
<div id="under_header2">
<b:section class='header' id='underheader2' preferred='yes'/>
</div>
<div id="under_header3">
<b:section class='header' id='underheader3' preferred='yes'/>
</div>
<div id="under_header4">
<b:section class='header' id='underheader4' preferred='yes'/>
</div>

SAve
Tralala, Jadi deh...