Rabu, 31 Oktober 2012

Manfaat positif dalam memberikan komentar

Berkeliling dunia maya dan mengunjungi blog blog lain yang ada, adalah ritual rutin yang seringkali dilakukan blogger dikala senggang.Ritual seperti ini disebut dengan blogwalking,bertujuan untuk mendapatkan berita dan wawasan baru.Seorang blogger yang jarang melakukan blogwalking,pasti akan seperti katak dalam tempurung.Karena jarang mendapat informasi dan kabar terbaru,bisa jadi blognya akan sulit berkembang.Walaupun dia menguasai sepenuhnya tentang nice yang ditulis di blognya,namun dia akan tetap ketinggalan tentang isu isu terbaru didunia perbloggingan.
Seorang blogger juga perlu membaca,paling tidak untuk diri saya sendiri.

Namun blogwalking yang dilakukan seorang blogger tentu berbeda dengan yang bukan blogger.
Coba apa bedanya?,,,,,,,
Selain mendapat manfaat dengan memperoleh wawasan terbaru,blogwalking juga bisa membuat populer blog yang mereka kelola.Berkomentar adalah bagian yang cukup penting dari sebuah ritual blogwalking oleh seorang bloger.Selain untuk menjalin silaturahim sesama bloger,berkomentar merupakan salah satu jalan untuk memperoleh backlink.

Walau begitu pentingnya berkomentar,terkadang masih banyak bloger yang kasih komentar sekedaran.Jika kita pelajari lebih jauh,ternyata berkomentar adalah bagian dari optimasi yang dahsyat jika tahu caranya.
Namun,berkomentar bisa juga merupakan hal yang sia sia dan bahkan bisa membawa dampak buruk bagi bloger.
IMG Source: www.flickr.com
blogwalking

Berkomentar yang bagus untuk optimasi


1.Meninggalkan name+url
Kadang orang yang merasa terlalu pintar itu kebablasan,mereka terlalu terpaku kepada masalah teknis Nofollow dan dofollow.Karena biasanya link komentar itu nofollow ,maka bloger yang merasa pintar akan enggan menaruh komentar.Mereka lebih suka berkomentar diblog dofollow.Dan buruknya lagi,komentar diblog dofollow mereka justru cenderung nyepam.
Namun ingat,walaupun link di komentar nofollow dan tidak tercatat sebagai backlink,ternyata link nofollow tersebut masih diindex sebagai link popularity di alexa.

2.Komentar yang baik
Karena hanya merasa terpaksa memberikan komentar demi mendapat backlink,terkadang bloger hanya berkomentar asal "Nice Post","Visit Back,,",Saya setuju".Mungkin merasa terlalu sibuk karena harus berkomentar dibanyak blog.
Kesia siaan yang lain adalah membuat link di komentar,padahal sudah disediakan name+url.Sia sianya dimana?.....Banyak sekali bloger yang tidak menyukai komentar seperti itu,mereka tidak akan menerbitkan komentar dan memasukannya kedalam folder spam.Anda hanya beruntung jika komentar anda masih diterbitkan,namun komentar seperti itu tidak akan memberikan input yang bagus bagi blog anda.
Jadi pastikan tidak sia sia disetiap komentar,yakinkan bahwa komentar anda layak untuk diaprove oleh admin.

3.Memberi kritik
Terkadang saat blogwalking kita menemui sebuah artikel yang tidak satu pendapat dengan kita.Jangan asal kritik sehingga menimbulkan rasa sakit hati sipemilik blog.Jika sipemilik blog sakit hati,kita bisa dosa lho?,,,atau paling tidak komentar kita disaproved/deleted.
Dengan memberikan sanggahan yang tidak bermaksud menggurui,sekaligus bisa memberikan pencerahan kepada pembaca lain ini adalah hal yang sangat positif.Jika anda meninggalkan name+url atau bahkan blogger profile,akan banyak orang yang ingin tahu siapa anda.Ujung ujungnya mereka akan mengunjungi blog anda karena penasaran,pasti blog anda akan cepat dikenal dan populer.


Masih hanya sekedar blogwalking tanpa memberikan komentar?,,,,
Sayang sekali kalau dilewatkan saat ritual blogwalking tidak memberikan komentar.Tidak perlu terlalu dipaksakan sih sebenarnya,kalau rasa anda tidak perlu memberikan komentar yang tidak usah.Sebab jika suatu hal yang terlalu dipaksakan, hasil akhirnya juga bisa tidak baik juga.
Makan pun kalau terlalu banyak juga nggak baik,begitu juga berkomentar.Saya kira berlebihan kalau dalam 1 hari bisa ngasih komentar pada 20 blog.

Selasa, 30 Oktober 2012

Membuat label Breadcrumb yang cepat terindex

Label Breadcrumb sebenarnya sudah banyak yang menerapkan sejak jaman dahulu kala.Namun breadcrumb versi terbaru ini berbeda dengan model breadcrumb versi dulu.Breadcrumb yang lama itu bisa tampil di hasil pencarian google namun entah kapan itu yang belum pasti.Bahkan dulu ada yang bilang,breadcrumb akan ditampilkan jika blog sudah dapat penghargaan PageRank 3.

Namun sebenarnya nggak demikian,paling tidak untuk sekarang ini.Karena label breadcrumb kali ini sudah menerapkan code yang bisa dibaca oleh mesin.Karena itulah breadcrumb yang akan kita bahas kali ini bisa tampil di hasil pencarian bahkan blog masih baru sehari dibuat.

Bagaimana sih code khusus yang bisa dibaca oleh mesin itu?..

Seperti inilah kira kira code/tagnya:
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>..</span>
Nah dengan demikian,mesin akan bisa menterjemahkan bahwa area tersebut adalah breadcrumb.Sekaligus sang mesin mengindex halaman blog anda,seketika itulah dia akan mencatat dan menyimpan konfigurasi bredacrumb anda.Jadi nggak perlu nunggu PR 3 untuk mempunyai label breadcrumb yang ikut  terindex di hasil pencarian.

Cara menerapkan Code Breadcrumb kedalam template blogger:


1.Seperti biasanya,dashboard -> template -> Edit HTML -> Ceklist "Expand Template Widget" -> Temukan tag berikut menggunakan ctrl +F seperti biasanya.

<b:includable id='main' var='top'>

Kemudian anda hanya tinggal paste code berikut tepat diatasnya:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url' rel='tag'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#8250;
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' href='' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a></span>
</b:if>
</b:loop>
<b:else/>
&#8250; Unlabelled
</b:if>
&#8250; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> &#8250; Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> &#8250; All posts
<b:else/>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl'><span itemprop='title'>Home</span></a></span> &#8250; Posts filed under <data:blog.pageName/>
</b:if>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>


2.Sekarang Anda cari tag berikut:
<b:include data='top' name='status-message'/>
dan
 <data:defaultAdStart/>

Jika sudah dapat,paste tag berikut diantara (ditengah) dari kedua tag diatas:
<b:include data='posts' name='breadcrumb'/>

3.Memasang Style:Cari tag ]]></b:skin> ,kemudian paste code CSS dibawah ini diatasnya:

