INFO BLOGER MANIA

Basmalah Dalam Postingan

Site Map yang Seo

SEO Permaling Terbaru

SEO Permalink blog

Menampilkan Judul Postingan Saja

Abaut Me

Membuat Breadcumb di Artikel

2 Kolom Artikel Terkait di bawah Postingan

Cara Membuat Gambar atau Teks Berjejer Kesamping

Membuat Gambar Iklan di Kanan-kiri Blog

Pasang Iklan

Menampilkan Daftar Isi Blog dengan berbeda

Cara Optimasi Blog AgarTampil Lebih Cepat

SITE MAP

Blogger Indonesia di Tuntut 2 Milyar

Pasang Tombol Paypal Donate

Cara menghasilkan Kode Warna HTML dengan Ms Paint

Cara Mengganti Link Older Post dan Newer Post Dengan Icon Gambar

Memasang Opsi Reply Di Form Komentar Blogger

Sejarah Blog di Indonesia

Algoritma terbaru Google 2011

Cara Menampilkan Widget di Halaman Tertentu

Cara Memudahkan Alexa Rank Naik Pesat

5 blog Peringkat terbaik bloggingnya

Apa itu Alexa Rank?

20 Cara meningkatkan Alexa Rank

Opini Saya

Konsep dan Kode Kotak Permalink

Cara Memasang Kotak Permalink di Bawah Posting Blog

2012-08-14T00:54:00.010+07:00

Selamat malam dengan sedikit terkantuk-kantuk masih tetap bersemangat untuk posting walaupun ditemenin sama nyamuk tetap jalan terus..!! Teman-teman di bulan Ramadhan ini akan lebih serasi dan lebih tepat jika di blog kita juga memerikan nuansa Ismai dengan memberikan Huruf Arab. Huruf Arab Basmalah ini di simpan atau di tempatkan diatas pembukaan atau postingan dengan sedikit banyak akan membawa warna dalam penampilan blog anda. Untuk lebih lanjutnya silahkan anda ikuti instruksi-instruksi yang akan di paparkan di bawah ini jika ada saran atau komen nya dari teman-teman silahkan di tunggu .

1. Login dengan akun anda di blogger dan masuk ke dasbor blog anda.

2. Lalu ke Rancangan > Edit HTML > Centang Expand Template Widget.

3. Cari kode <data:post.body/> (Ctrl+F) dan dan sisipkan kode berikut tepat di atasnya.

<div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{"type":3}'><span dir='rtl'>بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم</span></span></span></div><br/>

4. Jika sudah silahkan klik Simpan Template.

5. Lihat hasilnya.

Tambahan jika anda mempunyai blog dengan Readmore pastikan penempatannya yang paling atas atau yang ke tiga jika gagal juga semua data post disimpan script diatas dan lihat hasilnya.

Semoga bermanfaat sekian dulu.....!!!

2012-08-13T19:43:00.000+07:00

Selamat sore para bloger di bulan ramadan ini saya coba untuk membuat SITE MAP apa yang dimaksud dengan Site map adalah salah satu peta artikel dari blog kita yang ingin di tampilkan baik secara keseluruhan atau sebagian saja tergantung minat. Tujuan dari site map adalah memberikan informasi yang di butuhkan oleh Pengunjung dengan sejelas-jelasnya dengan harapan dapat membuka artikel dengan lebih banyak pilihan dan mudah memilihnya. SEkaligus dapat meningkatkan pengunjung ke blog kita karena artikelnya di lihat oleh banyak orang atau pengguna. Untuk mempersingkat waktu site map ada dua jenis mungkin lebih diantaranya dapat di tampilkan menurut tanggal dan menurut Label atau Kategori artikel. Diantara itu semua anda suka yang mana silahkan anda pilih :

Berikut ini cara membuat daftar isi/sitemap di blog secara otomatis :

1. Login ke akun blogger anda.

2. Pilih Entri Baru (New Post) > Edit HTML.

3. Copy salah script sitemap yang mau dipakai dibawah ini dan paste pada area posting Script Site Map menampilkan Per Tanggal Posting atau Widget blog sesuai penempatannya.

Script 1 :

</script> <script src="http://nama-blog-anda.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc">

</script>

Script yang kedua SITE MAP Menampilkan Isi artikel dengan Per Kategori atau Perlabel:

Script 2 :

var accToc=true;

</script>

diantara dua Scrip diatas anda pilih yang di sukai

Semoga Bermanfaat...

Sumber : http://abu-farhan.com

2012-08-13T15:00:00.009+07:00

SEO Permaling Terbaru Pada kesmpatan ini sudah tidak usah di bahas mengenai Apa itu permaling?.
Kalau anda belum tau ada baiknya anda coba mengikuti Posting yang terbaru supaya lebih mengerti dan paham dan mudah memodifikasinya sesuai harapan anda.
baik untuk mendapatkan hasil yang maksimal tentunya ada harus sedikit sabar dan cermat dalam menerapkan Script tersebut dan jangan putus asa jika memang belum mendapatkan hasil yang di inginkan silahkan komentarnya di tunggu.
Cara Membuat Permanen Link di Blog

1. Login ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin>

