Cara Mudah Parse HTML Cara Mudah Parse HTML

Cara Mudah Parse HTML – Cara ini buat kamu para Publisher yang ingin menampilkan iklan di setiap postingan blog kamu. Encode HTML kata lain dari Parse HTML merupakan langkah penting, karena setiap Script Iklan ingin kamu tampilkan di halaman postingan blog kamu harus melalui proses Encode HTML ini. Bagaimana cara melakukan proses Parse HTML ini? berikut Cara Mudah Parse HTML.

1. Yang pertama kali yang harus kamu lakukan ialah menyiapkan Script yang ingin kamu parse.

2. Selanjutnya kamu kunjungi alamat ini http://www.blogcrowds.com

3. Setelah proses loading selesai, kamu akan menemukan lama seperti gambar di atas, copy dan pastekan Script yang ingin kamu parse di kotak yang sudah disediakan, selanjutnya kamu klik Parse

4. Setelah menunggu proses loading selesai, maka akan muncul hasil dari Script yang tadinya kamu parse, tinggal kamu copy dan pastekan.

Artister 4, Aplikasi Untuk Membuat Template Blog Sendiri Artister 4, Aplikasi Untuk Membuat Template Blog Sendiri

Artister 4, Aplikasi Untuk Membuat Template Blog Sendiri. Bagi kamu yang sudah lama menggeluti dunia blogger aplikasi ini bukanlah hal asing lagi, aplikasi ini memberikan kemudahan bagi kamu yang ingin membuat template blog sendiri di blog kamu. Template yang di hasilkan Artister dapat kamu gunakan di Blogspot, Wordpress dll.


Di Artister, kamu akan diberikan beberapa pilhan poject yang mana project tersebut yang dapat kamu edit sesuai dengan yang kamu inginkan. Keseluruhan bagian template mulai dari header, sedibar, footer dan layout dapat kamu sesuaikan dengan yang kamu inginkan, disna sudah terdapat beberapa pilhan header, sedibar, footer dan juga page, dengan kata lain, kamu tidak harus mahir Photoshop dan alhli kode-kode HTML untuk menemukan bentuk dan warna yang pas untuk template buat kamu sendiri itu, blogger newbie seperti sayapun bisa membuatnya.
Untuk menampilkan gambar dibagian template yang kamu buat, biasanya gambar tersebut harus kamu upload terlenih dahulu, dengan kata lain, kamu hanya butuh url gambar tersebut di antara kode-kode html, di Artister, gambar yang kamu gunakan akan dengan sendirinya terupload. Jadi kamu bisa meletakkan gambar apapun untuk menambah variasi dari template yang kamu buat langsung melalui drive computer kamu.
Semua proses pembuatan template, dapat kamu lakukan tanpa koneksi internet, hanya saja saat kita ingin publish template tersebut ke blog kamu, disitulah koneksi internet dibutuhkan.
Proses pergantian template, dari template blog yang lama ke template baru asli buatan kamu, kamu dapat melakukannnya langsung di Artister dengan mengklik tombol Export, setelah proses selesai, maka secara otomatis template blog kamu berubah.

Membuat Halaman Daftar Isi Blog Berdasarkan Kategori Membuat Halaman Daftar Isi Blog Berdasarkan Kategori

Membuat Halaman Daftar Isi Blog Berdasarkan Kategori. Daftar isi atau Sitemap memang bisa dikatakan suatu laman wajib yang memang harus ada pada blog kita, mengingat manfaatnya yang banyak bagi para pengunjung blog kita. dengan Daftar Isi para pengunjung dapat melihat postingan kita secara keseluruhan yang ditampilkan berdasarkan kategori. Berikut tampilannya.

Untuk membuat Daftar Isi seperti gambar diatas sangatlah mudah, yang anda butuhkan hanyalah Script dari Daftar Isi yang mana kode ini yang akan membentuk suatu tampilan seperti gambar diatas. Jika anda berminat, langsung saja anda simak langkah-langkahnya dibawah ini:

1. Buat Entri Baru (buat posting baru)
2. Pastekan Kode berikut di "HTML"