.breadcrumbs{text-align: left;font-size:93%;padding:0px 0px 10px 0px;margin:0px 0px;color:#666;border-bottom:1px solid #e7e7e7}

Anda bisa mengkustomisasi Style sesuai dengan selera.

4.Kalau sudah yakin tidak ada kesalahan dan sesuai dengan step step,sekarang simpan template.

Membuat label Breadcrumb yang cepat terindex


5.Mulai sekarang setiap anda posting,maka akan terindex atau tampil dihasil pencarian google sudah lengkap dengan breadcrumb.Untuk postingan sebelumnya,breadcrumb akan tampil mungkin harus nunggu dulu sampai mesin pencari menyambanginya lagi.

Jika anda ingin segera mengetahui apakah breadcrumb yang baru anda buat tadi berhasil,bisa melakukan pengecekan salah satu URL di:

http://www.google.com/webmasters/tools/richsnippets

Dan lihat hasilnya,jika memang semua sudah benar maka breadcrumb akan tampil dalam pengujian.Seperti gambar berikut:
Membuat label Breadcrumb yang cepat terindex
Selamat Mencoba!

Senin, 29 Oktober 2012

Cara mengganti Backgound blog dengan gambar

Sebelum memasang Background gambar atau background IMG, sebaiknya kamu pikirkan terlebih dahulu.Karena penggunaan background gambar yang kurang tepat pada blog bisa menambah loading blog dan mengganggu penampilan.

Saya bilang begitu bukan tanpa alasan,sebab saya sering kali menemukan blog dengan background gambar yang berlebihan.Ketidaknyamanan yang saya rasakan terutama loading yang berat dan warna tulisan yang tersamarkan oleh background.

Pada umumnya seorang desainer template menambahkan gambar sebagai background hanyalah untuk bagian elemen yang kecil saja.Dimaksudkan karena hal tersebut tidak bisa dilakukan dengan hanya menggunakan CSS saja.


Sebelum kita bahas bagaimana cara menambahkan background gambar untuk template blog,saya akan berbagi tips terlebih dahulu agar nantinya background sesuai dan tidak mengganggu pembaca.

1.Pilih Gambar

Gambar yang akan dipakai sebagai background akan lebih tepat jika menunjukkan nice-blog kamu.Misalnya blog kamu tentang pertanian,maka background yang cocok adalah gambar seperti sayuran atau buah buahan.

Pilih gambar yang berukuran file kecil.Biasanya gambar berekstensi .jpg memiliki ukuran file yang lebih kecil karena bisa diatur kualitasnya.

jangan menggunakan gambar yang dominasi warnanya terlalu kuat dan kontras.

2.Metode pemasangan

Ada beberapa metode  dalam memasang gambar background,gambar diulang secara horizontal,gambar diulang secara vertikal,gambar tidak diulang dan gambar diulang secara horizontal maupun vertikal.

Menurut saya agar loading tidak terlalu bertambah berat dan tidak mengganggu visualisasi,hindari menggunakan metode gambar diulang secara horizontal maupun vertikal.Kamu bisa menggunakan metode gambar diulang horizontal hanya dibagian atas (top) atau background gambar dibagian bawah (bottom).

3.Elemen Template

Elemen dari template blog yang lebih cocok di berikan background gambar adalah elemen body dan elemen header.Karena kedua elemen tersebut bukanlah area konten (dalam hal ini artikel).Sebaiknya untuk elemen post body (content) tidak menggunakan background gambar,apalagi yang terlalu berlebihan.

Cara pemasangan background gambar

Berikut beberapa metode penggunaan CSS untuk pemanggilan gambar sebagai background:

Gambar diulang horizontal dan vertikal (penuh)
body{background: url(/image/style/background.jpg);}


Gambar hanya diulang horizontal dari kiri posisi atas (top)
body{background: url(/image/style/background.jpg) repeat-x top left;}


Gambar hanya diulang horizontal dari kiri posisi bawah (bottom)
body{background: url(/image/style/background.jpg) repeat-x bottom left;}


Gambar hanya diulang vertikal dari kiri posisi atas (top)
body{background: url(/image/style/background.jpg) repeat-y top left;}


Gambar hanya diulang vertical dari kiri posisi bawah (bottom)
body{background: url(/image/style/background.jpg) repeat-y bottom left;}


Gambar tidak diulang , posisi berada ditengah
body{background: url(/image/style/background.jpg) no-repeat center;}


Gambar tidak diulang,  posisi berada ditengah dan tidak bergerak ketika di scroll (fixed)
body{background: url(/image/style/background.jpg) no-repeat fixed center;}


Posisi gambar dengan persen
body{background: url(/image/style/background.jpg) repeat-y 40% left;}


Cara menggunakan background gambar sekaligus dengan menggunakan code warna.

Hal ini biasanya dipakai jika background gambar tidak menyeluruh menutupi elemen.Sehingga sebagian area dari elemen yang tidak tertutupi gambar bisa diberi background warna yang sesuai.
Contoh code CSS:
body{background: #cccfff url(/image/style/background.jpg) repeat-y top left;}
Yang berwarna merah adalah code hex dari warna background yang diinginkan.

Cara penempatan code:
Kamu bisa menempatkan background pada semua elemen template pada CSS.Penempatan code CSS pada template blogspot terletak dibawah tag ]]<b:skin>,cari selector dari elemen yang akan disisipkan background gambar,misalnya body{}, atau #header {}.

Catatan:
/image/style/background.jpg adalah alamat folder gambar dalam satu directory domain situs.Namun jika kamu memanggil gambar dari situs lain harus diketik dengan url gambar lengkap , contoh: http://www.situsgambarku.com/folder/gambar/background.jpg.
Jika blog kamu adalah blog bukan domain sendiri,maka kamu perlu menyimpan gambar yang sudah dipersiapkan kedalam situs hosting gambar.Banyak situs hosting gambar yang bisa kamu manfaatkan,misalnya tinypic.com.


Nilai seperti left atau center itu sama dengan bahasa inggris, artinya kanan atau kiri.Bisa kamu ribah sesuai dengan keinginan kamu memberikan posisi tampilannya.

Sabtu, 27 Oktober 2012

Membuat NavBar dropdown menu dengan CSS

Navigasi blog yang akan kita buat berikut adalah navigasi horizontal menu dropdown dengan hanya menggunakan CSS.
Karena hanya dengan menggunakan CSS,cara memasangnya pun menjadi cukup simpel.Disamping itu menu dropdown horizontal ini tidak akan memberatkan loading blog kamu.

Jika kamu membutuhkan navigasi lebih banyak untuk beberapa halaman,menu dropdown adalah solusi yang tepat untuk menghemat tempat.

Apa keistimewaan NavBar dropdown berikut?..
  • Desain yang bagus
  • Mudah memasangnya untuk blogger
  • Bekerja baik pada sebagian besar browser
  • Mudah dicustomisasi
  • Menampung banyak link untuk navigasi

Cara memasang NavBar dropdown menu dengan CSS untuk blogger:

Membuat NavBar dropdown menu dengan CSS

1.Buka dashboard blog -> template -> Edit HTML -> temukan tag ]]</:b skin>
Kemudian pastekan code CSS berikut diatasnya:

/* Start Code Dropdown Menu*/
#pad {height:100px;}
#hmenu {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#hmenu li {float:left; margin-right:1px;}
#hmenu li a {display:block; float:left; height:30px; line-height:30px; background:#333; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold;

padding:0 25px 0 10px;}


#hmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#hmenu li a:hover {z-index:200; position:relative;color:#fff; background-color:#c60;}
#hmenu li:hover {position:relative; z-index:200;}

#hmenu li:hover > a {
color:#fff;/* Menu Font Color */
background:#840; /* Menu mouse over Color */
}

#hmenu li:hover > a.sub {
color:#fff; /* Drop down item mouse over font Color */
background-color:#840; /* Drop down item mouse over background Color */
}
*/
#hmenu li.current a {color:#fff; background:#840;}


#hmenu li a.sub {
background: #333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrmKWpq2cUWJJ1aX1cBKCA_6aAkv3qfeJqbd-4HxVBzwEgBTSGGhcqoeS-ZO08GJbmXgAUnjwxJKRzzUJKqqbedQNe6cww9woLAv_Ad8PwhVCEvKKtbDS7xea7NEPI84WWRGrgO7Hzq4E/) /* Down arrow image */
no-repeat right center;
}

#hmenu :hover ul {left:0; top:30px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#hmenu ul,
#hmenu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#hmenu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#hmenu :hover ul li {margin:0; border-top:1px solid #666;}
#hmenu :hover ul li a {
width:120px; /* Width of sub menu item */
padding:0; text-indent:10px;
background:#333; /* Drop down background color */
color:#ccc; /* Drop down item font Color */
height:30px; line-height:30px;}
#hmenu :hover ul li a.fly {background:#333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9z2OKAN3grCWmLscxsASCJGTm0IXFInCmmJ-6Q2Mh5KsCMp8_9ihtDQrzz0jtedyhOrbOAXVcQWx_fhOc872hIlo9BMN7k694poAtzvp4nvujIpvRPIHwRGlCvyb-LintN8kne0xS9J0/) no-repeat right
center;}

