Percepat loading blog dengan mengkompres css

Isi blog kita bagus saja belum tentu banyak orang sering burkunjung ke blog kita.Jika loading ke blog kita lama sipa yang mau?.Dengan salah satu fasilitas yang di berikan website cssdrive kita bisa mempercepat loading blog kita.Yang di kompres dalam blog kita adalah css nya.CSS sendiri bertempat di antara dan .Langkahnya

1.Klik http://www.cssdrive.com/index.php/main/csscompressor/

2.Copy script yang berada diantara dan

3.Disana ada 2 hal yang harus anda setting

1.Compression mode : NORMAL

2.Comments handling : DON’T STRIP ANY COMENTS

4.Paste-kan css tadi di tempat yang telah disediakan

5.klik compress-it!

copas code yang telah di compress di antara dan untuk menggantikan css yang lama

selesai.dan lihat perubahannya

Read More

cara memasang iklan admod 2

Pada postingan sebelumnya cara memasag id publisher admob di blogspot menggunakan JavaScript buatan situs penyedia layanan blog mobile yaitu Xtgem.
Dan ternyata JavaScript buatan xtgem sudah tidak bisa lagi di gunakan untuk menampilkan iklan admob

Berikut ini langkah-langkah menampilkan iklan admob dengan JavaScript bukan buatan xtgem:

1. Login ke Blogger klik tata letak

2. Lalu klik tambah gadget

3. pilih HTML/JavaScript tambah.
Masukkan kode berikut ke dalam gadget HTML/Javascript

Kode untuk iklan admob:


Terakhir klik simpan.

ganti "ID-ADMOB-BLOGKAMU" dengan id publisher admob.

Read More

Cara Melihat Statistik Pengunjung Blog

Nha kini aku nemu yang baru lagi nih, yang ini lebih mudah dan lebih simpel, layanan ini namanya shinystat. Apa aja yang dimiliki layanan ini dan apa kelebihannya dibanding google analytics?
Layanan yang diberikan shinystat diantaranya yaitu:
1. Kamu bisa mengetahui berapa banyak pengunjung yang sedang melihat blogmu saat ini.
2. Bisa mengetahui berapa banyak pungunjung yang datang tiap harinya dan juga berapa total pengunjung yang mampir di web/blogmu.
3. Bisa mengetahui para pengunjung kamu itu datangnya lewat mana, maksudnya lewat search engine atau lewat blog orang lain atau leangsung datang mak pedunduk ke blogmu. itu semua juga ada statistiknya lho.