<style type="text/css">
#tabbed-toc {
  margin:0 auto;
  background-color:#8A94F0;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
  box-shadow:0 1px 3px rgba(0,0,0,.4);
  overflow:hidden;
  position:relative;
  color:#000;
}
#tabbed-toc .loading {
  display:block;
  padding:5px 10px;
  font:normal bold 12px Tahoma,Sans-Serif;
  color:white;
}
#tabbed-toc ul,
#tabbed-toc ol,
#tabbed-toc li {
  margin:0 0;
  padding:0 0;
  list-style:none;
}
#tabbed-toc .toc-tabs {
  width:20%;
  float:left;
}
#tabbed-toc .toc-tabs li a {
  display:block;
  font:normal bold 10px/28px Tahoma,Sans-Serif;
  height:28px;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#000;
  text-transform:uppercase;
  text-decoration:none;
  padding:0 12px;
  cursor:pointer;
}
#tabbed-toc .toc-tabs li a:hover {
  background-color:#C4C9F8;
  color:black;
}
#tabbed-toc .toc-tabs li a.active-tab {
  background-color:#181D67;
  color:white;
  -webkit-box-shadow:-2px 2px 2px rgba(0,0,0,.5);
  -moz-box-shadow:-2px 2px 2px rgba(0,0,0,.5);
  box-shadow:-2px 2px 2px rgba(0,0,0,.5);
  position:relative;
  z-index:5;
  margin:0 -1px 0 0;
  /* cursor:text; */
}
#tabbed-toc .toc-content,
#tabbed-toc .divider-layer {
  width:80%;
  float:right;
  background-color:white;
  border-left:5px solid #181D67;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#tabbed-toc .divider-layer {
  float:none;
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  -webkit-box-shadow:0 0 7px rgba(0,0,0,.7);
  -moz-box-shadow:0 0 7px rgba(0,0,0,.7);
  box-shadow:0 0 7px rgba(0,0,0,.7);
}
#tabbed-toc .panel {
  position:relative;
  z-index:5;
  font:normal normal 10px Tahoma,Sans-Serif;
}
#tabbed-toc .panel li a {
  display:block;
  position:relative;
  font-weight:bold;
  font-size:11px;
  color:#051466;
  line-height:20px;
  height:20px;
  padding:0 12px;
  text-decoration:none;
  outline:none;
  overflow:hidden;
}
#tabbed-toc .panel li time {
  display:block;
  font-style:italic;
  font-weight:normal;
  font-size:10px;
  color:#666;
  float:right;
}
#tabbed-toc .panel li .summary {
  display:block;
  padding:10px 12px 10px;
  font-style:italic;
  border-bottom:4px solid #275827;
  overflow:hidden;
}
#tabbed-toc .panel li .summary img.thumbnail {
  float:left;
  display:block;
  margin:0 8px 0 0;
  padding:4px 4px;
  width:72px;
  height:72px;
  border:1px solid #dcdcdc;
  background-color:#fafafa;
}
#tabbed-toc .panel li:nth-child(even) {
  background-color:#eee;
}
#tabbed-toc .panel li a:hover,
#tabbed-toc .panel li a:focus,
#tabbed-toc .panel li a:hover time,
#tabbed-toc .panel li.bold a {
  background-color:#999;
  color:none;
  outline:none;
}
#tabbed-toc .panel li.bold a:hover,
#tabbed-toc .panel li.bold a:hover time {
  background-color:#222;
}
@media (max-width:700px) {
  #tabbed-toc {
    border:2px solid #333;
  }
  #tabbed-toc .toc-tabs,
  #tabbed-toc .toc-content {
    overflow:hidden;
    width:auto;
    float:none;
    display:block;
  }
  #tabbed-toc .toc-tabs li {
    display:inline;
    float:left;
  }
  #tabbed-toc .toc-tabs li a,
  #tabbed-toc .toc-tabs li a.active-tab {
    background-color:#224C19;
    -webkit-box-shadow:2px 0 7px rgba(0,0,0,.4);
    -moz-box-shadow:2px 0 7px rgba(0,0,0,.4);
    box-shadow:2px 0 7px rgba(0,0,0,.4);
  }
  #tabbed-toc .toc-tabs li a.active-tab {
    background-color:white;
    color:#333;
  }
  #tabbed-toc .toc-content {
    border:none;
  }
  #tabbed-toc .divider-layer,
  #tabbed-toc .panel li time {
    display:none;
  }
}
</style>