#hmenu :hover ul :hover {background-color:#c60; color:#fff;}
#hmenu :hover ul :hover a.fly {background-color:#c60; color:#fff;}

#hmenu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#333; /* Dropdown Sub Menu background color */
color:#ccc; /* Dropdown Sub Menu font color */
}
#hmenu :hover ul :hover ul :hover {
background-color:#c60; /* Dropdown Sub Menu mouse over color */
color:#fff;/* Dropdown Sub Menu mouse over font color */
}

/* End code dropdown menu */

2.Memasang kerangka navbar dorpdown bisa diletakkan di bawah header melalui EDIT TEMPLATE ,atau secara langsung dari dalam template.Bisa juga dipasang melalui widget dibawah header (jika ada preferensinya),yaitu Add new widget ->  HTML/Javascript dan tambahkan code kerangka dari navbar dropdown berikut:

<ul id="hmenu">
<li class="current"><a href=""><b>Home</b></a></li>
<li><a href="About Us"><b>About Us</b></a></li>

<li><a class="sub" href="#"><b>Dropdown</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="fly" href="#url">Dropdown one<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#url">Dropdown 1.1</a></li>
<li><a href="#url">Dropdown 1.2</a></li>
<li><a href="#url">Dropdown 1.3</a></li>
<li><a href="#url">Dropdown 1.4</a></li>
<li><a href="#url">Dropdown 1.5</a></li>
<li><a href="#url">Dropdown 1.6</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="sub"><a class="fly" href="#url">Dropdown two<!--[if gte IE

7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#url">Dropdown 2.1</a></li>
<li><a href="#url">Dropdown 2.2</a></li>
<li><a href="#url">Dropdown 2.3</a></li>
<li><a href="#url">Dropdown 2.4</a></li>
<li><a href="#url">Dropdown 2.5</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li><a class="fly" href="#url">Dropdown five<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#url">Dropdown 5.1</a></li>
<li><a href="#url">Dropdown 2.2</a></li>
<li><a href="#url">Dropdown 3.3</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="sub" href="#"><b>Dropdown</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#url">Dropdown one</a></li>
<li><a href="#url">Dropdown two</a></li>
<li><a href="#url">Dropdown three</a></li>
<li><a href="#url">Dropdown four</a></li>
<li><a href="#url">Dropdown five</a></li>
<li><a href="#url">Dropdown six</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li id="support"><a href="#"><b>Menu</b></a></li>
</ul>


Silahkan menambahkan link link navigasi milik kamu dengan cara mengganti link/URL pada kerangka diatas sesuai dengan keinginan.

3.Simpan template - Selesai.

Cara Mengatasi terjadinya Duplikat Content pada blogger

SEO dasar yang paling penting untuk optimasi search engine adalah meminimalisir terjadinya duplikat konten.Semakin banyak duplikat kontent yang terjadi,maka harapan untuk semakin memperamping alexa adalah sulit.Yang ada hanya semakin menggendutnya alexa rank blog,dimana hal ini posisi SERP blog akan semakin terperosok kebawah.
Mau ingin bukti?,,,,,biarkan saja hal ini terjadi untuk beberapa lama dan silahakan pantau alexa rank blog kamu di alexa[dot]com.

Semakin banyak error 404 pada webmaster tools juga bisa semakin mempersulit untuk merampingkan alexa rank.Error 404 bisa terjadi karena berbagai sebab, namun masah error 404 saya bahas dipostingan berikut :Cara mengatasi error 404 di webmaster tools

Sekarang kita kembali kepada masalah duplikat konten.Apa yang dimaksud dengan duplikat konten dan penyebabnya?..

1.Duplikat konten yang pertama adalah adanya dua atau lebih artikel yang sama untuk web yang berbeda pada hasil pencarian search engine.Namun untuk yang ini tidak terdeteksi pada webmaster tools google.Hal ini terjadi karena tindakan copypaste artikel ,sehingga mesin pencari menemukan dua atau lebih artikel dengan konten dan judul yang sama.Untuk duplikat konten yang ini,tidak bisa kita atasi sendirian karena bisa dilakukan oleh pemilik blog yang berbeda.Yang diperlukan hanyalah kesadaran masing masing blogger untuk menciptakan artikel sendiri yang unik.Saya kira penjelasan untuk duplikat kontent yang ini hanya sampai disini saja.

2.Duplikat kontent yang kedua adalah adanya dua atau lebih konten yang dianggap sama pada satu alamat blog dan terindex oleh mesin pencari.
Penyebabnya bukan hanya adanya dua atau lebih artikel yang sama pada satu alamat blog.Namun dua atau lebih judul serta deskripsi blog yang sama bisa walaupun artikelnya berbeda dideteksi sebagai duplikasi konten.Untuk yang ini bisa kita ketahui melalui alat webmaster atau webmaster tools google.

Kategori duplikat kontent pada webmaster tools.

1.Penggandaan title
Ada dua atau lebih title yang sama pada halaman halaman blog.Hal ini terjadi karena halaman halaman tersebut terindex semua oleh mesin pencari google.Semakin banyak jumlah halaman yang memiliki title yang sama,akan tidak baik dan harus segera diatasi.

2.penggandaan deskripsi
Terjadi dua atau lebih halaman halaman blog yang memiliki deskripsi sama.Dan halaman dengan deskripsi sama tersebut terindex oleh mesin pencari google.

Penyebab dan Cara mengatasi terjadinya duplikat kontent pada blogger.

#Penyebab pertama,khusus untuk template blogger biasanya halaman index, arsip dan halaman kategory otomatis akan menghasilkan title dan deskripsi yang sama.

Cara mengatatasinya
1.Menambahkan canonical,yang bertujuan hanya mengizinkan robot untuk mengindex halaman item saja.
Pasang canonical berikut setelah tag <head>
<link expr:href='data:blog.url' rel='canonical'/>

Khusus untuk halaman Arsip,coba dengan membatasi pengindexan dengan tag meta khusus,pasang setelah code <head>:

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex,follow' name='robots'/>
<meta content='noindex,follow' name='googlebot'/>
</b:if>

2.Membatasi URL pengindexan robot dengan  memasang robots.txt (lihat cara membuat robots.txt blogger dibawah).

#Penyebab yang kedua karena menambahkan tag meta deskripsi yang sama untuk seluruh halaman dan item blog.

Solusinya,kamu tidak perlu menambahkan tag meta deskripsi sendiri pada template,karena fitur blogger yang baru sudah dilengkapi meta deskripsi secara otomatis.Dan untuk menambahkan deskripsi masing masing item bisa dilakukan secara manual pada saat melakukan posting.

Jika template kamu masih da tag meta seperti:

<meta content='ini adalah deskripsi dari blog' name='description'/>

Buang saja tag meta diatas dan manfaatkan fitur terbaru blogger untuk membuat meta deskripsi.Caranya aktifkan dulu melalui dasboard blogger -> Setelan -> Preferensi penelusuran.

Mengatasi terjadinya Duplikat Content pada blogger
Aktifkan deskripsi penelusuran pilih ya,dan isi Deskripsi sesuai dengan niche blog kamu.Simpan perubahan.
Mengatasi terjadinya Duplikat Content pada blogger

Terakhir tambahkan Code berikut sebelum tag <head> jika belum ada pada template blog kamu:

<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>

Setelah kamu melakukan pengaktifan tag meta diatas,maka setiap kali kamu posting bisa menambahkan deskripsi pada tiap tiap posting.Liha tamplan posting blog sebelah kanan:
Mengatasi terjadinya Duplikat Content pada blogger
Penambahan meta deskripsi pada setiap postingan blog bukan saja menghindari duplikat kontent,tetapi juga membantu robot search engine untuk mengindek postingan sesuai dengan kata kunci yang spesifik.


#Penyebab duplicat content yang lainnya pada blogger adalah adanya tampilan dinamis dan tampilan mobile yang terindex.Hal ini bisa diatasi dengan menggunakan robots.txt
Caranya: dasboard -> Setelan -> Preferensi penelusuran -> aktifkan robots.txt khusus -> masukkan code robot txt berikut:

User-agent: Googlebot
Allow: /
Disallow: /search
Disallow: /?m=0
Disallow:/view/*

User-agent:*
Allow: /
Disallow: /search
Disallow: /?m=0
Disallow:/view/*

Sitemap: http://www.blogkamu.blogspot.com/feeds/posts/default?orderby=updated

Gambar:
Mengatasi terjadinya Duplikat Content pada blogger

Mengatasi terjadinya Duplikat Content pada blogger

Semoga upaya mengatasi duplicat content diatas berhasil,paling tidak untuk meminimalisir.Rajinlah mengecek kesehatan situs kamu di webmaster tools google agar lebih cepat bertindak.

Happy Blogging

Membuat multitab Sidebar dengan JQuery

Kamu ingin menambah navigasi diblog kamu agar pengunjung tidak kesulitan menjelajahi fitur yang ada.Namun masalahnya kamu juga ingin menghemat tempat di sidebar agar tidak terlalu memanjang kebawah.Kalau begitu yang kamu pikirkan maka  multitab Sidebar ini adalah sebuah solusinya.

Jika kamu ingin menghemat tempat untuk widget di sidebar kamu,silahkan ikuti instruksi berikut untuk mendapatkannya.

Hal ini sebenarnya cukup sederhana dan tidak terlalu ribet memasangnya karena menggunakan jQuery.
Silahkan kamu coba untuk diterapkan kedalam blog kamu jika masih mementingkan navigasi sekaligus menghemat ruang.

Sebelumnya lihat dulu screenshoot berikut supaya lebih jelas apa itu multi tab sidebar:
Membuat multitab Sidebar dengan JQuery

Cara Memasang sidebar multi tab untuk blogger:
Pertama seperti biasa,login dashboard blogger -> Template -> Edit HTML -> Centeng Expand Template Widget.
Cari tag ]]</b:skin> kemudian pastekan code CSS berikut diatasnya:

/*--------Start Tabber CSS-------------------------*/
.tabber
{}
.tab_container {
border: 1px solid #0080FF;/*--Set Border Color  Tab Container--*/
border-top: none;
overflow: hidden;
clear: both;
float: left; width: 100%;
background: #fff; /*--Set The BackGround Color Tab Container--*/
}
.tab_content {
padding: 10px;
font-size: 1.1em;
}
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--Set height tabs--*/
border-bottom: 1px solid #0080FF;/*Bottom Border Color Tab Menu */
width: 100%;
}
ul.tabs li {
float: left;
margin-right:5px;
padding: 0;
height: 31px;
line-height: 31px;
border: 1px solid #999;
border-bottom:1px solid #0080FF;
margin-bottom: -1px;
overflow: hidden;
position: relative;
background: #e0e0e0; /*Set Background color Tab menu*/
}
ul.tabs li a {
text-decoration: none;
color: #000; /*Set tab warna link*/
display: block;
font-size: 1.1em;
padding: 0 5px;
border: 1px solid #fff; /*--Berikan warna dan bordr sesuai selera--*/
outline: none;
}
ul.tabs li a:hover {
background: #ccc;/* Set Tab Mousehover Background Color */
}
ul.tabs li.active{
background: #fff;/* Set Active Tab Background Color */
color:#0080FF;
border:1px solid #0080FF;
border-bottom: 1px solid #fff; /*--Tab aktife yang terlihat--*/
}
ul.tabs li.active a:hover /*--Set the active tab mouse hover properties--*/
{
background: #fff; /* Set active Tab Mouse over Background Color */
}
/*----------Tabber CSS Code End--------------*/