4. Kalo datangnya lewat search engine, kita bisa tahu kata kunci (keyword apa yang diketikkan sehingga dia bisa nyasar ke blog kamu.
5. Bisa mengetahui pengunjung blog kamu itu datang dari negara mana aja.
6. Informasinya up-to-date, jadi kapan aja bisa berubah, tidak seperti di google analytics yang informasinya baru bisa diketahui sahari kemudian.
7. Dan lain-lain, lihat aja sendiri deh kesitusnya ya.

Nha kalo pengen langsung daftar aja ke situsnya ini http://s5.shinystat.com/en. cara daftarnya gampang dan gratis, tinggal isi formulirnya terus login terus setting dan pilih-pilih terus ambil kode yang diberikan terus pasang di blog kamu, jadi deh.

Read More

Blogspot Berat Dibuka Via HP | Ini Solusinya !

       Beberapa waktu yang lalu saya chat dengan sahabat saya via YM, kebetulan dia blogger juga tapi sekarang sudah pindah mesin ke mesin WP, waktu saya tanya kenapa pindah mesin, simple saja "Karena blogger berat di buka via HP" tidak seperti blog WP yang rata-rata bisa dibuka via hp, itulah sebabnya dia migrasi ke WP.

Sepanjang pengalaman saya blogging memang benar kalau blog dengan platform blogger memang berat di buka via hp, khususnya yang menggunakan ponsel jadul yang sudah support GPRS seperti ponsel Nokia 3100, 3200 dan sejenisnya, juga beberapa ponsel merk lokal. Apakah sahabat blogger berkecil hati karena tidak bisa ngeblog via hp ? tenang saja, kita-kita yang masih setia menggunakan platform blogger juga tidak kalah dengan WP, ya meskipun tidak bisa menandingi tapi setidaknya bisa mengimbangi.

Sekarang pertanyaannya adalah bagaimana caranya ? ok-ok langsung saya share saja, kalau WP punya plugin yang namanya Mobile Press, blogger juga punya tapi dalam bentuk script yang harus disematkan di HTMLnya, apakah scriptnya panjang ? Enggak. scriptnya pendek dan tidak ribet pasangnya. 

Berikut langkah-langkahnya >>

Login >> Design >> Edit HML >> Centang Expand Template Widged serta jangan lupa Download full template buat jaga-jaga. Kalau sudah cari code dibawah ini :

Read More

Cara Pasang Iklan Admob, Inmobi, Mobgold, Smaato Di blog

Haduh pusing mencari orang yang mau share script iklan mobile buat publisher biar muncul di wapsite atau blog yang tidak support dengan php, setelah di xtgem.com susah di akalin lagi. Eeeh akhirnya ketemu juga, dan saya share sekalian di sini, mudah mudahan bermanfaat nih Cara pasang iklan admob di blog, cara pasang iklan inmobi di blog, cara pasang iklan mobgold di blog, cara pasang iklan smatoo di blog :

Read More

CARA MEMBUAT MOBILE VERSION BLOGSPOT SEPERTI DI WORDPRESS

 Blogspot merupakan salah satu platform blog terbesar selain wordpress.
banyak blogger menggunakan Blogspot karena dianggap lebih simple dan mudah.
namun ada salah satu kekurangan blogspot, yaitu tidak ada plugin atau add on seperti wordpress yang menunjang performa blog kita. salah satu yang menurutku paling keren di wordpress tapi tidak kita di dapat di BLOGSPOT ialah plugin 'MOBILE VERSION' .

apabila kita menggunakan wordprees kita dapat menginstalkan plugin mobile version ini dengan mudah di blog kita, sehingga pengunjung yang mengakses blog kita lewat perangkat mobile/handphone/opera Mini akan secara otomatis ter direct ke tampilan yang jauh lebih simple (mobile version) dan memudahkan pengunjung dalam membaca isi konten blog kita .

Read More

CARA MEMBUAT DAFTAR ISI BLOG

Daftar Blog sangatlah penting dibuat untuk kenyaman bagi kita sendiri ataupun pengunjung untuk mencari apa yang kita inginkan denga cepat, oleh karena itu pada kesempatan kali ini saya akan membahas tentang Pembuatan Daftar Isi Blog, Daftar Isi Postingan atau apalah namanya, pembuatannya sangatlah mudah kita praktikan dengan mengikuti langkah-langkah seperti di bawah ini :

Langkah Pertama
1. Sign in di blogger.com
2. Pada halaman dashboard, kemudian klik Layout.
3. Pilih tab Edit HTML
4. Centang kotak kecil Expand Widget Template.
5. Kemudian cari kode seperti ini :
6. Hapus kode tersebut, kemudian ganti dengan kode berikut ini:

7. Simpan Template.

Langkah pertama selesai.

Langkah kedua
1. Klik tab Elemen Halaman.
2. Klik Tambahkan Elemen Halaman.
3 Maka muncul window baru, pilih HTML/JavaScript.
4. Copy dan paste kode berikut :

cintaduadunia.blogspot.com/search?max-results=200">Daftar isi»

5. Ganti url http://cintaduadunia.blogspot.com dengan url blog sobat. Dan jika sobat ingin mengganti berapa banyak daftar isi postingan yang akan ditampilkan maka tinggal mengganti nilai 200 menjadi berapa saja yang diinginkan sobat.

6. Klik tombol Simpan

Read More

MEMBUAT SIDEBAR DALAM KOTAK-KOTAK TERPISAH

Untuk membuat sidebar atau pun kotak posting terlihat dalam bentuk kotak-kotak terpisah seperti yang tampak pada screenshot di bawah ini :Dari gambar di atas terlihat bahwa setiap widget yang di masukan baik itu sidebar ataupun posting akan terlihat dalam kotak sendiri-sendiri yang katanya lebih menarik dan terlihat lebih rapih. Bagaimanakah cara membuat layout seperti itu? ini sangatlah mudah, terutama bagi anda yang sudah familiar dengan yang namanya kode CSS namun tentu saja sangat sulit bagi meraka yang belum mengenalnya.Tekniknya simpel, yaitu anda tinggal memberi warna yang berbeda antara background widget dengan background di mana widget itu berada, kemudian beri jarak antara widget yang satu dengan yang lain dengan menggunakan perintah “margin” dalam hal ini margin-bottom (margin bawah), dan agar lebih terkesan kotak, maka widget tersebut di beri perintah border. Bingung? iya bingung aku Dimanakan kode wiget itu berada? setiap template tentunya berbeda satu sama lain, sehingga aku pun tidak bisa mematok kode itu harus bagaimana, namun sebagai contoh aku ambil Template minima. Di dalam template minima, kode widgetnya adalah seperti ini :.

Read More

MEMBUAT READMORE PADA POSTINGAN

Dalam Postingan kali ini membahas mengenai pembuatan Readmore, selanjutnya, baca selengkapnya atau gimanalah terserah anda, penulis menyadari kali ini bahwa suda lama mengenai Readmore ini namun tidak salahnya kita ulangi karena sekian juta penduduk Indonesia ada yang barusan mengutak atik komputer dan juga barusan berlangganan internet dari manapun tak jadi masalah dia baru selesai membuat Blog beribu-ribu tandatanya, bingung dll termasuk penulis yang barusan menambah ilmu tentang pembuatan readmore ini, baik kita mulai cara-cara pembuatan readmore ini :
Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates Masukkan kode berikut sebelum tag atau tepat sesudah kode } ]]> seperti ini:

Selanjutnya mengatur supaya postingan terpotong, cari kode

atau post.body dalam template kamu dan tambahkan kode berikut tepat dibawahnya :

: Read More..Readmore warna merah bisa dirubah sesuai selera kamu

untuk supaya terpotong postingan kamu, ketik sampai habis karya artikel kamu dalam posting kemudian cari dimana kamu akan memotong artikel kamu misal 1/4 dari potingan kamu dimana Readmore akan tampil kemudian copy code dan paste dari 1/4 postingan tersebut , kemudian copy code ini . dan paste ke Artikel terahir kamu
Selesai deh mudah2an bermemfaat bagi kita semua

Contoh :
Dalam Postingan kali ini membahas mengenai pembuatan Readmore, selanjutnya, baca selengkapnya atau gimanalah terserah anda, penulis menyadari kali ini bahwa suda lama mengenai Readmore ini namun tidak salahnya kita ulangi karena sekian juta penduduk Indonesia ada yang barusan mengutak atik komputer dan juga barusan berlangganan internet dari manapun tak jadi masalah dia baru selesai membuat Blog beribu-ribu tanda tanya, bingung dll termasuk penulis yang barusan menambah ilmu tentang pembuatan readmore ini, baik kita mulai cara-cara pembuatan readmore ini :.

Hasilnya :
Dalam Postingan kali ini membahas mengenai pembuatan Readmore, selanjutnya, baca selengkapnya atau gimanalah terserah anda, penulis menyadari kali ini bahwa suda lama mengenai Readmore ini namun tidak salahnya kita ulangi karena sekian juta Readmore
* Artikel ini sudah saya coba dan berhasilSelamat Mencoba

Read More

CARA MEMBUAT LINK TEKS DISENTUH TERBUKA SENDIRI

hay sobat Blogger saat ini tepat Jam 5 Sore tanggal 18 Pebruari 2010 dalam cuaca yang sangat panas seperti kaya kemarau saya coba menuliskan artekel yang sangat menarik yaitu link bisa terbuka sendiri tanpa di klik, saya berpikir bagus kita pergunakan pada iklan di blog kita karena tidak semua pengunjung senang dengan iklan termasuk saya nah oleh sebab itu bisa kita sisippi dengan code script ini, suatu hari saya berkunjung salah satu blog yang memasang script tersebut di iklannya terus sewaktu crosur saya melintas di iklannya terus terbuka ada bebarapa buah iklannya terbuka tanpa saya klik nah keuntungannya berapa kalau pengunjung 100 orang tenpa di klik pengunjung, hanya dilintasi crosur yang tidak disengaja pengunjung dia dapat uang nah gimana dengan anda silakan dipratikan di blog anda berikut code script nya dibawah