<div id="tabbed-toc">
<span class="loading">Loading...</span></div>
<a href="
http://faridelly.blogspot.com/2013/10/membuat-halaman-daftar-isi-blog.html" style="display: block; font: normal bold 8px Tahoma,Sans-Serif; margin: 9px; text-align: right; text-decoration: none;" title="ARSIP">arsip</a>
<script type="text/javascript">
var tabbedTOC = {
    blogUrl: "http://faridelly.blogspot.com",
    containerId: "tabbed-toc",
    activeTab: 1,
    showDates: false,
    showSummaries: false,
    numChars: 200,
    showThumbnails: false,
    monthNames: [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    newTabLink: true,
    maxResults: 99999,
    preload: 0 // Load the feed after 0 seconds (option => time in milliseconds || "onload")
};
</script>
<script src="http://reader-download.googlecode.com/svn/trunk/tabbed-toc.js" type="text/javascript"></script>

3. Jika sudah anda pastekan, Klik "Publikasikan"
4. Selesai .........

Cara Modifikasi Widget About Me Cara Modifikasi Widget About Me

Cara Modifikasi Widget Aboute Me. Anda sudah pasti tahu apa fungsi dari Widget yang satu ini, Widget ini yang menggambarkan secara singkat tentang profil admin suatu blog, hampir di setiap blog menggunakan widget ini sebagai suatu sarana untuk mengenalkan diri para blogger ke semua pengunjung, dan sebagian besar para blogger menggunakan Widget Aboute Me bawaan Blogger yang otomatis hampir semua tampilan Widget ini memiliki kesamaan.

Disini saya akan memberikan wajah baru dari Widget About Me yang merupakan hasil modifikasi para blogger negeri ini. Lihat gambar di atas, atau lebih jelasnya lihat di blog ini. Untuk merubah widget ini anda copy kode di bawah ini.

<style>
#aboutme {
  background-color:#fff;
  -moz-box-shadow:0 0 3px #e0e0e0;
  -webkit-box-shadow:0 0 3px #e0e0e0;
  box-shadow:0 0 3px #e0e0e0;
  border:1px solid #666;
  padding:3px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  margin:0 auto;
  margin-top:15px;
  padding:10px;
  width:210px;
  height:auto;
}
.name-author {
  margin:0 0 7px;
  display:block;
  width:100%;
}
.name-author h3 {
  position:relative;
  display:inline;
  background-color:#0097BD;
  color:#FFF;
  font-family:Segoe UI;
  font-size:15px;
  font-weight:bold;
  margin:0 0 0 -3px;
  padding:3px 5px 3px 10px;
  width:100%;
  -moz-text-shadow:0 1px 0 black;
  -webkit-text-shadow:0 1px 0 black;
  text-shadow:0 1px 0 black;
}
.name-author h3:after {
  content:" ";
  width:0;
  height:0;
  position:absolute;
  left:100%;
  top:0;
  border-width:13px;
  border-style:solid;
  border-color:transparent transparent transparent #0097BD;
}
@-webkit-keyframes name-author {
  0% {color:white}
  20% {color:Orange}
  40% {color:pink}
  60% {color:Orchid}
  80% {color:gold}
  100% {color:white}
}
@-moz-keyframes name-author {
  0% {color:white}
  20% {color:Orange}
  40% {color:pink}
  60% {color:Orchid}
  80% {color:gold}
  100% {color:white}
}
@-keyframes name-author {
  0% {color:white}
 20% {color:Orange}
 40% {color:pink}
 60% {color:Orchid}
 80% {color:gold}
 100% {color:white}
}
/* Penerapan efek pada element yang akan diberi efek*/
.name-author h3 {
/* Waktu 10 detik */
  animation:10s infinite name-author linear;
  -webkit-animation:10s infinite name-author linear;
}
.aboutme-text {
  font-size:12px;
  text-align:left;
  margin:0;
}
.aboutme-image-container {
  float:left;
  width:70px;
  height:70px;
  margin-right:75px;
        z-index:1;
}
.aboutme-image-container {
  margin:-20px 0 5px 0;
  padding:9px;
  position:relative;
  -webkit-border-bottom-right-radius:10px;
  -webkit-border-bottom-left-radius:100%;
  -moz-border-radius-bottomright:100%;
  -moz-border-radius-bottomleft:100%;
  border-bottom-right-radius:100%;
  border-bottom-left-radius:100%;
  -webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
  -moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
  box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
  background-color:#59B52E;
}
.aboutme-image-container:before {
  content:' ';
  position:absolute;
  top:0;
  left:-10px;
  width:0;
  height:0;
  border-style:solid;
  border-width:0 0 10px 10px;
  border-color:transparent transparent #333 transparent;
}
.aboutme-image-container:after {
  content:' ';
  position:absolute;
  top:0;
  right:-10px;
  width:0;
  height:0;
  border-style:solid;
  border-width:10px 0 0 10px;
  border-color:transparent transparent transparent #333;
}
.aboutme-image-container img {
  width:100%;
  height:100%;
  border:2px solid yellow;
  border-radius:100%;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
  -moz-box-shadow:1px 1px 4px #000;
  -webkit-box-shadow:1px 1px 4px #000;
  box-shadow:1px 1px 4px #000;
}
.aboutme-image-container img:hover {
  border:2px solid GOld;
  cursor:pointer;
  margin-left:0;
  -moz-transform:scale(1.2) rotate(360deg);
  -webkit-transform:scale(1.2) rotate(360deg);
  -o-transform:scale(1.2) rotate(360deg);
  -ms-transform:scale(1) rotate(-360deg);
  transform:scale(1.2) rotate(360deg);
  -moz-box-shadow:1px 1px 4px #000;
  -webkit-box-shadow:1px 1px 4px #000;
  box-shadow:1px 1px 4px #000;
}
</style><div id='aboutme'>
<div class='aboutme-image-container'>
<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash3/c107.31.391.391/s160x160/1013266_1409689289243957_1398716582_n.jpg" />
</div>
<div class='name-author'>
<h3>Farid</h3></div>
<div class='aboutme-text'>Terlahir dan besar di Desa Gadingsari Kecamatan Binakal di Kabupaten Bondowoso, buka seorang pakar SEO, melaikan hanya seorang blogger biasa yang ingin selalu berbagi tentang segala hal yang bermanfaat <a href="https://plus.google.com/15678892627746464" style="color: #666;">...Lihat Profil Lengkapku</a>
</div></div>