.admin-tulisan{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.

<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4>
<div class='kontainer'>
<img alt='Suprayitno bakalan city' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiExtrGCk9nkcIa9gyUL5chZ9-dUmoKUGr6iXfN3dKmCfcBdhFNiqivahbUyWm0dG0e4E1WUheuGerhyZ7Jd4twbN2KkmVLXX_nbshQbydT__9_h7iOWAhrql5XaabnbQNfYpTcvpJinsM/s1600/559457_366792523361390_100000919374428_1083481_1160803163_n.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://bakalan-tlogorejo-city.blogspot.com/search/label/Tips%20dan%20cara%20Blogspot' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

5. Klik save dan lihat hasilnya.

Tambahan :

Ganti kode yang berwarna dengan Url foto / gambar milik sobat
Sesuaikan angka yang berwarna dengan ukuran template blog sobat ( ukuran textarea )
Semoga Artikel Ini Bermanfaat.......
Terima Kasih

Untuk Pencarian bisa anda gunakan Ctrl + F >> ketikan yang di cari..!
Permalink blogger ini hanya akan terlihat saat anda membuka suatu posting bukan halaman utama blog anda.

2012-08-13T14:47:00.007+07:00

Untuk menambah SEO Blog yang kita pakai sebaiknya anda memasang Permaling. sebelum ke yang lainnya, ada baiknya mengulas tentang apa itu Permaling?
Permaling adalah salah satu Penjelasan tentang artikel yang di tampilkan atau yang ada pada postingan atau page view. Jadi di luruskan dulu kalau Permaling adanya di Page View yang di tampilkan oleh blog bukan di Home ( Halaman Utama ) atau yang lainnya, nah sekarang jelaskan permaling adanya di mana dan digunakan untuk apa, supaya orang lain atau pengunjung blog lebih tertarik akan artikel dan jika berminat boleh mengcopy Link tersebut yang sedikit banyak dapat Mendongkrak visitor Blog Anda..
Untuk lebih lanjutnya akan saya paparkan dengan semudah mungkin.

Konsep yang saya gunakan adalah kotak permalink otomatis dengan memanfaatkan dua tag XML Blogger, yaitu <data:post.url/> untuk memanggil url posting yang sedang ditampilkan, dan <data:post.title/> untuk memanggil judul posting yang sedang ditampilkan, very easy! Permalink juga dilengkapi dengan tag link </a>. Kemudian permalink tersebut diletakkan pada textarea dengan memanfaatkan beberapa fungsi javascript sederhana. Dengan cara ini, semua isi kotak permalink tampil secara otomatis tanpa harus membuat isi secara manual dan dapat langsung digunakan.

Berikut kode-nya:

<div style='line-height:1.4em;padding: 1px; margin: 2px;background-color: #ffffff;font-size: 11px;text-align: justify'>
<span>Ganti teks ini dengan informasi mengenai permalink atau apapun di sini.</span><br />
<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2' style='margin-top:3px;width:auto;'><a href="<data:post.url/>"><data:post.title/></a></textarea><br/>
</div><br />

Kostumisasi CSS:

Secara default saya menggunakan:

- background-color: #ffffff (putih), ganti #ffffff dengan kode warna lain sesuai dengan warna background posting blog.

- padding: 1px dan margin: 2px, ganti 1px dan 2px dengan nilai lain untuk menambah atau mengurangi padding dan margin.

- font-size: 11px, ganti dengan nilai lain untuk menambah/mengurangi ukuran huruf (pada text di atas kotak permalink).

1. Copy kode di atas setelah melakukan kostumisasi, jika belum tahu apa yang harus dikostumisasi agar kotak permalink sesuai dengan desain blog, copy dulu saja.

2. Buka HTML editor blog, Dashboard > Template > Edit HTML.

3. Jangan lupa centang "Expand Widgets Template"

4. Cari <data:post.body>. Bagi yang menggunakan readmore otomatis, akan ada lebih dari satu tag tersebut. Pada kebanyakan template, tag yang ditampilkan secara penuh adalah tag kedua. Jika tidak yakin, pilih dan coba dulu yang pertama, jika tidak bisa pilih tag sama yang kedua.

5. Letakkan kode kotak permalink tepat di bawah <data:post.body>.

6. Save template.

anda dapat melihatnya dengen Preview. semoga tambah mantap blognya.. Ammiiin..!!!
Jika Anda kurang Pusa dengan Permaling tersbut ada modifikasinya yang lebih mantap silahkan Anda Kunjungi : SEO Permaling Terbaru.

2012-08-09T05:38:00.000+07:00

Pada kesempatan ini akan membahas bagaimana cara menampilkan Judul postingan dari label tanpa menampilkan isi label postingan tersebut.

Awalnya ini bisa terjadi karena artikel kita dalam satu label ada beberapa puluh bahkan ratusan judul ini akan membuat masalah pada Ketika Label atau Categori di Klik oleh pengunjung jika Label atau categori itu ada Ratusan akan menampilkan seluruh isi dari pada Label tersebut. Sehingga Tampilan pada layar blog kita akan terlihat Berjajar kebawah begitu panjang. Untuk memangkas isi dari Label tersebut dengan Menampilkan Judul Postingan Saja. Oke selanjutnya bisa anda coba dan Jika ada masalah anda bisa di tanyakan pada komentarnya..

Pertama-tama Anda :

masuk ke edit HTML jangan lupa download template anda sebelumnya, tandai pada espand widget templates
cari kode ini <b:include data='post' name='post'/>
gantikan dengan kode ini <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> <data:post.title/></a><br/><br/> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if>
simpan > selesai

Silahkan Anda Preview dan jangan Lupa Di SAVE semoga bermanfaat .. Silahkan Komentarnya...

2012-08-09T01:20:00.003+07:00

TRIYONO Baru belajar ngeblog dengan modal nekat and pengen tahu jadi memberanikan diri untuk membuat dan berbagi dengan para bloger mania Blog ini berkisah seputar Informasi Terkini, Tutorial, SEO, Blogging, Tekhnologi, Pendidikan, Kesehatan, Biografi Olahraga, Polotik, semoga dengan segala upaya ku ini akan membawa Berkah.

2012-08-01T06:42:00.000+07:00

Dengan Sedikit berbekal Latihan Akhirnya kami dapat mencoba membuat Breadcumb pada artikel dengan penuh perjuangan. bahkan Sampai bermacam-macam kesulitan yang ditimbulkannya yang terpenting adalah sebelum anda menggunakan atau mengkonfigurasi blog anda ada sbaiknya Anda terlbih dahulu untuk membackup atau menyimpan script blog yang terup to date yang benar-benar terakhir kalinya, sehingga jika anda gagal dalam penerapan suatu script dalam hal ini Breadcumb. Dengan sedikit coba-coba dan dengan berbagai sumber akhirnya dapat juga yang sangat simpel dan tidak terlalu sulit untuk di terapkan oleh para teman bloger jika belum punya.. ok dengan tidak memperpanjang waktu lagi akan di terangkan di bawah ini :

Pertama tama anda Login Bloger
Masuk ke rancangan > Edit HTML > centang “Expand Template Widget”
Untuk amannya adan download dulu templatenya sebagai antisipasi apabila ada kesalahan.
Dengan CTRL F cara kode ]]></b:skin>
Copy kode dibawah ini dan paste tepat diatas kode ]]></b:skin>

Copykan Kode di bawah ini :

Kemudian copy kode dibawah ini dan paste tepat dibawah kode <div class='post hentry'> atau cari kode ini <b:includable id='post' var='post'> Paste kode dibawah tepat dibawahnya.

7. Selesai. Simpan dan lihat hasilnya dengan mengklik SEO TOOLS salah satu Postingan.
Semoga dengan berbagi akan bertambah Ilmu yang didapatkan denga seluas-luasnya.. AMin.

2012-07-26T18:34:00.003+07:00

2 Kolom Artikel Terkait di bawah postingan, Selamat Petang Menjelang Malam pada kesempatan ini akan membahas tentang Artikel Terkait yang mana fungsi dan tujuannya untuk memberi tahukan para pengunjung dengan artikel-artikel lainnya supaya di kunjungi. Tapi dengan sangat hati-hati anda juga pernah mendengar bahwa dengan mengotak-atik blog anda di denda sekitar 2 MILYAR lebih pasti dan akurat infonya silahkan Blogger Indonesia di tuntut 2 Milyar untuk selanjutnya jika anda sudah mengetahuinya maka dengan menjaga itu anda bisa aman. Oke kita sambung lagi dengan postingan yang tadi dalam membuat artikel terkait ada hal-hal yang perlu diperhatikan salah satunya adalah anda harus sudah mempunya FEEd POST atau di kenal RSS ingin tahu lebih mendalam kunjungi Contoh RSS/FEED POST, Kita lanjut lagi jika anda sudah mengetahuinya yang lebih Peten lagi anda bisa di kunjungi oleh pengunjung dari berbagai negara bahkan dunia hanya dengan membaca artikel dan mengikuti instruksi-instruksinya RSS dengan Sumber Berita Terbaru ok anda sudah siap di bawah ini ada Script silahkan di copy dan masukan kedalam Widget Kemuadian Simpan dan lihat hasilnya.

Jangan Lupa Ganti tulisan URL ANDA dengan nama Blog Sobat. Semoga sukses selalu...!!!

2012-07-26T15:45:00.010+07:00

Mungkin Kawan-kawan ingin membuat gambar atau tabel atau apapun namanya yang supaya tulisannya ke pinggair atau gambarnya kepinggir seperti gambar di atas ada google, yahoo, Youtube, Friendster akan lebih menarik jika berbentuk gambar atau lambang dari pada teks.

Disini akan di bahas cara membuat gambar seperti diatas ini, dengan sedikit percobaan kawan bisa mengotak-atik bentuknya seperti apa dan dimana posisinya, jika anda kurang puas dengan hasil diatas anda bisa kunjungi Membuat kotak Scrool pada Postingan.

Tidak berpanjangan biar cepat terlaksana ada scripnya di bawah ini :

sebelum anda melakukannya dengan baik untuk memperkaya khasanah anda ada baiknya anda membaca Ini dulu dengan artikel ini akan mempercantik penguasaan postingan anda.

Script diatas dapat di simpan setelah anda masuk ke Acount blog dan pilih ADD GADGET pilih HTML/JavaScript Copy kan semua script diatas ke dalam Widget dan jangan Lupa SAVE kemudian bisa anda lihat hasilnya tapi sebelumnya ada posisi dimana dan untuk mengaplikasikannya bisa anda lihat artikel berikut Widgetbox, Surganya pecinta Aksesoris Blog . Untuk selanjutnya simpan dan Preview lihat hasilnya jika ada masalah silahkan komentar.. semoga bermanfaat...haturnuhun!!!