http://www.seiparing.blogspot.com"onMouseover="window.location=this.href">CODE SCRIPT GRATIS

Catatan :
Tulisan yang warna merah ganti dengan teks anda
Warna Biru Nama Link anda

SELAMAT MENCOBA

Read More

Dasar Postingan/Sidebar Ganti Warna Saat Cursor Didekatkan

Satu Lagi yang unik sebuah Code script Mampu merubah warna dasar postingan anda disaat cursor komputer didekatkan ke dasar postingan cara gimana inilah caranya :

• Seperti biasa, masuk ke Blogger, Tata Letak Edit HTML.
• Back up dulu templatenya jika takut gagal.
• Cari kode untuk Main Widget atau #main-wrapper {
  Untuk Dasar Postingan.main .widget{
background:#3D81EE;
border-bottom:0px solid $bordercolor;
margin:0 0 1.0em;
padding:0 0 1.5em;
}
atau kalau tidak ada #main-wrapper { width: 555px; float: $startSide; margin-right: ; border:; background:; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }
• Tambahkan kode dibawah ini tepat dibawah kode diatas.main .widget:hover {
background:#66B5FF;
}
Untuk Dasar Sidebar Cari Code dibawah ini #sidebar-wrapper { width: 200px; margin-right: 10px; margin-top: 0px; padding-left: 0px; border:; float: left; background:; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } kemudian paste code dibawah ini tepat dibawah Code di atas .sidebar .widget:hover { background:#FFF8DC; }
• Klik tombol Simpan Template.
• Lihat Blog anda sekarang.

Warna merah dapat diganti dengan warna apa saja sesuai selera anda, ingat bukan mengganti gambar diatas ini hanyalah untuk cuci mata aja

Read More

Cara Membuat Scroll Keatas Secara Otomatis

kamu Copy Paste aja script di bawah ini :

kalau sudah di "Copy",, kamu "Paste" persis dibawah kode :
Selesai

Read More

Membuat Border/Warna Beda Pada Script di Posting

Selamat berjumpa kembali kita tetap bersama dengan Code script hari ini untuk menyampaikan salah satu ilmu yang saya ambil pada blog sahabat di dunia maya, salah satunya ini adalah Membuat Border/Warna pada Script di Posting.

Adapun cara pemasangannya apabila anda ingin menampilkan postingan berupa Code script yang beda dari pada terdahulu, copy salah satu Code script dibawah ini terserah anda mau yang mana , Paste dipostingan anda kemudian masukan code script yang akan anda posting tepat di warna biru silakan anda ganti dengan code script anda
Border berwarna dan jenis-jenis garis bordernya

Solid Border

TULIS SCRIPT/KODENYA DISINI

» Ridge Border

TULIS SCRIPT/KODENYA DISINI

» Groove Border

TULIS SCRIPT/KODENYA DISINI

Read More

membuat read more

Membuat Readmore Blogspot lebih mudah sekarang, karena beberapa waktu lalu fitur read more atau jump break telah ditambahkan di Blogger atau Blogspot. Dengan adanya fitur ini kita tidak perlu menambahkan berbagai kode di template blogspot kita, karena telah ditanamkan oleh pihak blogspot. Untuk membuat read more di blogger dapat dilakukan seperti di WordPress.

Cara membuat readmore atau Jump break di Blogspotcukup dengan menekan tombol Insert jump break pada tampilan visual atau dapat dibuat secara manual pada tampilan HTML atau kode dengan menambahkan sedikit kode:

Read More

cara mudah membuat banner

Untuk membuat banner (Link Baner) tentunya merupakan hal yang mudah bagi yang mengerti software2 desain seperti Adobe Photoshop, Image Ready, Corel Draw dll. Tapi bagi yang tidak tahu dengan software2 tersebut pastilah merasa sulit. Tapi jangan kawatir dan jangan berkecil hati, berikut ini akan aku tunjukkan cara yang mudah untuk membuat link banner tanpa harus mengerti software2 desain. Hanya dengan memilih dan sedikit otak-atik maka kamu nantinya bisa memiliki link banner yang cukup menarik. Mau tahu caranya?

Read More