Pastekan kode di atas di "HTML JavaScript"

Ket:

Tulisan warna hijau : untuk mengatur ukuran Widget Aboute Me
Tulisan warna biru : ganti dengan Url gambar yang anda inginkan
Tulisan berwarna merah : ganti dengan Nama anda, diskripsi singkat tentang anda dan ID  Google+ anda

Cara Ping Blog di Bing Search Engine Cara Ping Blog di Bing Search Engine

Cara Ping Blog di Bing Search Engine. Bing merupakan pesaing ketat Google memang mesin pencarian yang satu ini tidak banyak diminati tak seperti Google, namun catatan statistik mengungkap, Bing pelan tapi pasti kini Bing mulai diminati para pengguna internet.

Jika blog anda sudah memiliki banyak pengunjung melalui Search Engine Google, tidak ada salahnya jika kita mencoba mencari pengunjung melalui Search Engine Bing. Pada kenyataannya blog yang sudah terindeks oleh google belum tentu blog tersebut di indeks oleh Bing, perlu sedikit usaha agar blog kita juga nampang di Serch Engine Bing. Salah satu caranya yaitu melakukan Ping di Search Engine Bing. Namun sebelum melakukan itu daftarkan terlebih dahulu blog anda di Bing Webmaster Tool, dan saya angap anda telah melakukan langkah tersebut, dan untuk melakukan Ping di bing berikut caranya.

• Copy URL dibawah ini dan anda pastekan di Addres Bar Google Crome atau Mozilla anda
• http://www.bing.com/webmaster/ping.aspx?siteMap=http://faridelly.blogspot.com/atom.xml
• Ganti tulisan yang berwarna merah dengan URL blog anda
• Tekan Enter dan selesai.

Membuat Kotak Berlangganan Artikel Ala Johny Simple Blog Membuat Kotak Berlangganan Artikel Ala Johny Simple Blog

Kota Berlangganan dengan kata lain Subscribe ada sebagian orang mengatakan kalau widget ini memang harus ada pada blog kita, fungsi dari widget ini menurut sepengetahuan saya yaitu memudahkan pengunjung blog kita untuk berlangganan artikel - artikel terbaru kita melalui email, yang mana update artikel kita akan secara otomatis dikirimkan ke email tersebut. Anda tertarik? berikut ini penampilannya.

Berikut cara pasang Widget Kotak Berlangganan.

1. Login ke blog anda lalu Add Gadged pilih HTML Java Script

2. Copy dan paste kode dibawah ini