2012-07-23T20:24:00.000+07:00

Cara Memasang Gambar Iklan Pada Sisi Blog - Mungkin sahabat pernah melihat sebuah blog yang Memasang Gambar Iklan Pada Sisi Blog, nah itulah yang akanshare pada kesempatan kali ini. Memasang Gambar Iklan Pada Sisi Blog merupakan nilai plus bagi sebuah blog, selain blog sahabat akan tampil cantik dan menarik juga akan memberikan efek yang berbeda dengan blog yang lain. Tetapi sebelum lanjut kepada pokok pembahasan silahkan sahabat baca juga : Cara Menampilkan Katagori Dengan Gambar, Cara Membuat Footer 3 Kolom Dengan Background, Cara Membuat Widget Melayang Pada Blog, Cara Membuat Slider Gambar Pada Blog.

Nah pada tutorial kali ini akan memberikan sebuah script yang simple dan mudah untuk dipasang pada blog milik sahabat. berikut contoh Cara Memasang Gambar Iklan Pada kanan-kiri blog

Nah kalau sahabat tertarik untuk memasangnya berikut langkah langkahnya :

1. Login ke akun Blogger milik sahabat

2. Pilih Rancangan

3. Pilih Edit HTML

4. Selanjutnya cari </body>

5. Copy script dibawah ini dan letakan tepat diatas kode </body>

Iklan Berada Di Sebelah Kiri Blog

<a href=' http://NAMA BLOG SOBAT.com/'
style='display:scroll;
position: fixed;
bottom:5px;letf:5px;'
title='Judul Iklan'>
<img src='Url Gambar Iklan'/></a>

Iklan Berada Di Sebelah Kanan Blog

<a href='http://NAMABLOGSOBAT.com/'
style='display:scroll;
position: fixed;
bottom:5px;right:5px;'
title='Judul Iklan'>
<img src='Url Gambar Iklan'/></a>

Keterangan :

http://NAMABLOGSOBAT.com/ Ganti dengan url tujuan iklan
Judul Iklan Ganti dengan judul iklan yang akan ditampilkan

Url Gambar Iklan Ganti dengan alamat url iklan yang akan ditampilkan.

Semoga dapat berguna bagi para bloger mania..!!!!.

2012-07-23T19:54:00.000+07:00

DESKRIPSI BLOG

INFO BLOGER MANIA adalah Info yang wajib di ikuti oleh para bloger yang senantiasa akan memberikan berisi informasi tentang tips-tips Tutorial, Bloging, kesehatan,Pendidikan, Trik SEO dan Bisnis Online. Dengan jumlah visitor yang terus meningkat, sehingga dapat menunjang kelancaran advertising / periklanan Saudara.

PAKET IKLAN

Banners 125 X 125

Sidebar Kanan Atas

Harga : Rp.60.000,-
Jumlah Slot Iklan : 4 (4 Slot available)
Deskripsi : Banner akan di simpan pada sidebar kanan atas di pasang secara do-follow, tampil pada setiap halaman dan tidak di random. Pemasangan iklan minimal per satu bulan / 30 hari.

Catatan :

Harga sewaktu-waktu bisa berubah tanpa pemberitahuan terlebih dahulu, kecuali kepada pihak yang iklannya sedang terpasang.
Banner di buat oleh pemasang iklan.
Kirimkan URL Gambar dan URL tujuan ke email : Tri70n0@Gmail.com

PERATURAN

Materi iklan tidak boleh mengandung unsur SARA, Pornografi, kebohongan, provokasi, serta semua yang berlawanan dengan hukum yang berlaku di Indonesia

Materi iklan sepenuhnya adalah tanggung jawab pemasang iklan, ana-herbal tidak bertanggung jawab terhadap kritikan atau tuntutan atas materi iklan.

CARA PEMBAYARAN

Pembayaran bisa di lakukan melalui rekening Bank :

KONFIRMASI

Konfirmasikan pembayaran anda ke email : Tri70n0@gmail.com atau sms ke : 085624223254 agar iklan saudara dapat segera kami proses.

Demikian, kami berharap dapat terus menjalin kerja sama yang baik, demi kelancaran dan kesuksesan bersama. Terima kasih, Salam sukses.

2012-07-18T07:26:00.003+07:00

Pada Kesempatan kali ini dengan berbagai cara browsing kemana-mana akhirnya mendapatkan sesuatu yang mungkin sahabat bloger harus menambah ilmunya. Disini akan di bahas menampilkan daftar isi blog dengan widget tergantung posisi anda dimana menempatkannya dan disitu pula akan muncul itulah kelebihan script dengan menggunakan widget pada blog.

Untuk mempersingkat waktu mari anda lihat di bawah ini :

Pertama-tama anda masuk ke Blogger.com

Anda login Akun anda

setelah itu pilih Blog yang akan di edit Pilih Design->>pilih Add a Gadget>> copikan scrip yang ada di bawah ini ke dalamnya>> kemudian simpan>> jangan lupa setelah di edit saving keseluruhan dan silahkan anda coba.... semoga sukses untuk leboh jelasnya anda bisa kunjungi KLIK DISINI

hight:30;<br /> <div style="-moz-box-shadow: inset 2px 2px 2px #404040; -webkit-box-shadow: inset 2px 2px 2px #404040; background: #f2f2f2; border: 4px double #ccc; box-shadow: inset 2px 2px 2px #404040; color: black; float: center; font: normal 13px verdana; height: 350px; margin: 10px auto; overflow: auto; padding: 10px; text-align: left; text-shadow: 1px 1px 2px #fff; width: 320px;"><div id="cl_option">Masih loading bro... sabar ya... </div><div id="cl_content_list"></div><script type="text/javascript">     var jumlah_kata_dalam_ringkasan =200;      </script><br /> <script src="https://sites.google.com/site/bloggerbugisdotkom/javascript/Dafatar_isi_Biasa_Bloggerbugis.js" type="text/javascript">      </script><br /> <script src="http://www.bloggerbugis.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500" type="text/javascript">      </script><br /> <div style="color: #cccccc; float: right; font: normal 10px verdana; padding: 5px 0px; text-align: right; text-shadow: 1px 1px 1px #000;">Widget by <a href="http://www.Infoblogermania.blogspot.com/">Bloger Mania</a></div></div><br />

Silahkan anda Preview dan lihat hasilnya...!!!.

2012-07-18T05:02:00.002+07:00

Baik pada kesempatan ini akan saya sampaikan beberapa ulasan mempercepat loading blog sehingga meningkatkan pengunjung ke blog kita dengan kondisi yang minim.

15 Cara Optimasi Halaman Blog Agar tampil lebih cepat:

1. Aktifkan Kompresi dengan GZIP

Browser modern biasanya mendukung kompresi untuk HTML, CSS dan Javascript. Melakukan kompresi pada ketiga file tersebut tentu akan menghemat waktu loading halaman dan secara otomatis tentu akan terjadi pengurangan waktu download. Para Webmaster pintar diluar sana sangat menyarankan kita menggunakan kompresi dengan Gzip. Untuk teknik dan tutorial Gzip silahkan disearch aja ya..sudah banyak sekali yang membahasnya. Jika pembaca menggunakan Platform Blogspot abaikan saja kompresi ini karena secara default blogspot sendiri sudah mendukung teknik tersebut. Untuk pengguna Plaform lain seperti Wordpress silahkan menggunakan Kompresi Gzip ini atau kalau gak mau repot pake Gzip sebaiknya gunakan saja plugin WP Super Cache.

2. Buang Spasi kosong pada kode HTML