Kamu bisa merubah style atau warna background sesuai dengan warna template kamu dengan mengedit CSS diatas.Isi deklarasi dari .tabber jika ingin membuat background yang berbeda,atau style yang kamu inginkan.

2.Paste code jQuery berikut sebelum tag </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
/*----------Start Tabber Script--------------*/
$(document).ready(function() {
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>
/*----------End Tabber Script--------------*/

Catatan: Jika template Kamu sudah ada script jQuery Library <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js' type='text/javascript'/> ,maka yang ada didalam code diatas dihapus saja.Mungkin hanya versinya yang berbeda,dan itu boleh diganti dengan versi yang lebih baru.

3.Sekarang carilah ID elemen <div id='sidebar-wrapper'> atau mungkin <div id='sidebar'> ,code diatas adalah ID elemen dan mungkin saja webmaster perancang template kamu tidak menggunakan nama ID seperti diatas.Akan tetapi kebanyakan perancang menggunakan nama seperti <div id='sidebar'> atau yang mirip.

Jika kamu sudah memastikan menemukan ID seperti diatas,pastekan code berikut setelahnya:

<div id='tabber'>
<ul class='tabs'>
<li><a href='#tab1'>Recent Post</a></li>
<li><a href='#tab2'>Statistic</a></li>
<li><a href='#tab3'>Subscribe</a></li>
</ul>

<div class='tab_container'>
<div class='tab_content' id='tab1'>
<b:section class='sidebar' id='sidebartab1' preferred='yes'>
</b:section>
</div>
<div class='tab_content' id='tab2'>
<b:section class='sidebar' id='sidebartab2' preferred='yes'>
</b:section>
</div>
<div class='tab_content' id='tab3'>
<b:section class='sidebar' id='sidebartab3' preferred='yes'>
</b:section>
</div>
</div>
</div>

Diatas adalah kerangka dari tabber sidebar.Edit nama widget sesuai dengan kebutuhan kamu,lihat yang warna merah.

4.Simpan template blog kamu,sekarang beralihlah kedalam -> penyetelan -> Tata letak.
Tambahkan widget baru kedalam tabber sidebar berikut,atau kamu juga bisa menyeret widget yang sudah ada.Lihat Gambar berikut.
Membuat multitab Sidebar dengan JQuery

5.Selesai.

Smooth Scrolling Dengan JQuery

Fitur ini merupakan bagian dari fitur navigasi blog,dimana berguna bagi pengunjung untuk memudahkan dalam menjelajahi artikel di blog kita.
Jika dalam sebuah artikel didalam blog kita terlalu panjang kebawah,dengan Smoth Scrolling ini pengunjung akan dengan mudah terbantu untuk kembali ke top page dengan cara klik tombol.
Namanya Smooth Scrolling atau lebih tepat diartikan memutar dengan halus ke atas,efek "smooth" ini karena fungsi animasi yang dibuat dengan jQuery.

Fungsi scrolling ini sebenarnya sudah tidak asing lagi,namun jika ingin menggunakan efek scroll yang halus berikut caranya.

Langkah pertama tentu saja kamu harus login kedalam dashboard blogger -> Template -> Edit HTML.
Carilah Tag ]]</b:skin> dan pastekan code CSS berikut ini diatas Tag ]]</b:skin>:

#go-to-top {
padding:1px;
position:fixed;
bottom:0px;right:0px;
cursor:pointer;
}
#go-to-top img
{
height:40px;
width:35px;
border:none;
padding-right:5px;
}

Langkah ke 2 ,temukan tag </head> dan pastekan code berikut sebelum/diatas tag </head>
Catatan: Jika Code <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> sudah terdapat didalam template Blog Kamu,maka tidak perlu dipasang lagi.Jadi kamu hapus saja yang terdapat didalam code berikut.