<center><div class="social" style="padding: 0pt 0pt 0pt 5px;">
<table><tbody><tr><td>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=maskolis' target='_blank'><img alt='newsletters' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFxy5TQBnDvG83MDRDg7snsQjNm4MTVcyzJbafrdJaLTyZZFcI7bn8Xu-UxA31ogyDf2Gng2oEHYO9XChIBfHC4GEVxTkMKSgkaxDKPHw771qwGD5KZlGdT_SR13M2QyUOvhW_YHYJGcY/s1600/mail.png" border="0" title='newsletters'/></a> </td>
<td> <a href='http://feeds.feedburner.com/maskolis' target='_blank'><img alt='rss' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmTnkl-THRHVQWrEyKYNoHM0JHivCvA5uISBP7XNnefUjT2v_mfGAhm75ZvGKUp3gcBqFJxsdX4Q889yqcUFT05K0cXMn4fbNEl-pcYp5hPitYNRC5IMTMTezLWqtY6araSL6SLyIzHQY/s1600/rss.png" border="0" title='rss'/></a> </td>
<td> <a href='http://twitter.com/maskolis' target='_blank'><img alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiFcKnuwllhkznO1xyxlZ8PcmAgs7d5glqOpCtCuqp2Y_yAap9dGJgwJqND-aDhNYMuoeWUzo0YQYr-eA-L2pxFVnMC7uvsBS0jm8sotJMkSa6Gyunlq0XyJ4rqzLUjsA8ES4pFV6ri_8/s1600/twitter.png"  border="0" title='twitter'/></a> </td>
<td> <a href='http://www.facebook.com/maskolis' target='_blank'><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeuvjIpkU92cG4eq3hZIn4hsiA5F55-kksY9w_ZNWq43bu_1NzAR0m19Z_KtiebkMZyCzAt1BJ_LGaqA_G1p4-IjzAsb90pWr9mBjQO9rWWpFQP_1UR23jDQb24VvzjxSGs-TB7mhHOwQ/s1600/facebook.png"  border="0" title='facebook'/></a> </td>
<td> <a href='http://www.youtube.com/maskoli' target='_blank'><img alt=' youtube' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuprYTJkN7XCni2y5mrBnh9cEQxET3MWiMlInj4FYS1PTBScEJsyfVUaY2fSgN0MfMdCUI3F6fmPFB6k1jdzVZ_1iiuLwLPx1CVgsCCt_xOKDbcPtYFKl3hvVCu91RsKmkJ0SqYdAFjEE/s1600/youtube.png"  border="0" title='youtube'/></a>
</td></tr></tbody></table> </div></center>
<center>
<div class='sub-box'>
<div style="text-align: left; display: inline-block;">
<h8 style="display:block;font-family:'calibri';font-size:15px;font-weight:bold;">Subscribe via RSS Feed</h8>
<small><i>If you enjoyed this article just <a href='http://feeds.feedburner.com/maskolis' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</i></small>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=maskolis', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="maskolis" name="uri"/>
<input type="hidden" name="loc" value="fr_FR" />
<input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" class="emailtext" />
<input type="submit" class="sub-button" value="Enter" title='' alt='' />
</form></div></div></center>

Rubah tulisan "Maskolis" yang di cetak tebal sesuai dengan alamat Feedburner dan akun jejaring sosial anda. Semoga membantu.

Posting Blog Lebih Mudah Dengan Windows Live Writer Posting Blog Lebih Mudah Dengan Windows Live Writer

Hari ini merupakan posting saya yang pertama di bulan puasa ini, sebelumnya saya ingin mengucapkan selamat menunaikan ibadah puasa buat agan-agan yang menjalaninya.  Baiklah kita kembali pada pokok bahasan kita, yaitu bagaimana caranya posting blog menggunakan Windows Live Writer. Jika agan masih belum punya silahkan agan Download dulu Windows Live Essentials disitus resminya. Setelah anda Download, silahkan ikuti langkah-langkahnya sebagai berikut:

Perhatikan gambar di atas, anda Klik pada pilihan yang paling bawah sendiri (klik other blog service) kemudian anda klik Next. Setelah anda klik Next maka akan muncul seperti gambar dibawah ini.

Selanjutnya anda masukkan url blog anda, isikan Username dengan Username atau email Account blog anda, isikan password dengan password blog anda. Klik Next dan tunggu proses selanjutnya. Untuk pengguna Wordpress anda harus masuk ke Setting > Writing dan turun kebawah beri tanda centang XML-RPC. Demikian dulu sob..Semoga berhasil.!

SEO: Tips Memilih Keyword SEO: Tips Memilih Keyword

SEO: Tips Memilih Keyword - Keberhasilan SEO sangat dipengaruhi oleh Kayword yang dipilih. Percuma anda meng-optimize Blog atau Website anda sedemikian rupa tetapi salah Keywordnya. Pada kesempatan kali ini, saya akan membahas tuntas tentang apa itu Keyword dan cara memilih Keyword yang tepat.

Apa Keywor itu? Keyword adalah sebuah 'Terms' (bisa satu kata atau lebih) yang apabila diketik di Google, Blog atau Website anda muncul. Sebagai contoh: apabila saya mengoptimize Blog ini dengan Keyword "Tutorials Blogging" maka apabila orang mengetik "Tutorials Blogging" di Google maka Blog saya yang muncul di hasil pencarian Google.