Membuang Spasi kosong termasuk juga dalam teknik kompresi, yaitu dengan memadatkan kode HTML, XML atau PHP dengan cara membuang spasi yang dirasa tidak berguna. Salah satunya termasuk juga dalam Inline untuk kode Javascript dan CSS. Dengan menghapus ruang kosong tentunya akan menyimpan banyak byte data dan imbasnya akan mempercepat waktu proses download. Untuk membuang Spasi yang tidak perlu saya biasanya menggunakan Tools Editor seperti Notepat++. Caranya sangat mudah, yaitu dengan mem-blok semua kode yang ingin dibuang spasinya kemudian pilih menu TextFX -> TextFX Editdan pilih Delete Blank Lines atau Delete Surplus Blank Lines.

3. Lakukan Kompresi CSS (Stylesheet)

Teknik kompresi CSS ini sebenarnya cukup sederhana, hampir sama dengan cara diatas yaitu dengan cara membuang spasi yang tidak diperlukan. Memadatkan pengkodean CSS juga bisa menghebat waktu download, Parsing dan waktu eksekusi pada suatu halaman. Untuk mempermudah kita melakukan kompresi pada CSS, silahkan gunakan tools gratis yang sudah banyak disediakan seperti YUI Kompresor dan cssmin.js.

4. Letakan CSS (Stylesheet) di Atas

Adakalanya kita tidak meletakan CSS di header, biasanya cara tersebut kita gunakan untuk membuat Style tunggal untuk gaya tertentu pada widget. Para webmaster yang ahli biasanya menyarankan kita sebaiknya memanggil semua kode CSS pada halaman HEAD entah itu CSS Internal maupun CSS External semuanya sebaiknya dijadikan satu pemanggilan dalam Header.

5. Buang CSS (Stylesheet) yang tidak perlu

Ketika browser mengakses halaman, biasanya harus melalui proses download dan menganalisa setiap baris kode dalam CSS (stylesheet) terlebih dahulu, bayangkan jika banyak kode CSS percuma yang harus diproses namun tidak dieksekusi sama sekali! ini akan sangat mengganggu karena akan menghambat proses rendering yang harusnya lebih cepat!

6. Periksa Validasi CSS (Stylesheet)

Walaupun sering terjadi kesalahan dalam menulis kode CSS, broser tidak akan menampilkan pesan kesalahan apapun dalam layar, semua eksekusi akan terus dijalankan tanpa adanya laporan error meskipun itu hanya salah dalam satu huruf saja. Sebaiknya jangan abaikan kesalahan ini, silahkan check validasinya. Untuk lebih mudahya silahkan gunakan tools online gratis seperti W3C CSS Validations

7. Kombinasi CSS (Stylesheet) dalam file External

Kekurangan CSS Internal hanya satu yaitu terjadinya pembengkakan kapasitas ukuran (size) pada besarnya halaman. Webmaster berpengalaman selalu menyarankan kita sebaiknya melakukan pemanggilan kode CSS melalui akses external, jika memungkinkan lebih bagus lagi melakukan kombinasi semua kode CSS hanya dalam satu file saja. (untuk pengguna blogger abaikan teknik ini karena akan lebih bagus dengan pemanggilan internal)

8. Lakukan Kompresi Javascript

Teknik kompresi Javacsript hampir sama dengan CSS yaitu dengan cara membuang spasi yang tidak diperlukan. Memadatkan pengkodean Javacript juga bisa menghebat waktu download, Parsing dan waktu eksekusi pada suatu halaman. Untuk mempermudah kitamelakukan kompresi pada javascript silahkan gunakan tools gratis yang sudah banyak disediakan seperti YUI Kompresor, Closure Compiler dan JSMin

9. Buang Javascript yang tidak Perlu

Suka tidak suka penggunakan javacript (JS) kadang sangat diperlukan, walaupun JS kadang membuat loading halaman akan semakin berat. Ketika browser mengakses suatu halaman, biasanya harus melalui proses download dan menganalisa kode dalam JS terlebih dahulu, bayangkan jika banyak pemanggilan JS secara percuma yang harus diproses namun tidak dieksekusi sama sekali! Silahkan teliti kembali kode JS yang menurut kita tidak berguna, cek ulang dan jangan sampai parkir terlalu lama, jika tidak digunakan lagi mending hapus saja!

10. Kombinasi Javascript dalam file External

Hampir sama kasusnya dengan CSS External diatas, Kekurangan javascript Internal hanya satu yaitu terjadinya pembengkakan kapasitas ukuran (size) pada besarnya halaman. Webmaster berpengalaman selalu menyarankan kita sebaiknya melakukan pemanggilan melalui akses external, jika memungkinkan lebih bagus lagi melakukan kombinasi semua koding JS hanya dalam satu file saja. (untuk pengguna blogger jika memungkinkan sebaiknya panggil melalui file internal saja, silahkan baca kembali solusi hosting javasript internal)

11. Lakukan Optimasi Gambar

Website dinamis tanpa dihiasi gambar tentu tidak akan menarik, namum penggunaan gambar yang berlebihan akan menjadi masalah ketika browser melakukan download pada halaman. Sebaiknya kurangi gambar yang tidak perlu, terlebih pada gambar yang mempunyai ukuran cukup besar. Jika memang terpaksa menggunakannya, sebaiknya lakukan optimasi pada gambar tersebut dengan cara melakukan kompresi tanpa harus mengurangi kualitas gambar. Saran saya silahkan gunakan Yahoo! Smush.it

12. Jangan Paksa Skala Gambar dalam HTML

Hindari menggunakan gambar yang besar hanya karena kita dapat mengatur lebar dan tinggi dalam HMTL, Kita memang bisa mengatur ulang gambar sesuka hati melalui CSSatau dalam tag <Img> seperti pada html berikut ini <img width="100" height="100" src="gambar.jpg"/> walaupun ukuran gambar sebenarnya adalah 200x200px sebaiknya jangan mengecilkan dengan mengatur ulang skala gambar, akan lebih baik kita membuat gambar 100x100px sesuai dengan ukuran gambar sebenarnya.

13. Hindari Gambar SRC kosong

Pemanggilan tag SRC untuk gambar biasanya ada pada dua kemungkinan, bisa melalui HTML <img scr=""> atau memalui Javascript var img = new Image(); img.src = ""; walaupun browser mengabaikan permintaan ini jika gambar dalam keadaan kosong, tetap saja ini melalui proses rendering yang harusnya tidak membebani server. Silahkan perikasa kembali blank SRC, Jika memang tidak digunakan mending dihapus saja.

14. Periksa Kembali Broken link

Link yang telah mati bakal tidak disukai pembaca, jangankan pembaca..search engine sekalipun tidak menyukai hal ini. Lakukan pengecekan broken link sesering mungkin, banyak tools di internet yang bisa melakukan tugas ini, salah satunya yang terbaik bisa menggunakan tools dari W3C Checklink

15. Buang Widget atau plugin yang tidak Perlu

Widget yang terlalu banyak hanya membuat halaman jadi semakin berat, apalagi widget tersebut tidak begitu berguna. Silahkan kita pilah-pilah kembali widget yang sekiranya tidak ada maanfaat sama sekali seperti memasang jam dan kalender. Tanyakan pada diri kita sendiri apa gunanya memasang jam di blog, jika hanya sebagai penunjuk waktu.

semoga di akhir kata ini akan menambah wawasan parea bloger yang mash tetap exsis.....!!!!

2012-01-11T06:08:00.005+07:00

2011-12-01T04:40:00.000+07:00

Seorang blogger Indonesia saat ini sedang menghadapi tuntutan hukum karena kreasi theme / template blog mirip Facebook buatannya yang sangat mirip tampilan Facebook. Tak tanggung-tanggung, tuntutan yang langsung datang dari pihak Facebook si raksasa jejaring sosial itu kabarnya menuntut sampai dua milyar ruoiah.
Tampilan template atau theme yang diberinama “Smells Like Facebook” yang tersedia untuk platform blog WordPress ini memang terlihat sangat mirip dengan tampilan Facebook, walau pun mungkin sudah tidak terlalu mirip lagi dengan tampilan Facebook terkini.