/*----------Start Smooth Scrolling Script--------------*/
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<script language='javascript' type='text/javascript'>
$(document).ready(function(){

    // hide
    $(&quot;#go-to-top&quot;).hide();
  
    // fade in
    $(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() &gt; 100) {
                $(&#39;#go-to-top&#39;).fadeIn();
            } else {
                $(&#39;#go-to-top&#39;).fadeOut();
            }
        });

        // scroll to top
        $(&#39;#go-to-top img&#39;).click(function () {
            $(&#39;body,html&#39;).animate({
                scrollTop: 0
            }, 800);
            return false;
        });
    });
});

</script>

Masih dihalaman EDIT HTML, sekarang langkah ke 3 temukan tag </body>,pastekan code berikut sebelum atau diatas tag </body>

 <a href='#' id='go-to-top'><img alt='Back to Top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaDVZ0EMSlDibRQlBUkW0-loi-CICRMb8PS6ufOa3FhVQU6FQoMUjpWL-rYj4JkFIF6ad_w-aMivcqwgURV1bv3VYU0x0biLZxoG_pRismtj5SOtNHr2mjyknI5GYFOqOP8EP5M-0d04iJ/'/></a>



Terakhir simpan template Kamu,dan lihatlah hasilnya.


Happy Blogging!

Jumat, 26 Oktober 2012

Cara membuat FB Like Box melayang dengan tombol close

Kreasi FB Like Box melayang ini dapat anda coba untuk semakin mempercantik blog kamu.Selain itu pengunjung blog kamu akan selalu melihat Likebox ,sehingga mereka tidak akan lupa memberikan like sebelum meninggalkan halaman blog kamu.Dan Kamu pasti senang kan jika likes fanpage kamu semakin cepat bertambah.


Keistimewaan dari like box melayng ini adalah muncul disebelah kiri dari kontent(untuk wide screen),sehingga tidak akan menghalangi artikel dan navigasi.Selain itu juga  adanya tombol Close,sehingga bisa di sembunyikan oleh pengunjung jika mereka anggap mengganggu.

Cara bekerjanya: jika pengunjung melakukan scrooling kebawah atau keatas,FB like box tersebut tetap berada pada posisinya (mengambang) dengan halus.

Kamu bisa memasangnya di blogspot ataupun blog wordpress hosting sendiri.

Code dan cara pemasangan FB Like Box melayang dengan tombol Close.
Kreasi ini hanya menambahkan sedikit code Javascript ,ikuti langkah langkah berikut.

1.Persiapkan dulu code dari plugin likeboxnya terlebih dahulu dengan memakai ukuran : width 140px dan height 270 px.Kamu bisa menyesuaikan ukurannya dengan template blog kamu nanti.Ukuran yang dipakai memang tidak terlalu lebar agar tidak menghalangi kontent.

2.Buat New widget HTML/Javascript (blogspot), kemudian copypaste code berikut:

<style type="text/css">
#fixed{
position:absolute;
margin-top:140px;
background-color: #fff;
width: 140px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 40 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.dobumentElement : document.body
}
function get_cookie(Name) {
var$20search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("fixed").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("fixed").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var20pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("fixed");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="fixed">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="http://demandware.edgesuite.net/aaca_prd/on/demandware.static/Sites-ninewest-Site/-/default/v1340878667943/images/productDetail/b_close_wText.gif" /></a></div>

Masukkan disini Code dari LikeBox FB Kamu

</div>

Kamu bisa melakukan penyetelan atau penyesuaian dengan merubah nilai pada code yang diberi warna merah.

3.Ganti tulisan yang berwarna biru pada script diatas, dengan Code dari plugin FB LikeBox yang sudah kamu buat dan sediakan tadi.

4.Simpan Widget

5.Selesai dan coba.
Membuat FB Like Box melayang dengan tombol close

Nah kan,lebih keren karena munculannya tidak mengganggu kontent blog kamu,dan bisa di close lagi...Enjoy...

Minggu, 14 Oktober 2012

Perbaikan komputer karena masalah pada Motherboard

Motheroard adalah papan sirkuit yang menjadi dasar dari sebuah komputer, tempat berhubungnya CPU, RAM, hard disk drive dan drive optik. Sebuah motherboard komputer  umumnya sudah dilengkapi fitur secara built-in seperti soundcard,VGA.Yang paling utama adalah chip BIOS yang berguna untuk mengontrol seluruh setup. Masalah yang paling umum terjadi pada motherboard adalah adanya sambungan -sambungan yang mulai longgar pada sirkuit internal motherboard yang dapat menyebabkan sistem crash. Untuk perbaikan Motherboard perlu terlebih dahulu mengidentifikasi dan memecahkan masalah yang ada  di motherboard (di desktop serta laptop) sebelum melakukan perbaikan.
Mengidentifikasi akar penyebab masalah akan membuat tugas menjadi  lebih mudah. ??

Kenali Tanda Peringatan yang umum karena masalah pada motherboard PC

  • Sistem bisa booting pada saat sedang start up.
  • Sistem tiba tiba saja hang tanpa sebab.
  • Kipas dan lampu power tetap hidup, namun sistem tidak bisa booting.
  • Sistem shut down secara tiba-tiba pada saat sedang bekerja.
Ada bisa banyak alasan yang bisa diungkapkan karena tanda-tanda di atas dan sebagian besar karena kegagalan hardware. Salah satu penyebab umum yang bertanggung jawab atas kondisi ini adalah kebocoran kapasitor. Alasan lain adalah suhu terlalu tinggi di sekitar sistem, sehingga dapat mempengaruhi umur kapasitor di motherboard.

Perbaikan komputer karena masalah pada Motherboard
IMG Source:www.flickr.com
Pemecahan Masalah
  • Periksa juga jika ada kapasitor (elco) pada motherboard,kapasitor yang rusak biasanya akan menggelembung.Jika terjadi seperti ini kemungkinan besar ada masalah disekitar sistem,coba ganti kapasitornya jika bisa anda lakukan.Jika tidak hubungi orang yang berkompeten dalam masalah ini.
  • Periksa kipas dan lampu pada motherboard bekerja normal atau tidak bekerja samasekali.Dan lakukan pengecekan apakah lampu sistem aktif atau tidak. Jika lampu power menyala, maka Anda harus terlebih dahulu memeriksa sambungan power supply ke motherboard.
  • Jika sistem lampu menyala, tetapi layar monitor  tanpa tampilan/kosong, ini bisa jadi ada masalah dengan bagian VGA dimotherboard.
  • Sementara Anda memeriksa VGA,periksa  juga apakah RAM sudah dalam posisi yang benar atau tidak.Periksa pin pin dari VGA (chipset) dan memory (RAM),bersihkan lalu pasang kembali. Dan jika tidak ada masalah dengan RAM, periksa CPU, apakah sudah dimasukkan dengan benar ke soket nya.Jika tidak terpasang dengan benar dapat menyebabkan CPU rusak, dan pada akhirnya bisa mengarah ke motherboard.
  • Jika CPU dan RAM, keduanya baik-baik saja, dan monitor masih tidak mau tampil, periksa apakah kipas dan heat sink yang bekerja dengan baik. Kipas akan berputar ketika mendapatkan sumber listrik  dari power point pada motherboard yang menghubungkannya ke BIOS (Basic Input Output System) lalu ke monitor komputer. Jadi jika BIOS diaktifkan, heat sink dan fan, keduanya harus normal. Jika BIOS tidak muncul,pasti ada yang salah dengan heatsink dan kipas.
  • Jika  ada serangkaian bunyi "beep" yang terdengar saat Anda mengaktifkan komputer, itu merupakan indikasi bahwa RAM dan bisa juga VGA tidak bekerja dan perlu diganti.
  • Jika gejala di atas tidak ditemukan, dan motherboard masih gagal berfungsi, bisa jadi ada masalah dengan CPU .Walaupun kecil kemungkinan CPU rusak,namun bisa saja akibat sistem pendingin benar benar gagal atau konsleting.

Jika masalah dan solusi diatas belum juga bisa dipecahkan,maka cek hardware keseluruhan harus dilakukan. Bongkar power supply, motherboard, adaptor video dan CPU cek satu persatu,bersihkan dan rangkai kembali.

Alasan lain kenapa motherboard tidak bisa bekerja kemungkinan sistem pernah atau sering kepanasan karena overclocking.

Dalam kasus perbaikan motherboard pada laptop ,berikut spekulasi yang harus dipertimbangkan.Jika layar monitor Anda mendapati redup dan mati ketika sedang digunakan, dan jika hal ini terjadi beberapa kali , periksa PC dengan layar eksternal. Jika layar eksternal bekerja, masalahnya mungkin di papan inverter dari laptop Anda.
Jika dalam kasus ini video eksternal juga tidak bekerja, maka ada masalah dengan VGA, yang merupakan bagian integral dari motherboard.

Penyebab dan cara mengatasi CPU Usage 100%

CPU Usage 100% pada komputer adalah hal yang umum terjadi setelah penggunaan yang sekian lama.Hal ini bisa terjadi karena terlalu tinggi dan terus menerus CPU harus menyelesaikan permintaan proses sehingga memakan resource hingga mencapi usage maksimal alias 100%.

Jika Anda memang sedang menjalankan banyak aplikasi secara bersamaan sih mungkin wajar saja.Namun yang menjadi masalah adalah jika komputer masih dalam keadaan idle saja CPU Usage sudah tinggi,dan tiba tiba melonjak menjadi 100% hanya karena membuka explorer.Kalau sudah begini komputer tidak lagi bersahabat,performance menjadi lambat dan sering hang karena prosesor kepanasan.
Jika Komputer anda mengalami masalah CPU USAGE 100% seperti ini,jangan didiamkan saja karena akibatnya bisa merembet merusak hardware tertentu.Segera lakukan tindakan agar kerusakan tidak menjadi lebih parah lagi.

Cara mengetahui CPU Usage caranya buka windows task Manager dengan shortcut tombol keybord juga bisa.Tekan secara bersamaan Alt + Ctrl + Del,maka akan tampil Task manager lalu pilih tab Performance .
Penyebab dan cara mengatasi CPU Usage 100%
Contoh gambar:CPU usage 0%-5% saat CPU tidak melakukan proses.Hal ini komputer dalam keadaan wajar.
Penyebab dan cara mengatasi CPU Usage 100%
Contoh gambar: Saat CPU sedang memproses permintaan,misalnya saat anda mengetik atau sedang mengakses aplikasi,maka performance CPU akan naik karena melakukan proses.Dan akan kembali turun jika proses yang dilakukan telah selesai,sehingga grafik performance history akan tampak naik turun.Hal ini komputer masih bekerja dengan wajar.

Bagaimana Jika grafik performance CPU Usage selalu 100% atau grafik tidak pernah terlihat turun (grafik hanya mendatar diatas),  walaupun kita tidak sedang menjalankan aplikasi apapun?....

Hal tersebut bisa dipastikan bahwa ada yang bekerja sendiri dibelakang layar, sehingga CPU melakukan proses secara terus menerus atau karena sebab yang lain.Inilah yang menjadi sumber permasalahan komputer yang akan kita bahas kali ini.

Beberapa permasalahan yang paling sering menjadi penyebabnya adalah registry error,terpapar banyak program jahat/malmware,service & startup program yang berjalan,banyak terjadi kerusakan pada file windows/corrupt  dan sebagian lagi karena hardware.Sebelum melakukan langkah perbaikan dan pengecekan,pastikan dulu kalau memory RAM masih dalam keadaan Normal artinya kapasitas meori fisiknya nya masih sesuai.

Lakukan penanganan masalah berurutan seperti berikut agar CPU usage kembali normal:
1.Cek suhu dari CPU dengan cara melihat melalui BIOS setup,pastikan suhu CPU dalam keadaan normal antara 45 derajat - 55 derajat.Jika suhunya lebih tinggi,coba periksa kinerja dari fan CPU.Bersihkan dan kalau perlu dilumasi.

2.Scan dengan software antivirus terbaik yang ada,atau antispyware.Jangan beranggapan bahwa komputer anda baik baik saja dan tidak menyimpan malmware.Program program seperti malmware ini otomatis berjalan di belakang sehingga banyak memakan resource karena flood permintaan kepada unit prosesing.

3.Matikan program startup yang tidak terlalu penting,atau program lain yang berjalan dibelakang namun tidak terlalu dipergunakan.Cara melihat service dan startup program yang berjalan adalah dengan cara klik Run > ketikkan msconfig > coniguration dan> pilih tab service/startup.Anda bisa mengurangi beberapa startup yang anda anggap tidak pentingdengan cara unchek dan ok.Namun jangan asal mematikan service jika tidak tahu benar fungsinya.

4.Clean Registry error: Karena pemakaian komputer yang terlalu lama atau kesalahan dalam mengoperasikan komputer,registry error akan selalu ada dan ini akan mengganggu kinerja computer.Bersihkan registry error dengan menggunakan bantuan fix program yang banyak tersedia.Fix program yang sudah banyak dikenal misalnya Tune Up Utility ataupun CC Cleaner.

5.Jika cara cara diatas tidak membuahkan hasil,cobalah memeriksa svchost.exe dan menghentikan proses dengan cara > Klik Start >  Run >ketikan services.msc > Cari DNS Client, Klik kanan dan pilih Properties > Klik kotak drop-down di Startup type > Pilih Manual, klik Apply/Ok > Restart.Jika CPU USAGE masih saja 100%,kembalikan settingan tadi seperti semula.

6.Kelima cara diatas tetap tidak memberikan hasil,mungkin anda perlu software yang bernama procces Tammer.Program ini sangat aman karena berjalan secara otomatis untuk mematikan dan memprioritaskan hanya untuk proses yang diutamakan saja.Process Tamer adalah sebuah program kecil  yg  efisien dan akan berjalan dibelakang agar anda bisa memonitor proses yang sedang dijalankan.Anda bisa melakukan penyetelan untuk memprioritasakan beberapa proses yang dianggap penting,bisa diberikan prioritas low,normal atau high.

Selain cara yang keenam,adalagi cara yang bisa dilakukan yaitu dengan cara menghapus beberapa key melalui registry Editor.Namun cara ini tergolong beresiko jika anda tidak paham betul dengan program.Sebaiknya perlu dipertimbangkan jika memilih cara ini.

Yang terakhir jika sampai langkah keenam diatas tidak mendapatkan hasil,kemungkinan besar banyaknya file system yang error/corupt atau bahkan hilang akibat virus dan lain lain.Umumnya hal ini akan ditandai dengan CPU Usage 100% ,kinerja yang sangat lambat,sering error dan bahkan hang.
Maka sepertinya anda perlu untuk melakukan langkah pamungkas untuk mengatasi hal ini yaitu melakukan Inul (Instalasi ulang) Operating system komputer.

Cara mendaftarkan blog ke google Addurl

Mendaftarkan blog yang baru dibuat kedalam index Google search engine diperlukan agar mesin perayap mereka segera menemukan blog yang baru saja anda buat.Untuk kemudian mereka akan memasukkan kedalam database dan akan memunculkan pada hasil pencarian.Nantinya pengguna akan menemukan blog anda dari google search engine dengan katakunci yang sesuai dengan tujuan blog anda.
Ini adalah langkah pokok setelah sebuah blog selesai dibuat,jika anda menginginkan blog agar segera dirayapi  mesin telusur dan memperoleh pengunjung dari google.

Caranya anda cukup mengirimkan URL lengkap dari domain tingkat atas dari blog anda saja yang perlu dikirimkan di google add url.Dengan sendirinya googleboot nanti akan menemukan  URL yang menuju dokumen HTML/halaman lain dari blog anda pada saat merayapi index blog.Jadi anda tidak perlu mengirimkan semua URL yang meliputi masing masing dari halaman yang ada pada domain anda.Kirimkan domain utama/halaman index blog lengkap dengan http:// ,contohnya http://www.spiderbeat.com/ melalui form yang disediakan serta boleh mengisi tanggapan yang berisi materi atau katakunci dari blog anda.

Add Url blog baru anda pada Google di http://www.google.co.id/add_url.html

Komputer Muncul pesan Virtual Memory Low

Pesan yang muncul saat kita sedang asik asiknya beraktifitas dengan komputer ini disebabkan oleh RAM yang sudah penuh.Menjalankan banyak aplikasi sekaligus,misalnya disamping sedang browsing,kita sekaligus memutar player musik,mengetik dan lain lain akan cepat memakan RAM.Jika kapasitas RAM yang tersedia di komputer anda cukup minim maka RAM akan segera penuh,maka akan muncul pesan "Virtual Memory Low" dan kinerja komputer akan melambat.Pada kejadian yang lebih lanjut hal ini bisa menyebabkan komputer menjadi hang.
Jika hal ini sering terjadi pada komputer anda dengan waktu penggunaan komputer yang terbilang belum terlalu lama,bisa dipastikan bahwa kapasitas memory RAM yang ada dikomputer anda sangat terbatas.Jika komputer windows anda 32 bit,maksimal RAM yang bisa dipakai berkapasitas 4Mb.Semakin sering dipakai untuk menjalankan aplikasi apalagi yang berat berat, maka semakin dibutuhkan RAM yang semakin besar agar Virtual memory tidak segera menjadi Low.Namun jika komputer hanya dipergunakan untuk menjalankan aplikasi sebatas browser,atau pemakaian yang lumrah 1Gb RAM saja sudah cukup bagus.

Apa yang disebut dengan RAM

RAM atau Random Access Memory umumnya disebut dengan memory komputer ini berfungsi untuk menampung sementara data data yang akan diproses oleh processor sekaligus juga untuk menampung sementara data-data yang sudah di proses.RAM ini bisa dibilang sebagai jembatan penghubung antara prosesor dan hardisk didalam lalulalang pemrosesan data.
Kenapa dibutuhkan RAM?......
Karena hardisk itu bekerja berdasarkan perputaran secara mekanik, maka dari itu kecepatan hardisk tidak bisa menyaingi kecepatan prosessor yang secara digital. Agar kedua kecepatan dari hardisk dan prosesor bisa berimbang maka diperlukanlah RAM.


Cara menambahkan memory RAM

Hal ini bisa dilakukan dengnan mengganti RAM sebelumnya dengan kapasitas yang lebih besar,atau dengan menambah slot RAM baru sesuai dengan yang diinginkan.Misalnya RAM sebelumnya 512Mb,maka untuk mendapatkan kapasitas RAM hinga menjadi 1,24Gb maka perlu menambahkan 1 slot RAM baru sebesar 512Mb.Perlu diketahui untuk menambahkan slot baru,tipe RAM harus sejalan dengan RAM sebelumnya .Disarankan agar anda untuk membawa contoh Memory RAM sebelumnya jika membeli ke toko hardware komputer.Atau kalau perlu sekalian PCnya dibawa,hal ini untuk antisipasi resiko  gara gara RAM yang dibeli  tidak cocok.Ingat kapasitas maksimal,untuk window 32 bit maksimal RAM availabele adalah 4 Gb dan selebihnya tidak akan terbaca.

Cara mengetahui jumlah kapasitas RAM dikomputer windows xp;

Sorot Start > Accesories -> System Tools -> System Information

Komputer Muncul pesan Virtual Memory Low
Akan muncul jendela seperti dibawah ini:

Komputer Muncul pesan Virtual Memory Low

Yan dikotak merah adalah Jumlah kapasitas total memory RAM ,dan yang didalam bulatan warna biru adalah Total Virtual memory maksimal.

RAM yang semakin besar kapasitasnya akan membantu proses data oleh CPU semakin cepat dan akan terasa lajunya saat komputer dipakai untuk bekerja.Laju proses komputer yang semakin melambat bisa jadi karena RAM yang cepat penuh karena kapasitasnya yang minim.Jika memang penyebab komputer lambat karena kehabisan RAM,maka Pesan Virtual Memory akan muncul.Untuk mengatasi hal ini Restart lah komputer anda,dan usahakan segera ditambah kan kapasitasnya nanti.


Sabtu, 13 Oktober 2012

Cara Dan syarat Mendaftarkan Domain co.id

Domain co.id adalah domain TLD untuk situs bisnis/komersial khusus Indonesia.Sama halnya dengan domain dot com (.com) ,namun domain dot com adalah domain komersial yang digunakan web Internasional.

Kedua Top Levels Domain Komersial ini (dot com dan dot co dot id) sebenarnya sama saja,siapapun bisa mendaftarkan untuk identitas situs mereka diinternet.Hanya saja Syarat yang diperlukan agar domain kedua domain tersebut disetujui mungkin sedikit agak berbeda.


Cara mendaftarkan nama domain berekstensi CO.ID
Cara Dan syarat Mendaftarkan Domain co.idBerbeda dengan domain komersial internasional dot com,untuk kelengkapan syarat mendaftarkan domain dot co dot id ada tambahan syarat khusus yaitu:harus melengkapi SIUP/TDP atau Akta Notaris (cover dan hal 1)) ,KTP penanggung jawab dan NPWP.