Ketika Blog kita muncul di halaman pencarian, yang pasti peringkatnya bermacam-macam di Google, hal itu yang kita kenal dengan sebutan SERP (search engine result position). Tujuan kita melaukan SEO ialah meraih SERP yang tinggi agar semua artikel yang kita buat selalu berada di halaman pertama pencarian Google. Untuk melakukan hal itu, anda selaku pemilik blog harus memilih Keyword yang sesuai, jangan sampai memilih Keyword "Tutorials Blogging" sementara isi dari blog anda tentang "Download Software and Game". Keyword tersebut kurang tepat, Keyword yang tepat akan semakin mengoptimasi Blog anda dan memiliki SERP yang tinggi. Berikut Tips memilih keyword yang tepat untuk anda:

1. Keyword anda harus umum: Jangan menggunakan Keyword yang sekiranya jarang orang ketahui, misalnya: Tips menjadi blogger masuk surga, dll.
2. Harus sesuai denga Blog anda. Jika Blog anda berisi tentang "Tutorials Blogging" pasang Keyword yang berhubungan dengan "Tutorial Blogging".
3. Keyword anda harus spesifik. Jika anda membuat Blog yang berisi tentang "Tutorial Blogging" maka incaran Keyword seperti: Cara cepat membuat blog, dll.

Sampai disini dulu penjelasan saya tentang Tips Memilih Keyword. Semoga bermanfaat untuk kita semua.

Tips SEO Terbaru Google 2013 Tips SEO Terbaru Google 2013

Tips SEO Terbaru Google 2013 - Kalau tidak salah baru kali ini saya memposting artikel tentang SEO saya sendiri masih kurang paham tentang SEO yang memusingkan kepala, karena saya rasa tips ini bermanfaat jadi saya berniat untuk berbagi-bagi tips ini untuk anda semua. Silahkan disimak.

1. Konten adalah raja : Istilah ini memang tidak terbantahkan lagi. Munculnya algoritma Google Panda yang membagikan penalti bagi website/blog yang memiliki kualitas konten yang rendah. Jadi disni anda diminta untuk menjaga kualitas konten di website/blog anda. Konten yang berkualitas menurut aturan Google pada dasarnya adalah konten yang enak dibaca dan mudah dipahami oleh pembaca. Konten anda Harus asli, unik dan fresh dan hindari aktivitas Copy Paste konten, karena hal itu sangat dibenci Google.
2. Update Posting Secara Teratur : Anda harus membuat jadwal untuk mengupdate blog anda, misalnya: setiap hari minggu pukul 10 pagi, maka lakukanlah upadate posting blog anda di hari dan jam itu. Tujuannya adalah agar Google gampang mengingat kapan Google bisa mengunjungi website/blog anda.
3. Layanan Ping : Gunakan Ping setiap anda selesai mempublikasikan artikel, namun jangan menggunakan layanan Ping lebih dari satu karena Google akan menganggap Spamming. Untuk Ping anda dapat menggunakan layanan ping milik Google yaitu GooglePing untuk cara menggunakan ping di GooglePing silahkan anda baca Disini
4. Keyword : Gunakan keyword (kata kunci) secara efektif. baik dari segi jumlah maupun posisi, jangan berlebihan dalam menyisipkan kata kunci pada konten. Batas maksimal yaitu sekira 3% artinya pada 100 kata-kata dihalaman anda, anda hanya dibolehkan mengulang kata kunci sebanyak 3 kali. Anda dapat mengunjungi alamant ini http://adwords.google.com/select/KeywordToolExternal untuk mendapatkan keyword yang tepat sasaran.
5. Nama Domai Yang Sesuai : pilih nama domai yang sesuai denga keyword yang anda targetkan, misalkan anda menargetkan keyword SEO maka anda bisa memilih nama domian seperti tips-seo.com atau trikseo.com.
6. Long Tail Keyword : saat ini adalah eranya, Long Tail Keyword adalah dimana pencarian menggunakan kata kunci yang panjang atau spesifik. Contoh untuk keywod Software maka Long Tail Keywordnya adalah. Software Gratis untuk Windows.
7. Hindari Code Bloat : Yaitu ketika JavaScript dan CSS ditulis jadi satu dengan file HTML anda. Hal ini bisa menyusahkan mesin pencari mengkonversi kode HTML anda ke dalam bentuk konten, Maka tulislah Java Script dan CSS anda pada file yang terpisah dalam halaman utama anda.
8. Tautan Link : Jika tadi kita telah mengmbicarakan Panda, kali ini giliran Pinguin, pada algoritma panda anda di tuntut memiliki kualitas tautan (link). Pinguin akan akan memberikan penalti bagi website/blog yang memiliki kualitas link yang rendah. tautan link yang berkualitas adalah link yang tumbuh secara alami, dimana dia mempunyai relevansi dengan isi konten, bukan sekedar dipasang untuk kepentingan SEO. Usahakan anda untuk mencantumkan internal link, yaitu link yang menghubungkan pembaca dari satu halaman ke halaman lain di website/blog anda.
9. Backlink yang berkualitas : Untuk mendapatkan Backlink yang berkualitas ada dapat melakukan Blokwalking, membuat blog-blog dummy, menjadi penulis tamu di blog lain.
10. Submit Blog : Masih berkaitan dengan tip yang nomor 9. Submit blog anda ke layanan derektori, sosial media seperti Facebook, Twitter dan Google +.