Awalnya, seperti disampaikan di halaman situsnya (http://smells-like-facebook.nazieb.com/), theme ini tersedia di direktory resmi theme WordPress, namun sudah disuspend sejak lama, dan pembuatnya sendiri, Ainun Nazieb sudah menghentikan proyek pengembangan template blog ini. Namun sepertinya theme ini tetap cukup banyak digunakan oleh orang-orang (blogger), sampai akhirnya mungkin pihak Facebook merasa terganggu. Mungkin, selain karena masalah hak cipta desain/tampilan, Facebook menuntut pembuat theme ini karena memang tampilannya yang sangat mirip dengan situs asli Facebook, bisa saja digunakan orang untuk hal negatif karena bisa mengecoh pengguna Facebook.
Memang cukup seru bila bisa membuat tampilan blog atau situs jadi mirip tampilan situs-situs besar seperti Facebook (atau ada juga template mirip Google Plus). Tapi bagaimanapum template yang unik tetap lebih asik. Betul atau benul?
Untuk pembuat theme yang sedang bermasalah ini, semoga masalahnya cepat selesai

2011-12-01T02:27:00.000+07:00

Setelah beberapa hari saya tidak posting tentang blogging tutorial, kali ini saya akan memposting cara "Pasang Tombol Paypal Donate". Kalian tahu tidak apa itu ? Tombol Paypal itu bertujuan untuk memudahkan orang yang ingin memberi uang kepada blog anda. Entah itu karena blognya atau karena lainnya. Tentu saja, blog yang sekarang sudah harus menarik dan banyak pengunjungnya. Kalau tidak menarik dan pengunjungnya sedikit, mungkin tidak akan dimintasi donatur.

Masuk/ Login ke akun paypal anda.
Kemudian pilih menu Merchant Services.
Lalu disebelah kanan situs paypat akan Key Features dan cari tulisan donation dan klik !

Langkah selanjutnya anda tinggal mengisikan data anda :
Lalu klik Save Change, setelah itu kode akan muncul di depan anda dan copy paste kode tersebut di tempat yang anda inginkan.
Selamat mencoba dan semoga bermanfaat .!!!

2011-11-30T08:07:00.000+07:00

Melanjut postingan sebelumnya yaitu cara menghasilkan kode warna HTML dengan photoshop. Kali ini saya akan membahas tentang mendapatkan kode warna HTML dengan Ms Paint. Mengingat tidak semua orang mempunyai program Photoshop. Karena untuk memilikinya, kita harus membeli program tersebut.

Beda dengan Ms Paint, program ini merupakan bawaan dari Windows. Jadi kita tidak perlu merogeh kocek untuk mendapatkannya.

Meskipun program ini bisa menghasilkan kode warna HTML. Namun caranya sedikit berbeda dengan photoshop. Berikut adalah cara-caranya:

1. Buka Ms Paint. Klik Colors -> Edit Colors lalu klik Define Custom Colors

2. Pilih warna yang Anda inginkan kemudian catat kode warna pada kolom yang saya beri kotak merah. Contohnya: rgb(15,19,49).

3. Setelah itu, cari kode warna yang mau diganti dalam template Anda misalnya #ff5a00. Ganti #ff5a00 dengan rgb(15,19,49).

4. Setelah itu klik Save Template. Selesai

5. Sekarang coba klik View Blog untuk melihat hasilnya.

Selamat mencoba..!

2011-11-30T07:48:00.000+07:00

Secara default, setiap template blogger akan dilengkapi dengan link older post dan newer post yang masing-masing berfungsi untuk menampilkan postingan lama dan baru.

Nah agar tampilannya lebih menarik, anda bisa menggantinya dengan icon-icon mungil. Contohnya seperti gambar dibawah ini.

Menarik bukan? Klu anda tertarik silahkan ikuti langkah-langkah dibawah ini

1. Pada menu klik Design -> Edit HTML
2. Biar aman backup dulu template anda dengan klik Download Full Template
3. Beri tanda centang pada kotak "Expand Widget Template"
4. Lalu cari kode <data:olderPageTitle/>5. Kalau sudah ketemu ganti kode tersebut dengan kode icon dibawah ini.

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOwr2tfygcLab_oOE2RuCBOjMsrln-8hVDWkcrBeLGlIp-yXxizGpGlNCvRYYFuiwwJH3EdSSsfGgraj39MUzoTT2SW2PzO77Bw4jb9O51W5GrhWVuq20nJxdB0y7mqC9AxzO55eKwDlcM/" border="0" >

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCDfmH7HRt5W7kw1_nBgdNUvxAtnQ3siETfLKi66zOI5MlYy5ZG0i_xOJCV4ELdLERIbGbqbYSkoXf-QgdpWjGBBH2iq8DsZYTNd_y-m390gPCXFY99wpKxvc1SVTi_fJ8ZHvb-i0CLbhE/" border="0" />

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-9-ytYONQq2LEhdvDOx_I4IqSdjFik5a7_a5DKeEzXx2igjZXlaHTZLKAreVCgmEGuzzVid69pyd0sOAJG6fYV8Oj24XsSn3ImpYTQuWgg_ELrap91EsxpJQ4S_akGVDlmGf9bY7-q0RF/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTovMqtnCLorR_ZG6Rpr9GNZuXOsOXJ0l4tZp_aXZyNqZEw32fOpQ2CUKhn2gu9frsZvLn-Q8tBipoLiE8pSXsFAIfh7iwTIkRieGUzrGzCg_kQAWsXUx71-lEB7e8mKbFXMp3K8b3Ehve/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwsCghTe3gEDy-hsBLxZxeYs8r88hjB_-6kGlKdgH3rwbFFQqBh1q54AxQifzmWajwtrEe4N1-Q3Q_hLkgeyCPaWBJWou6EPoJEsKjkQq7U_B6ijaoZlTFnNJOgZrma1yDNO8o3JvV2Xnc/" border="0" />

6. Contohnya anda mau menggunakan icon maka ganti kodenya dengan <img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/bt-right.png" border="0" />

7. Untuk mengganti link newer post. Cari kode <data:newerPageTitle/> lalu ganti dengan kode icon dibawah ini.

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd0s3g8H7AcID2Ny7OXQWT2Y_nByCMmIUFOpoiN_mOnRu-1KEEFJYUeAs66q5ZdDPa7whcDHgT5fz89FcGm1cRb1pKd7RzKiMFu1UNFkXUWGHivZIztL0EQh89CuMzkMNG-wcXIG_pQy3v/" border="0" /></a>

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixRe1744W0YpAkD8Qaek9AbgUnHKSepmzLuxZpatMIHtzGxktWg7b_vhgjjY7QnV-VkKItpgN_FwUU0MvIJzV0XN5gckLBevBz0FBGQuiDKNudL8QeyO-sV-gWeBITQ3dvZaEV0Hu8xNCS/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoezvhyphenhyphen0_TSXPQaG00RSC_uICzXASF1CjmyabzmdhhObBe0dBneGlWET2qwoqSW5FFV9kl911LR5VoNyKe0vZA_j_CDz8E2ZnyXDmDXRnqnJ-mnBYdkJ9niWoceUObDvEvBPCHDuEew4D7/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinnsDzbFfXu2B2dZxQiygjMtrToHWRPRc3JFRrsvssZxFHLpBX4A3t5oAjHJAuRkQRZvTUMKd6zRgdVZDfdRYazgckiHPoM7ajHa7nc0iSWyHVCxMEItFn8-hUzVeqG173z9fvh6ERVbHl/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9RMYZepFEp4YkJNbhGOAOLfDM7PkWFNY4LCIKmDeVllrykknyOiVIMN4HYctZ1g24UuhgkMfkKz3Sq43gUPH4AYwu_gcyFoUs95ZTmJ40-AyYzYdTpi9lmmkdMR_DV4uX8cZHMYLPWF3y/" border="0" />

8. Sepertinya kurang maknyus jika tidak mengganti link home-nya. Ok, untuk mengganti link home cari kode <data:homeMsg/>. Biasanya ada 2 kode yang sama. Ganti kode yang pertama dengan kode icon dibawah ini.

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaoyKndZkxGFUoXOLXloXNLJvz1csS-7CwI_tSAYAkynDvxUQYk5q5gBh8cZLm4qMOaOnb4sgmiq6EDJC11AfUMvrmcdbHgeb422UoHzR75I0ZbKOrHMhlJ6LgA6DovKv-qjyjlOR9nWiO/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxLwMp1fS-8glpno9lwubtpAx0H5LlGZnQeXMvFxbpICUhL3-7Hu32QvElOQhez7rwsftCjLjSQDN_r3w_hvu5yp87VW_X0eOFgO4InM8UB87zCW1Kukel1OzkKhb56XN1Imu9FOJsPyRn/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj971B4WQD8lLcRQMFOfJ-8He6aHpGSsRWRGbB8nUGCIiU-HpK8FTYmbGY1LgRRHqznNwBp8vvh9xY81XoX8Z62Sy9KdiTaXy99DXturqqSnbgTyKcGpzFLhMPXk064CGeoLrMX0xTzJ-47/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu0G519hl4sDrblXrk-fDe8HUXeEOyxSjPD5ZDihqLVKPXwbH7u9Xit6XHFvYyiKXqbO-bk-_PBJf21T36PO3Wi8kktTauYiiRetL14Kp-a-FSdHD8JFHh3z0xqsObqLBERjWqjgDoN_91/" border="0" />

9. Setelah itu, klik Save Template.
10. Selesai. Silahkan klik View Blog untuk melihat hasilnya.

Untuk mendapatkan icon-icon cantik lainnya. Coba kunjungi http://www.iconarchive.com. Disana tersedia ribuan icon yang bisa anda download secara gratis.

Selamat mencoba..

2011-11-30T07:46:00.000+07:00

Pada postingan ini saya akan menunjukkan cara memasang opsi reply di form komentar blogger. Seperti yang kita ketahui, tool ini sangat berguna untuk mempermudah pemilik blog maupun pengunjung dalam membalas komentar.

Kalau pada platform Wordpress tool ini sudah otomatis terpasang dalam form komentarnya. Lain halnya dengan platform blogger. Meskipun demikian, anda juga dapat memasang opsi reply di blog blogspot anda hanya dengan sedikit penambahan kode pada template blog anda.

Bagi anda yang ingin mengetahui bagaimana cara kerjanya, langsung saja praktek di blog ini karena saya sudah memasang opsi reply di form komentar.

Nah bagi anda yang tertarik untuk memasang opsi reply di form komentar blog anda. Berikut tutorialnya:

1. Login ke menu dashboard Blogger. Buka menu Design -> Edit HTML

2. Beri centang pada 'Expand Widget Templates'

3. Cari kode

<data:commentPostedByMsg/>

atau

<data:comment.timestamp/>

4. Letakkan kode berikut diatasnya

<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=BloggerIdAnda&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=yes, width=400, height=450"); return false;'>[Reply Comment]</a></span>

Ganti tulisan yang berwarna merah dengan id blog anda. Untuk mengetahui id blog anda klik menu Design lalu perhatikan digit angka pada address bar anda, Bisa anda lihat di edit html di bar menu.

Jika anda ingin mengganti kata reply yang muncul dalam form komentar, edit tulisan yang berwarna hijau.

5. Kalau sudah simpan template anda dan lihat hasilnya.

Agar lebih menarik anda juga bisa mengganti tulisan reply dengan icon gambar. Caranya, ganti tulisan berwarna hijau dengan <img src='url-gambar'/>

Jangan lupa ganti url-gambar dengan alamat icon gambar anda. Misal: http://lh4.ggpht.com/_15FopxVONSo/TEF6-vtUqHI/rcwCiaUc-Os/reply.png

Sebagai contoh, berikut saya sediakan beberapa model icon reply. Kalau tertarik, silahkan upload icon gambar tersebut ke image hosting anda atau copy saja alamat gambar icon disamping untuk menggunakannya.

--> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVKfV6S7WWEv5bP4g2b7QYNOLY5vxbWQpK1Fjbz3psECr-c_Fv2vRash2Y_42XQDA5FQaBuJSN-k0cUqMJYcvES2UysWiOZi53yfKTY1bLkpNKijUVxbvQTvEwA1neJ2ggpesjhjLcmBr9/

--> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjycGcR94GDqUFpwAaGuBgbEZ8mLoaku-qfMFvgOAiyC2QhLHWv1p6PbUY95MvROML_SwPD4FwsoH3u1XHudyYlqdYFd5HWtgW_fqI2n0dmcg_x2pKf-mnQgGuxCqgy5xjltRAPywHaEICr/

--> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuIkL-WZ5lx6Jkiq3cXxJ249jAkb98lE59Q3ec5iHDg3xki8AEYXrmmEGGmekQ7AkI8DOo-tZohyxzJBxaTN54Ol0vbNDJvF7Efe-p2n7hzrBTyYpnqwvpTJJA_487Hi3jAQYRsirHuUj_/

--> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixskR7Do0J4EgoiAb-D6gJAek_jIbCJpa1xmtm-v0byk3d7fvkgp1UnqBwFtaanSYHuVgsHlmE70pYcrGdQkBc-jd2vtkWzPGgXISn5WnHoF1wkjeCc196qjuukKR_UCJ_S0KfLU8rQwPQ/

--> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZnFqOlMHsbHlfgh1w28KXjuOsPc-TqEB5cVnILXkGECK4CQ8aJyxdVw_gd20P6pUL4m8bPXyzccU9-6P2QVwR3sPLnS7P1-liS3tKE9kMgsU6HY5MFWGn0eZ4ykyx7YKe2WKqZMxNDU4Y/

Selamat mencoba. Semoga bermanfaat.

2011-11-09T01:12:00.000+07:00

Koleksi Terbaru foto-foto Maria Ozawa yang cukup menggairahkan silahkan disimak :

Jangan terlalu berharap yang lain-lain mudah-mudahan ini dapat menambah ke setresan anda.. hee.eee!!

2011-11-07T21:48:00.000+07:00

Blogger atau yang sekarang disebut Blogspot sudah tidak asing lagi di kalangan blogger. Penyedia layanan blog gratisan ini adalah perusahaan besar yang menyaingi WordPress sehingga bisa dibilang merupakan penyedia blog gratisan nomor satu paling laris di dunia. Berikut sejarah Blogger:

Blogger sebenarnya adalah sebuah sistem publikasi blog (blog publishing system) yang pada awalnya dibuat oleh Pyra Labs pada tanggal 23 Agustus 1999 dan merupakan sebuah dedicated blog-publishing tool pertama kali yang diperuntukkan untuk membantu mempopulerkan format tersebut.

Pada bulan Februari2003, dikarenakan kepopulerannya, akhirnya Pyra Labs diakuisisi oleh Google. Akuisisi ini memnyebabkan fitur premium yang sebelumnya dikenakan biaya, kemudian berubah gratis.

Pada tahun 2004, Google mengenalkan layanan barunya “Picasa”, yaitu sebuah aplikasi untuk mengorganisir dan mengedit foto digital. Layanan ini kemudian diintergrasikan dengan utility sharing foto Hello ke dalam layanan Blogger, sehingga memungkinkan seorang pengguna Blogger untuk memposting foto-foto mereka ke dalam blog yang dibuatnya.

Pada tanggal 9 Mei 2004, “Blogger” mendesain ulang tampilan utamanya, berbagai perubahan dilakukan di dalam Blogger dengan menambahkan berbagai fitur seperti web standards-compliant template, halaman arsip individu untuk posting, komentar dan posting menggunankan email.

Pada tanggal 14 Agustus2006, “Blogger” meluncurkan rilis terbaru dalam “versi beta” dengan kode “invader”, bersamaan dengan rilis versi Gold. Ini membuat berpindahnya pengguna Blogger ke server Google dan disertai dengan ditambahkannya beberapa “fitur baru” di dalamnya.

Dalam bulan Desember 2006, akhirnya versi terbaru Blogger tersebut tidak lagi dalam “versi beta” dan dalam “bulan Mei 2007″, Blogger telah benar-benar berpindah ke server Google.

Sudah membuat blog di Blogspot? Buruan bikin.

2011-10-19T04:47:00.000+07:00

Sesuatu yang baru tentunya perlu dipelajari dengan sungguh - sungguh , utamanya bagi seorang Blogger yang notabene adalah penulis Online yang siap bersaing dengan berbagai penulis lainnya di dunia Maya .

Hal ini juga perlu diperhatikan oleh Internet Marketer yang tentu saja harus memperhatikan 'kata kunci' produk yang akan dipasarkannya . Oleh karena itu kita harus mempelajari Algoritma dari Google itu sendiri .

Berdasarkan penuturan teman dari sahabat saya , kali ini Google merubah Algoritma menjadi sesuatu yang unik dan tidak sembarang unik sehingga banyak yang menyebutnya Algoritma si Panda .

Ada beberapa point yang dapat memberikan kita pemahaman tentang Algoritma si Panda atau Google tersebut, seperti:

10 Hal Tentang Algoritma "Si Panda" Google

1. Algoritma baru Google berganti ke sistem lain , dari sistem semulanya deIndex . Algoritma baru Google ini anti terhadap "content farm".

2. Sebagai dampak dari Algoritma baru ini , index dari content farm ditekan hingga ke pencarian akhir , akibatnya banyak konten yang dianggap hilang oleh ownernya padahal karena kebanyakan mereka tersingkir dari halaman pencarian teratas . Akibatnya trafik / pengunjung dari search engine menurun bahkan drastis , kondisi ini disebut sebagai Google adalah 'de-ranked'.

3. Kebanyakan analisator mengatakan , kesempatan ini adalah kesempatan emas buat original content untuk menjadi posisi teratas atau halaman pertama . Namun dari analisis teman saya , disini adalah masalah utama , karena algoritma baru Google ini akan mengutamakan situs - situs yang resmi atau yang kita kenal denga "authoritative site".

4. Apa itu authoritative site? Kalau dahulu hasil pencarian dari Wikipedia merajalela di halaman pertama , sekarang adalah zaman keemasan untuk situs dengan akhiran *.gov di laman pertama pencarian. Jika diibaratkan , algoritma baru ini lebih senang dengan situs 'plat merah' dibanding 'plat hitam'.

5. Untuk kondisi ini kita mengumpamakan Algoritma ini bersifat umum untuk semua situs , untuk situs - situs auto , robot , copy-paste , dan de-index jangan berkecil hati dulu . Karena belum tentu Algoritma Google akan langsung mendepak konten-konten kalian di mesin pencari . Jika dilihat dari pengalaman , Google juga mencari situs - situs yang sesuai dengan Algoritma-nya dan tidak suka dengan yang ribet .

6. Dari pendapat teman saya lagi , kalau blog kawan - kawan diperingatkan oleh Google , hal itu bsia jadi karena selama ini terlalu 'dekat' dengan situs atau web dengan content farm . Kalau artikel maupun direktori di 'cap merah' oleh Google sebaiknya anda menjauhi situs - situs content farm tersebut . Kalau diumpamakan situs tersebut 'underseeing' dari Google , maka segala aktivitasnya akan direkam oleh Google.

7. Sedangkan kabar tidak mengenakkan dari algoritma baru ini , kabarnya algoritma baru ini baru rolling 12% database google terutama untuk Amerika. Jadi waspadalah kepada konten - konten di luar Amerika tinggal menunggu giliran saja .

8. Hal yang banyak didiskusikan sekarang ini adalah masa depan SEO -Search Engine Optimalization- yang selama ini diandalkan oleh para Blogger untuk meraih posisi teratas . Sedangkan algoritma baru Google lebih condong ke "authoritative site . Apakah backlink masih mendongkrak SERP ? Masih pertanyaan besar .

9. Apa motif dibalik kebijakan algoritma baru ini ? Hal ini disebabkan karena Google sekarang lebih condong ke Bisnis Internet dibanding Edukasi dan Pencarian Akurat , menurut rilis pendapatan Google tahun 2010 sebanyak 30 milliar dolar adalah pendapatan dari Google yang lebih dari 90% berasal dari Google Adword.

10. Lalu bagaimana dengan nasib kita ? Para Blogger yang kebanyakan mengandalkan kebaikan hati dari Google , apakah kita harus pindah ke lain hati ? , maksud saya ke mesin pencari lainnya ?. Padahal seperti kita tahu kita sudah sehidup semati dengan Google . Menurut saya hanya ada dua pilihan , apakah anda berkoalisi ataukah anda beroposisi dnegan Google . Ibarat dalam pemerintahan , kita lebih condong kepada empunya mesin pencari atau bahkan membuat tandingannya .

Dengan demikian tentu sudah dapat menalarkan motif sebenarnya dari Algoritma terbaru Google ini , bukan ?

baca juga : Situs yang terkena dampak Algoritma baru Google

2011-10-19T04:41:00.000+07:00

Untuk menyambung pembahasan yang lalu, cara membuat tab view versi 1 atau versi 2, atau memasang buku tamu di sidebar. Ada trik lain yang sangat menguntungkan tang dapat diterapkan pada trik-trik diatas, yaitu kita dapat memunculkannya pada halaman tertentu saja. Keuntungannya kita dapat memperhemat sidebar kita dan juga dapat mempercepat loading blog kita. Karna kita bisa menampilkan widgetnya secara bergantian.

Untuk memasangnya ikuti langkah dibawah ini.

Masuk ke blogger acount anda, dan pilih Dashboard >> layout >> Edit html dan sebelumnya anda centang Expand Widget Templates.

Lalu cari kode dibawah ini:

<b:widget id='HTML1' locked='false' title='Shoutbox' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "index"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

NB:
Kata shoutbox yang bercetak tebal diatas menandakan title sidebar anda jadi harus disesuaikan

Jika Anda ingin menampilkan Shoutbox pada halaman depan saja maka tambahkan kode berwarna hijau diatas,

Berikut ini Tag lain yang bisa digunakan:

Untuk menampilkan widget pada homepage / halaman depan saja.

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

Untuk menampilkan widget pada halaman archive saja.

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

Untuk menampilkan widget pada halaman artikel saja.

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

hanya menampilkan widget pada halaman tertentu saja. Ubah [masukkan URL] dengan halaman pada blog kamu yg widget yg kamu inginkan muncul.

<b:if cond="[masukkan URL]" == data:blog.url'>

Selain Tag diatas, kita juga dapat menampilan kebalikannya.
Caranya, ubah tanda = (samadengan) tang pertama dengan tanda ! (seru)

Misalnya, saya ingin menampilkan widget pada halaman selain homepage, maka kode yg digunakan :

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

semoga ini semua dapat membantu teman bloger...
Sumber:http://blogkomputers.blogspot.com/2009/11/menampilkan-widget-di-halaman-tertentu.html

2011-10-18T17:39:00.000+07:00

Alexa Rank adalah salah satu faktor yang diperhitungkan oleh penyedia program paid review untuk mengetahui secara cepat level trafik suatu blog atau situs. Jika Anda memilih paid review sebagai salah satu sumber monetisasi blog, mau tak mau Anda harus meningkatkan Alexa Rank blog Anda.

Mengapa? Karena ini akan meningkatkan daya tawar Anda kepada para penyedia program paid review seperti ReviewMe, SponsoredReview, dan lain-lain. Di bawah ini adalah cara-cara meningkatkan alexa rank yang ditulis oleh DoshDosh, yang bisa membantu dalam meningkatkan alexa rank blog Anda.

Alexa rank DoshDosh sendiri saat ini sangat mengagumkan yaitu 11 ribuan, padahal blognya tidak di-update sejak 18 Mei 2009. Selain itu, saat di awal-awal ngeblog, DoshDosh mampu meningkatkan alexa rank dari 3 jutaan menjadi 21,790 dalam jangka waktu dua bulan.

Sebelum ke cara-cara meningkatkan Alexa Rank, ada baiknya Anda mengetahui dulu apa itu Alexa Rank. Bila disederhanakan, Alexa Rank adalah ranking trafik sutu situs atau blog

Adapun menurut situs Alexa.com, alexa rank dihitung berbasis aggregat trafik 3 bulanan dari jutaan pengguna Alexa Toolbar dan merupakan sebuah ukuran kombinasi dari page views dan pengunjung. Pada tahap pertama, Alexa menghitung jumlah pengunjung dan jumlah page views untuk semua situs dan blog secara harian.

Dari definisi tersebut, maka yang berperan penting dalam alexa rank adalah Alexa Toolbar, jumlah pengunjung, dan jumlah page views yang dihitung berdasarkan jumlah orang yang mengunjungi situs/blog bersangkutan dengan alexa toolbar terinstal di browser yang digunakannya.

Perlu Anda ingat, untuk meningkatkan alexa rank dalam jangka panjang, DoshDosh merekomendasikan bahwa Anda harus fokus pada pembuatan konten berkualitas yang akan menarik banyak pengunjung. Jadi, bukan hanya sekadar fokus pada meningkatkan alexa rank secara instan.

Di bawah ini cara-cara meningkatkan Alexa Rank:

1. Install Alexa toolbar atau Firefox SearchStatus extension dan setting blog Anda sebagai homepage. Ada dua cara mudah menginstal alexa toolbar. Jika Anda menggunakan Internet Explorer, download Alexa Toolbar for Firefox atau SearchStatus extension yang akan menampilkan Alexa Rank, Google Rank, dan juga fitur-fitur berguna lain.

2. Taruh widget Alexa Rank di blog Anda. Menurut sejumlah kalangan, bila widget itu diklik oleh pengunjung yang belum menginstal Alexa Toolbar, maka itu akan dihitung sebagai kunjungan tambahan.

3. Dorong yang lain untuk menginstal Alexa toolbar. Ini bisa sahabat atau pengunjung blog Anda sendiri.

4. Bekerja di kator atau di warnet? Jika memungkinkan, instal alexa toolbar pada semua komputer yang ada dan seting blog Anda sebagai homepage-nya. Ini akan berguna jika IP yang digunakan bersifat dinamis.

5. Minta teman untuk mereview dan merating profil blog Anda di Alexa. Memang belum ada bukti, namun mungkin saja cara ini berguna.

6. Tulis artikel mengenai Alexa. Webmaster dan blogger senang mengetahui cara-cara meningkatkan alexa-nya. Mereka akan membacklink tulisan Anda dan mengirimkan trafik. Ini secara langsung brdampak pada alexa rank blog Anda.

7. Pampang URL Anda di forum webmaster. Webmasters biasanya telah menginstal alexa toolbar di browsernya dan jika mereka tertarik mengklik URL Anda, maka ini merupakan sebuah keuntungan bagi Anda.

8. Tulis artikel yang berkaitan dengan webmaster. Contohnya, topik SEO dan jual beli domain yang sangat diminati oleh kalangan webmaster (blogger atau pemilik situs). Promosikan artikel anda pada forum webmaster dan situs jejaring sosial.

9. Gunakan Alexa redirects URL blog Anda. Coba ini: http://redirect.alexa.com/redirect?www.Rilexnet.blogspot.com. Ganti Rilexnet dengan URL blog Anda. Gunakan URL ini saat berkomentar dan juga signatur Anda. Redirect ini akan menghitung alamat IP unik sekali sehari saja. Belum ada bukti resmi cara ini, jadi gunakan secara hati-hati.

10. Aktif di situs atau forum Asian social networking. Beberapa kalangan meyebutkan bahwa Asia Timur adalah pengguna alexa toolbars yang besar. Ini dibuktikan dengan beberapa blog atau situs dari Asia Timur yang masuk Alexa Top 500.

11. Buat sebuah halaman mengenai webmaster tools pada blog Anda. Ini merupakan magnet bagi webmaster untuk berkunjung berkali-kali ke blog Anda.

12. Daftar di Digg atau StumbleUpon. Kedua situs ini bisa mengirimkan puluhan ribu pengunjung bila artikel Anda tampil di halaman depan. (Catatan Kang Yudiono: di Indonesia, Anda bisa mendaftar di Lintas Berita, InfoGue, dan lain-lain).

13. Gunakan kampanye PayperClick. Ini dilakukan dengan membayar iklan di Google atau yang lainnya.

14. Buat kategori Alexa di blog Anda dan gunakan ini untuk menyimpan artikel atau berita yang berkaitan dengan Alexa.

15. Optimalkan popular posts Anda. Apakah Anda memiliki popular post yang konsisten menerima trafik dari mesin pencari? Update postingan tersebut dengan melik ke postingan Alexa atau link internal ke URL Redirect Anda.

16. Beli iklan banner dan link dari forum. Jika iklan Anda menarik, ini akan secara signifikan meningkatkan ranking alexa Anda.

17. Rekrut orang untuk mempromosikan blog Anda. Ini bisa dilakukan dengan membayar teman atau anggota forum untuk mempromosikan artikel Anda.

18. Bayar pemilik warnet untuk menginstall Alexa toolbar dan mensetting blog Anda di semua komputer yang ada di warnet tersebut.

19. Aktif di MySpace, Facebook, dan lainnya. Cara ini berhasil bagi sejumlah orang, namun banyak juga yang tidak berhasil.

20. Coba Alexa auto-surfs. Tools ini biasanya berguna bagi blog baru dan gunakan secara hati-hati.

Dari 20 cara meningkatkan alexa rank itu, mungkin hanya beberapa saja yang sesuai dengan Anda, baik dari segi waktu maupun biaya. Untuk meningkatkan alexa rank dalam jangka panjang, menurut saya Anda tetap harus membuat artikel yang bermanfaat bagi pengunjung blog Anda, sehingga pengunjung Anda banyak dan konsisten.

Apakah Anda menggunakan cara lain dalam meningkatkan alexa rank blog Anda? Mohon sharing pengalaman Anda di bagian komentar.

dengan sedikit menambahkan pengalaman akan bermanfaat dengan orang lain...

Sumber:http://www.blogodolar.com/20-cara-cepat-meningkatkan-alexa-rank-blog-anda/

Nama Blog

Tcrati

Blognya Kang Rohman

Blogger Indonesia

Isnaini dot com

2011-10-18T17:17:00.000+07:00

Selama sebulan ini, saya melakukan riset online tentang blog terbaik di Indonesia yang membahas topik blogging (tips konten, tips trafik, tips monetisasi, dan informasi make money blogging). Dari beberapa blog yang ditelaah, saya akhirnya memilih 5 blog terbaik.

Kriteria penilaiannya berdasarkan page rank, traffic rank Alexa, jumlah pelanggan, dan authority rank Technorati dengan total skor 40. Silakan Anda simak dan kunjungi kelima blog terbaik ini.

Sistem penilaiannya sebagai berikut:

Skor	PR	Alexa	Pelanggan	Authority
1	1	100rb-90rb	0-500	0-75
2	2	90rb-80rb	500-1000	75-150
3	3	80rb-70rb	1000-1500	150-225
4	4	70rb-60rb	1500-2000	225-300
5	5	60rb-50rb	2000-2500	300-375
6	6	50rb-40rb	2500-3000	375-450
7	7	40rb-30rb	3000-3500	450-525
8	8	30rb-20rb	3500-4000	525-600
9	9	20rb-10rb	4000-4500	600-675
10	10	<10rb	>4500	> 675

Sekadar catatan, authority rank Technorati menggunakan authority baru yang dikeluarkan oleh Technorati mulai 14 Oktober lalu.
mudah-mudahan ini menambah referansi para bloger untuk lebih maju dan memotivasi lagi.