Cara mendaftarkannya cukup bisa dilakukan secara online melalui jasa pengurusan domain dan hosting atau melalui PANDI (Panitia Domain Indonesia) melalui situsnya di pandi.or.id.

Penyertaan persyaratan diatas bisa dilakukan dengan cara scanning untuk membuat copy dalam bentuk file JPEG dan dikirimkan sesuai petunjuk dari panitia.Biaya pendaftaran dan perpanjangan pertahun  (renewal) domain co id saat ini berkisar antara rp 150.000,-.

Berbeda dengan syarat pendaftaran domain berekstensi dot com,karena anda cukup hanya dengan melakukan pengisian form yang disediakan jasa pengurusan domain atau registran dan melakukan pembayaran saja. Biaya pendaftaran dan perpanjangan pertahun (renewal) domain com saat ini berkisar antara Rp 120.000,-

Jika anda berniat untuk membuat situs perusahan,ekstensi [dot]co[dot]id sepertinya lebih cocok.Segera persiapkan SIUP/TDP dan akta notaris perusahaan anda, jika berniat untuk membeli domain Comercial Indonesia [dot]co[dot]id untuk situs anda.

Mengapa Harus Membuat dan mengelola Blog?

Blog sudah menjadi hal yang sangat populer di dunia saat ini seiring dengan semakin menjangkaunya internet keseluruh belahan dunia. Beberapa tahun yang lalu blog hanya digunakan oleh anak anak untuk mencatat hal sehari hari mereka dan berhubungan dengan teman teman.Namun aktifitas blogging sekarang sudah digunakan oleh banyak kalangan diantaranya Ibu rumah tangga sampai perusahaan besar yang menulis blog tentang kejadian terbaru yang terjadi didalam perusahaan mereka dan sekaligus sebagai sarana promosi. Bahkan bintang film dan orang-orang top membuat blog untuk kepentingan industri hiburan mereka,menjaga fans dengan menerbitkan update terbaru untuk kegiatan sehari hari serta review dari karya-karya terbaru mereka.

Kenapa dan untuk apa kita harus membuat blog?


Ngeblog sebagai suatu Tanggung Jawab
Tidak setiap orang bisa membuat sebuah situs seperti situs perusahaan berita besar, blogging menjadi cara yang paling disukai oleh individu untuk mempublikasikan pikiran dan niat mereka. Orang suka membicarakan masalah yang berbeda dan solusi mereka melalui blog pribadi yang mereka kelola. Beberapa blogger juga ada yang mempublikasikan blog berisi tentang kejadian baru yang terjadi di sekitar mereka untuk membuat seluruh masyarakat menjadi sadar. Ratusan blog berita yang terawat telah dikunjungi dan iikuti oleh jutaan orang.Belum lagi para profesional yang cukup membuat beberapa blog untuk membantu mereka dalam mempermudah pekerjaan mereka.