Semoga apa yang saya bagikan juga dapat anda rasakan manfaatnya. Heppy Blogging..

Membuat Tombol Share Melayang di Blog Membuat Tombol Share Melayang di Blog

Membuat Tombol Share Melayang di Blog - Dimana-mana sitiap blog memiliki tombol share sebagai sarana untuk membagikan artikel blog tersebut ke jejaring sosial seperti Facebook, Twitter dll. Membagikan artikel ke jejaring sosial menurut saya perlu untuk dilakaukan sebgai sarana promosi untuk meningkatkan Visitor blog kita. Pada kesempatan kali ini saya akan memberikan Tips cara membuat Tombol Share di blog anda. cara ini cukup simple namun hasilnya saya jamin memuaskan anda. Tengok saja tampilan tombol sharenya dibawah ini.

DEMO

Masih merasa kurang jelas dan kurang puas, silahkan klik DEMO untuk melihat demonya.

Untuk membuat tombol share seperti gambar di atas, begini caranya:

1. Pada Dashboar pilih Tata Letak
2. Tambag Gadged dan pilih HTML Java Scriot
3. Copy dan letakkan kode dibawah ini.

<script charset="UTF-8" src="http://s.web.informer.com/favorites-button.js?glass," type="text/javascript">

</script>

Terakhir Klik Simpan dan lihat hasilnya.

Tips Mencari Kode HTML di Menu Edit HTML Baru Tips Mencari Kode HTML di Menu Edit HTML Baru

Tips Mencari Kode HTML di Menu Edit HTML Baru - Pada posting sebelumnya saya sudah Mengenalkan Menu Edit HTML yang Baru kepada anda, saat ini saya akan membahas bagaimana Cara Mencari Kode HTML di Menu HTML Baru. Untuk memnemukan Kode HML di Menu Edit HTML yang baru sangat berbeda pada Menu Edit HTML yang sebelumnya, pasalnya Menu Edit HTML yang baru sidah memliki Search/Kotak Pencarian sendiri. Jika anda menggunakan Kotak Pencarian lama maka bisa dipastikan kode yang ada cari tidak akan anda temuka. Jadi bagaimana caranya? simak berikut:

Pada gambar di atas menunjukkan kotak pencarian Menu Edit HTML yang baru berada di pojok kanan atas. namun kotak pencarian tersebut tidak secara default muncul, untuk memunculkannya yaitu dengan menggunakan Ctrl+F, namun sebelum anda menekan tombol Ctrl+F pidahkan dulu cursos anda ke dalam kode-kode HTML yang tertera dengan cara mengklik halaman kode-kode HTML lalu anda gunakan Ctrl+F maka akan muncul kotak pencarian di pojok kanan atas. Jika cursor anda tidak dipindahkan, yang akan muncul nantinya ialah kotak pencarian yang lama, dan kotak pencarian lama tersebut tidak berfungsi di Menu Edit HTML yang baru.

Selanjutnya untuk mencari kode HTML yang ingin anda cari, seperti gambar diatas, masukkan kode HTML yang ingin anda cari, lalu anda tekan Enter. Maka kode HTML akan muncul di halam Kode-kode HTML seperti gambar di atas.

Sebenarnya cukup mudah untuk anda lakukan, berhubung Menu Edit HTML Berpenampilan Baru, jadi tidak menutup kemungkinan masih ada yang bingung untuk melakukannya. Semoga membantu.....

Mengenal Tampilan Baru Menu Edit HTML Pada Template Blogger Mengenal Tampilan Baru Menu Edit HTML Pada Template Blogger