Blog untuk Menjangkau Orang
Blog adalah cara yang bagus untuk menyampaikan pikiran dan ide-ide untuk dibaca semua orang.Blog adalah cara terbaik untuk menjangkau banyak massa. Jika Anda berhasil mendapatkan pembaca untuk apa yang Anda tulis, blog Anda akan diikuti orang secara teratur. Ini akan memungkinkan Anda untuk bisa menyentuh jutaan hati. Anda juga dapat menggunakan blog sebagai media ini untuk menyebarkan pesan atau meningkatkan kesadaran oleh penyebab tertentu.



Blog untuk bersenang-senang
Anda juga dapat blog untuk bersenang-senang. Jika Anda adalah tipe yang suka berbagi mengenai setiap detail kecil dalam kehidupan Anda dengan teman dan keluarga, Anda dapat menggunakan blog untuk keperluan ini. Anda dapat berbicara tentang apa yang baru-baru ini anda kunjungi, restoran yang sudah anda datangi,atau bahkan cerita tantang liburan terbaru Anda. Dengan cara ini Anda dapat berkomunikasi apa saja yang ada di pikiran Anda untuk semua orang yang Anda cintai.


Blog untuk mencari uang
Banyak orang yang melihat blog sebagai sumber yang berpotensi dapat menghasilkan uang. Ada banyak cara yang bisa Anda gunakan dalam menghasilkan uang dari blog Anda. Jika Anda bisa menarik lalu lintas yang tinggi untuk blog Anda, Anda mungkin bisa dengan cepat untuk menghasilkan banyak uang melalui blog Anda.

########
Jadi jika Anda bukanlah bagian dari masyarakat blogger,maka segeralah bergabung.Anda pun bisa mebuat blog dengan mudah bhakan hanya menggunakan fasilitas gratis di internet.Dan Pastikan bahwa Anda bisa membuat sentuhan yang unik untuk blog Anda ,karena itu adalah hal yang paling di dambakan oleh para pengguna diinternet .Namun hanya membuat blog saja tidak cukup,karena agar blog bisa menjadi populer,blog  juga harus dipromosikan supaya cepat bisa mendapatkan kunjungan.

Rabu, 10 Oktober 2012

Cara Meringankan Loading blogspot

Untuk membuat loading blog mesin blogspot agar lebih ringan  memang gampang gampang sulit.Gampangnya,mudah saja membuat loading blog menjadi cepat,namun blog akan menjadi nyaris tanpa desain dan minim fitur.Sulitnya adalah, bagaimana kita menyelaraskan desain yang ideal sebagaimana web pada umumnya namun loading harus seringan mungkin.Jadi Bisakah selaras antara desain yang unik cukup fitur namun blog tetap ringan loadingnya?..
Disini kita harus dituntut untuk bijaksana dalam mengambil keputusan,cieee,,,,,,serius amat sih,,, he he,,,,

Begini solusi agar template blogspot menjadi ringan:


Dari segi fitur
Sepertinya nyaris dan mau nggak mau kita harus untuk memakai javascript untuk menambah sedikit fitur (widget),contohnya paling tidak menggunakan related post atau recent post.Kedua fitur tersebut adalah fitur standard sebuah blog,dan penting memang untuk kebutuhan navigasi.
Sebenarnya kedua fitur tersebut cukup lumayan untuk  membebani loading,karena rendering code yang harus mencari dan menampilkan kontent dari FEED.
Apalagi jika recent post ataupun related post tersebut juga menampilkan thumbnail,tentu saja akan menjadi berat lagi dong.Jadi kebijaksanaannya harus mau menentukan mana yang lebih ringan,yaitu tanpa thumbnail.Karena banyak yang share code code tersebut,maka cari yang tidak menggunakan terlalu banyak karakter pemrogramannya.Karena terlalu banyak karakter juga akan menambah ukuran file dari template blog.Kalau mau menguji coba apakah takaran template blog sudah emberikan kecepatan loading yang disarankan atau belum,coba gunakan tool ini gtmetrix.com
Kalau saya menggunakan recent post yang diberdayakan oleh feedburner saja,karena saya anggap lebih simple dan ringan.
Fitur lainnya yang membutuhkan kebijaksanaan atau butuh solusi lain misalnya adalah,"apakah perlu memasang widget friend connect?"..Widget ini lumayan berat juga,dan ini juga harus dipertimbangkan antara kegunaan dan kerugiannya.

Dari segi HTML
Perlukah kita menambah elemen baru lagi?,,,,,jika sebuah elemen ditambahkan namun sedikit keuntungannya lebih baik diremove saja.Contohnya,perlukah menambah 3 kolom widget diatas dan dibawah?.....Jika keduanya kurang dipergunakan atau tak banyak keuntungannya,kenapa dipasang?...Apalagi elemen elemen widget tersebut kosong,nggak kepakai maka lebih baik dibuang saja.Sekedar tahu saja jika belum,widget 3 kolom itu minimal menggunakan 3 buah ID HTML.

Javascript
Maksimalkan penggunaan javascript untuk membangun template.Misalnya,Perlukah kita menggunakan Jquery padahal kita hanya butuh 1 plugin saja yaitu dipakai untuk smooth navbar dropdown.Padahal jQuery adalah perpustakaan,artinya kita membawa gedung perpustakaan kerumah padahal  hanya butuh 1 buku saja.Membuat menu navigasi bertingkat bisa hanya menggunakan Css saja tanpa javascript /Jquery.Kalau hanya perlu untuk itu saja sih,kenapa harus membawa perpustakaan kerumah?...

CSS
Maksimalkan juga penggunaan CSS,buang jika ada baris baris code yang tidak kepakai,atau tidak ada ID atau Class HTMLnya.Kompress CSS nya jika tidak akan diedit lagi,atau desain sudah final.Gunakan tool ini "CSS commpresor" ,selain kamu bisa mengkompress CSS sekaligus bisa juga untuk mengembalikannya lagi (uncommpressed).
Persingkat penulisan CSS,contohnya:

div#elemen1{padding-top: 5px;
                     padding-right: 8px;
                     padding-bottom: 5px;
                     padding-left: 8px;
                     }
div#elemen2{padding-top: 5px;
                     padding-right: 8px;
                     padding-bottom: 5px;
                     padding-left: 8px;
                     }

Maka bisa disingkat penulisannya menjadi:

div#elemen1, div#elemen2{padding: 5px 8px 8px 5px}

 Penggunaan IMG (gambar)
Jika menggunakan IMG atau background img  dalam mendesain template,pertimbangkan apakah memang sangat dibutuhkan atau tidak.Jika bagian elemen tersebut tidak terlalu penting pakai IMG ya lebih baik nggak usah  memakai IMG.Apalagi jika IMG tersebut mengganggu atau menghalangi konten sehingga sulit untuk dibaca.
Kalau memang terpaksa menggunakan IMG,kompres ukuran IMGnya.Disarankan menggunakan IMG berekstensi JPEG/JPEG,sebab GIF dan PNG relatif lebih besar ukurannya.
Tadi yang pertama,yang kedua jangan memperkecil gambar dengan CSS/HTML,misalnya:
Gambar /IMG tersebut berukuran asli 400X 300 dan diperkecil dengan code HTML menjadi <img src="/gambar.jpg width='100' height='50'/> .Hal itu hanya memperkecil ukuran yang tampak oleh mata saja,namun ukuran file masih tetap sama besarnya.Kalau kasusnya seperti  itu, lebih baik IMG diperkecil ukurannya menggunakan editor gambar.Namun untuk postingan blogspot saya kira tidak perlu memikirkan ini karena mesin blogger sudah punya solusi otomatis untuk itu.

Validasi CSS/HTML
Kalau yang ini option saja deh,karena sulit bagi template blogspot benar benar valid HTML 100%.Kalau menurut saya sendiri sih yang ini nggak terlalu diperhitungkan,asal jangan terlalu kebangetan saja hasil ketidak valid-annya.

Template yang terlalu polos juga cepat membosankan,terlalu heboh juga bisa  terlalu memberatkan dan menghambat hasil optimasi SEO.
Bagaimana kebijakan kamu dalam menyikapi hal ini?....