Mengenal Tampilan Baru Menu Edit HTML Pada Template Blogger - Anda pasti tahu tentang Tampilan Baru Menu Edit HTML sebagian blogger mengatakan tampilan baru menu edit HTML membingungkan tidak terkecuali saya sendiri, memang kita butuh waktu untuk beradaptasi dengan tampilan baru menu edit HTML Blogger. Banyak perubahan yang menjadikan pembeda dengan tampilan menu edit HML  yang lama, perbedaan yang cukup besar yaitu pada saat kita mencari kode di menu HTML yang baru sangat berbeda dengan menu edit HTML yang lama, hal ini yang membuat saya kebingungan saat pertama kali mencoba mencari kode di menu edit HTML yang baru. Bagaimana dengan anda? Biar anda tidak merasa bingung berikut ulasan tentang tampilan baru menu edit HTML.

1. Kembali: Mengarahkan anda di halam untama Template
2. Simpan Template: Jika anda tidak sedang mengedit Template maka Tombol Simpan Template tidak akan berfungsi.
3. Lompat ke Widget: ini merupakan menu baru yang di khususkan untuk kolm Widget yang menampilkan menu-menu Widget yang ada pada template. Lompat ke Widget menampilkan Widget-widget dalam bentuk Dropdown. Tombol ini merupakan jalan pintas yang akan memudahkan anda untuk mengedit kolm widget blog anda.
4. Edit Template: Tombol ini tidak berfungsi pada saat anda berada di tampilan editing, tombol ini berfungsi saat anda melakukan pratinjau, dan untuk kembali ke tampilan editing anda gunakan tombol Edit Template.
5. Pratinjau Template: Tombol ini masih memiliki fungsi yang sama seperti pada tampilan yang sebelunya, gunakan tombol ini untuk melihat hasil editing anda sebelum melakukan penyimpanan hasil editing, namun ada yang berbeda, jika pada tampilan lama anda melakukan Pratinjau Template yang hasilnya akan terbuka di Tab baru, pada tampilan menu edit HTML yang baru tampilan Pratinjau Template muncul di menu edit HTML itu sendiri.
6. Kembalikan Perubahan: Tombol ini berfungsi untuk mengembalikan semua perubahan yang anda lakukan, meskipun anda telah menyimpan template, tombol ini akan mengembalikan semua perubahan yang telah anda lakukan.
7. Kembalika Template Widget ke Default: Jangan coba-coba anda mengklik tombol ini karena tombol ini memiliki fungsi untuk mengembalikan tampilan blog anda pada tampilan semula dan menghilangkan beberapa fungsi yang ada pada template anda. Lakukan ini jika anda merasa sangat terpaksa dan harus melakukannya.
8. Format Template: Tombol ini merupakan tombol baru dengan fungsi baru, saat saya melakukan dan mengklik tombol ini, saya langsung di arahkan ke sebuah kode di dalam template saya, dan sampai saat ini saya masih belum mengetahu fungsi sebenarnya.
9. Search/Kota Pencarian: Kota pencarian mencul di pojok kanan atas, namun untuk memunculkannya cursor PC/Laptop anda harus berada didalam menu edit HTML. Ada yang berbeda saat anda melakukan pencarian kode di tampilan baru ini. Untuk mencari kode HTML, anda masukkan kode pada Search/Kotak pencarian dan tekan enter untuk menemukan kode yang anda cari.

Demikian perkenal saya kepada anda tentang Tampilan Baru Menu Edit HTML semoga menambah pencerah bagi kita semua.

Cara Mudah Menambahkan Fungsi Scroll Pada Archive Blog Cara Mudah Menambahkan Fungsi Scroll Pada Archive Blog

Cara Mudah Menambahkan Fungsi Scroll Pada Archive Blog. Kita tahu setiap posting artikel kita akan selalu dimuat di Blog Archive, semakin banyak artikel yang kitabuat makan akan semakin memanjang pulan Widget Archive Blog kita, jika sudah demikian maka sangat memakan tempat pada sedibar blog kita. Bagai mana caranya agar Blog Archive tidak memanjang dan memakan tempat di sedibar blog kita? Banyak cara untuk menjawab pertanyaan tersebut yang salah satunya adalah dengan menambahkan fungsi scroll pada Blog Archive. Mari kita simak pembahasannya.

1. Login ke akun blog anda
2. Pada Dasboard anda pilih Template
3. Kemudian Edit Template
4. Anda cari kode ]]></b:skin> . Jika anda menggunakan Ctrl+F untuk mencari kode ]]></b:skin> masukkan kode ]]></b:skin> ke kotak pencarian lalu tekan enter.
5. Selanjutnya anda masukkan kode dibawah ini tepat di atas kode]]></b:skin>

 

#BlogArchive1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

Simpan Template.
Catatan: Jika pada template anda kode Blog Archive berkode <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'/>. Maka anda gati pada kode yang tertulis dengan warna merah diatas  #BlogArchive1 menjadi #BlogArchive2