Apa itu Search Engine Optimization (SEO)

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogging, Artikel SEO, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Apa itu Search Engine Optimization (SEO)
link : Apa itu Search Engine Optimization (SEO)

August 2013

Apa itu Search Engine Optimization (SEO)

SEO (Search Engine Optimization) adalah praktek meningkatkan dan mempromosikan situs web untuk meningkatkan jumlah pengunjung situs yang diterima dari mesin pencari. Ada banyak aspek untuk SEO, dari kata-kata pada halaman web anda atau dengan cara link situs lain ke web anda. Terkadang SEO hanyalah masalah untuk memastikan situs anda terstruktur dengan rapi serta dipahami oleh mesin pencari.

Search Engine Optimization bukan hanya tentang "mesin" Ini tentang membuat situs. Panduan ini dirancang untuk menggambarkan semua bidang SEO - mulai dari penemuan istilah dan frase (kata kunci) yang menghasilkan lalu lintas (trafik), membangun link dan mempromosikan situs anda.

Mengapa website saya perlu SEO?

Mayoritas lalu lintas web didorong oleh mesin pencari komersial utama - Google, Bing dan Yahoo!. Meskipun media sosial dan jenis lain dari lalu lintas dapat menghasilkan kunjungan ke website Anda, mesin pencari adalah metode utama navigasi untuk sebagian besar pengguna Internet. Hal ini berlaku apakah situs Anda menyediakan konten, layanan, produk, informasi.

Search engine adalah sebagai alat penyedia lalu lintas bertarget bagi orang yang mencari apa yang Anda tawarkan. Search engine adalah jalan raya yang membuat hal ini terjadi. Jika situs Anda tidak dapat ditemukan oleh search engine atau konten Anda tidak dapat dimasukkan ke dalam database mereka, Anda kehilangan peluang yang luar biasa yang tersedia untuk website yang disediakan melalui pencarian.

Pengalaman menunjukkan bahwa lalu lintas mesin pencari dapat membuat kesuksesan suatu website. Target pengunjung ke sebuah website dapat memberikan publisitas, pendapatan. Investasi dalam SEO, baik melalui waktu atau keuangan, dapat memiliki tingkat pengembalian yang luar biasa dibandingkan dengan jenis lain pemasaran dan promosi.

Mengapa mesin pencari tidak dapat mengetahui situs saya tanpa SEO?

Search engine memang pintar, tetapi masih membutuhkan bantuan. Mesin utama selalu berupaya untuk memperbaiki teknologi-nya untuk menjelajah web lebih mendalam dan memberikan hasil yang lebih baik kepada pengguna. Namun, ada batas untuk bagaimana mesin pencari dapat beroperasi. Sedangkan penggunaan SEO yang tepat dapat menarik perhatian ribuan pengunjung, dan sebaliknya langkah yang salah dapat menyembunyikan atau mengubur situs Anda jauh di dalam hasil pencarian.

Selain membuat konten yang tersedia untuk mesin pencari, SEO juga membantu meningkatkan peringkat sehingga konten yang akan ditempatkan di mana pencari akan lebih mudah menemukannya. Internet menjadi semakin kompetitif, dan perusahaan-perusahaan yang melakukan SEO akan memiliki keuntungan memutuskan dalam pengunjung dan pelanggan.

Dapatkah saya melakukan SEO untuk website sendiri?

Dunia SEO sangat kompleks, tetapi kebanyakan orang dapat dengan mudah memahami dasar-dasar. Bahkan sebagian kecil pengetahuan dapat membuat perbedaan besar. Pada dasarnya pendidikan SEO adalah gratis dan tersedia di web, termasuk panduan seperti ini. Kombinasikan teori dengan sedikit praktek dan dan teruslah berlatih.

Dimulai dari komitmen waktu, kemauan untuk belajar, dan tetap fokus kepada permasalahan. Kalau semua dijalankan dengan sungguh-sungguh mungkin nanti anda akan menjadi seorang ahli seo.

Mengapa website saya perlu SEO?

Mengapa mesin pencari tidak dapat mengetahui situs saya tanpa SEO?

Dapatkah saya melakukan SEO untuk website sendiri?

Dimulai dari komitmen waktu, kemauan untuk belajar, dan tetap fokus kepada permasalahan. Kalau semua dijalankan dengan sungguh-sungguh mungkin nanti anda akan menjadi seorang ahli seo.

Back to Top dengan Efek JQuery

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel CSS, Artikel HTML, Artikel JQuery, Artikel Widget, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Back to Top dengan Efek JQuery
link : Back to Top dengan Efek JQuery

August 2013

Kadang kita sering melupakan tool kecil (back to top) yang dianggap sepele tapi sebenarnya sangat berperan banyak, terutama untuk postingan yang panjang kita tidak usah lagi mengulirkan mouse atau scroll ke bagian atas.

Dengan widget kecil ini semua masalah diatasi dengan mudah, disini saya akan mencoba share widget tersebut dengan sentuhan lembut (smooth scroll) yaitu Back To Top dengan Efek JQuery.

Bagaimana cara memasang di blog, ikutilah cara membuatnya di bawah ini:

1. Silahkan login di Blogger. Pilih Template > Edit HTML > klik Expand Widget Template
   Cari kode ]]></b:skin> (gunakan CTRL+F)
   Copy kode dibawah ini dan Paste tepat diatas kode ]]></b:skin>

2. Kemudian cari kode </body>
Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode </body>

3. Terakhir simpan template sobat dan tombol back to top sudah
bisa dipakai

Catatan :

Jika scrip dibawah ini sudah ada

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

tidak usah dipasang lagi

Dengan widget kecil ini semua masalah diatasi dengan mudah, disini saya akan mencoba share widget tersebut dengan sentuhan lembut (smooth scroll) yaitu Back To Top dengan Efek JQuery.

Bagaimana cara memasang di blog, ikutilah cara membuatnya di bawah ini:

1. Silahkan login di Blogger. Pilih Template > Edit HTML > klik Expand Widget Template
   Cari kode ]]></b:skin> (gunakan CTRL+F)
   Copy kode dibawah ini dan Paste tepat diatas kode ]]></b:skin>

2. Kemudian cari kode </body>
Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode </body>

3. Terakhir simpan template sobat dan tombol back to top sudah
bisa dipakai

Catatan :

Jika scrip dibawah ini sudah ada

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

tidak usah dipasang lagi

3D Flipping Menu Menggunakan Widget

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Navigasi, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : 3D Flipping Menu Menggunakan Widget
link : 3D Flipping Menu Menggunakan Widget

August 2013

Sudah lama AjatShare tidak posting mengenai kode css, sekarang kita coba membuat 3D Flipping Menu Menggunakan Widget dengan memakai kode css.

Ilustrasi dari 3D Flipping Menu, dimana mouse didekatkan maka tulisan pada menu akan berputar dan kembali kesemula. Langsung saja kita praktek :

Seperti biasa bukan account blogger anda
Klik pada Template > Edit HTML > Proceed
Gunakan ctrl F cari kode ]]></b:skin>
dan copy paste kode di bawah ini tepat di atas kode ]]></b:skin>

.block-menu {
  display: block;
  background: #000;
}
.block-menu li {
  display: inline-block;
}
.block-menu li a {
  color: #fff;
  display: block;
  text-decoration: none;
  font-family: 'Passion One',Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-transform: uppercase;
  overflow: visible;
  line-height: 20px;
  font-size: 24px;
  padding: 15px 10px;
}

/* animasi */
.three-d {
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  -webkit-transition: all .07s linear;
  -moz-transition: all .07s linear;
  transition: all .07s linear;
  position: relative;
}
.three-d:not(.active):hover {
  cursor: pointer;
}
.three-d:not(.active):hover .three-d-box,
  .three-d:not(.active):focus .three-d-box {
  -moz-transform: translateZ(-25px) rotateX(90deg);
  -webkit-transform: translateZ(-25px) rotateX(90deg);
  -o-transform: translateZ(-25px) rotateX(90deg);
  transform: translateZ(-25px) rotateX(90deg);
}
.three-d-box {
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
  -webkit-transform: translatez(-25px);
  -moz-transform: translatez(-25px);
  -o-transform: translatez(-25px);
  transform: translatez(-25px);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.front {
  -webkit-transform: rotatex(0deg) translatez(25px);
  -moz-transform: rotatex(0deg) translatez(25px);
  -o-transform: rotatex(0deg) translatez(25px);
  transform: rotatex(0deg) translatez(25px);
}
.back {
  -webkit-transform: rotatex(-90deg) translatez(25px);
  -moz-transform: rotatex(-90deg) translatez(25px);
  -o-transform: rotatex(-90deg) translatez(25px);
  transform: rotatex(-90deg) translatez(25px);
  color: #FFE7C4;
}
.front, .back {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: black;
  padding: 15px 10px;
  color: white;
  pointer-events: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

Save template

Masuk ke Layout > Add a widget (dibagian bawah header)
Pilih HTML/JavaScript dan paste kode di bawah ini

<ul class="block-menu">
  <li><a href="#" class="three-d">Home<span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span>
  </a></li>
  <li><a href="#" class="three-d">About<span class="three-d-box"><span class="front">About</span><span class="back">About</span></span>
  </a></li>
  <li><a href="#" class="three-d">Services<span class="three-d-box"><span class="front">Services</span><span class="back">Services</span></span>
  </a></li>
  <li><a href="#" class="three-d">Blogging<span class="three-d-box"><span class="front">Blogging</span><span class="back">Blogging</span></span>
  </a></li>
  <li><a href="#" class="three-d">Create this<span class="three-d-box"><span class="front">Create this</span><span class="back">Create this</span></span>
  </a></li>
</ul>

Simpan widget tanpa judul dan lihat hasilnya.

Sudah lama AjatShare tidak posting mengenai kode css, sekarang kita coba membuat 3D Flipping Menu Menggunakan Widget dengan memakai kode css.

Ilustrasi dari 3D Flipping Menu, dimana mouse didekatkan maka tulisan pada menu akan berputar dan kembali kesemula. Langsung saja kita praktek :

Seperti biasa bukan account blogger anda
Klik pada Template > Edit HTML > Proceed
Gunakan ctrl F cari kode ]]></b:skin>
dan copy paste kode di bawah ini tepat di atas kode ]]></b:skin>

.block-menu {
  display: block;
  background: #000;
}
.block-menu li {
  display: inline-block;
}
.block-menu li a {
  color: #fff;
  display: block;
  text-decoration: none;
  font-family: 'Passion One',Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-transform: uppercase;
  overflow: visible;
  line-height: 20px;
  font-size: 24px;
  padding: 15px 10px;
}

/* animasi */
.three-d {
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  -webkit-transition: all .07s linear;
  -moz-transition: all .07s linear;
  transition: all .07s linear;
  position: relative;
}
.three-d:not(.active):hover {
  cursor: pointer;
}
.three-d:not(.active):hover .three-d-box,
  .three-d:not(.active):focus .three-d-box {
  -moz-transform: translateZ(-25px) rotateX(90deg);
  -webkit-transform: translateZ(-25px) rotateX(90deg);
  -o-transform: translateZ(-25px) rotateX(90deg);
  transform: translateZ(-25px) rotateX(90deg);
}
.three-d-box {
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
  -webkit-transform: translatez(-25px);
  -moz-transform: translatez(-25px);
  -o-transform: translatez(-25px);
  transform: translatez(-25px);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.front {
  -webkit-transform: rotatex(0deg) translatez(25px);
  -moz-transform: rotatex(0deg) translatez(25px);
  -o-transform: rotatex(0deg) translatez(25px);
  transform: rotatex(0deg) translatez(25px);
}
.back {
  -webkit-transform: rotatex(-90deg) translatez(25px);
  -moz-transform: rotatex(-90deg) translatez(25px);
  -o-transform: rotatex(-90deg) translatez(25px);
  transform: rotatex(-90deg) translatez(25px);
  color: #FFE7C4;
}
.front, .back {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: black;
  padding: 15px 10px;
  color: white;
  pointer-events: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

Save template

Masuk ke Layout > Add a widget (dibagian bawah header)
Pilih HTML/JavaScript dan paste kode di bawah ini

<ul class="block-menu">
  <li><a href="#" class="three-d">Home<span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span>
  </a></li>
  <li><a href="#" class="three-d">About<span class="three-d-box"><span class="front">About</span><span class="back">About</span></span>
  </a></li>
  <li><a href="#" class="three-d">Services<span class="three-d-box"><span class="front">Services</span><span class="back">Services</span></span>
  </a></li>
  <li><a href="#" class="three-d">Blogging<span class="three-d-box"><span class="front">Blogging</span><span class="back">Blogging</span></span>
  </a></li>
  <li><a href="#" class="three-d">Create this<span class="three-d-box"><span class="front">Create this</span><span class="back">Create this</span></span>
  </a></li>
</ul>

Simpan widget tanpa judul dan lihat hasilnya.

Cara Jitu Mempercepat Loading Blog

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogging, Artikel Javascript, Artikel Tips Trik, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Jitu Mempercepat Loading Blog
link : Cara Jitu Mempercepat Loading Blog

August 2013

Mempunyai blog yang ringan dalam artian cepat proses loading-nya adalah impian hampir semua blogger, mereka beramai-ramai mencari tahu bagaimana agar blog mereka menjadi cepat pada saat loading page.

Untuk blogger pemula mungkin bertanya-tanya susahkah membuat blog agar proses loadingnya cepat, jawabannya tidaklah susah membuat blog kita agar ringan atau loadingnya cepat.

Silahkan ikuti terus Cara Jitu Mempercepat Blog :

1. Rubahlah kode Template blog anda ke HTML
2. Validasikan HTML menjadi valid HTML5
3. Bungkus semua kode css

contoh :

   <style type='text/css'>
   .....kode css.....
   </style>

4. Validasikan CSS menjadi CSS3
5. Compress semua kode css dan javasript
6. Sisipkan script lazydog untuk mempercepat proses loading

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://k-blogger.googlecode.com/files/easy-loading.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;http://bit.ly/Qv60g5&quot;,threshold : 200});
});
</script>

Artikel lengkapnya mengenai Cara Jitu Mempercapat Loading Blog, silahkan anda baca :

- Membuat Blog jadi Valid HTML5
- Membuat Blog jadi Valid CSS3
- Compress kode CSS
- Mempercepat Loading Halaman Page

Itulah 6 (enam) Cara Jitu Mempercepat Loading Blog, semoga bermanfaat.

Mempunyai blog yang ringan dalam artian cepat proses loading-nya adalah impian hampir semua blogger, mereka beramai-ramai mencari tahu bagaimana agar blog mereka menjadi cepat pada saat loading page.

Untuk blogger pemula mungkin bertanya-tanya susahkah membuat blog agar proses loadingnya cepat, jawabannya tidaklah susah membuat blog kita agar ringan atau loadingnya cepat.

Silahkan ikuti terus Cara Jitu Mempercepat Blog :

1. Rubahlah kode Template blog anda ke HTML
2. Validasikan HTML menjadi valid HTML5
3. Bungkus semua kode css

contoh :

   <style type='text/css'>
   .....kode css.....
   </style>

4. Validasikan CSS menjadi CSS3
5. Compress semua kode css dan javasript
6. Sisipkan script lazydog untuk mempercepat proses loading

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://k-blogger.googlecode.com/files/easy-loading.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;http://bit.ly/Qv60g5&quot;,threshold : 200});
});
</script>

Artikel lengkapnya mengenai Cara Jitu Mempercapat Loading Blog, silahkan anda baca :

- Membuat Blog jadi Valid HTML5
- Membuat Blog jadi Valid CSS3
- Compress kode CSS
- Mempercepat Loading Halaman Page

Itulah 6 (enam) Cara Jitu Mempercepat Loading Blog, semoga bermanfaat.

Pengertian Optimasi On Page dan Off Page

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogging, Artikel SEO, Artikel Tips Trik, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Pengertian Optimasi On Page dan Off Page
link : Pengertian Optimasi On Page dan Off Page

August 2013

Sebelumnya kita pernah membahas Cara Merampingkan Alexa dengan Cepat, dalam kesempatan kali ini kita akan membahas yang masih ada hubungannya dengan SEO dan Alexa yaitu Pengertian Optimasi On Page dan Off Page.

Kenapa kita harus mengerti dan tahu apa itu optimasi On page dan off page keduanya ibarat koin yang mempunyai dua sisi berbeda tapi keduanya mempunyai peranan yang sangat penting khususnya dimata google dan alexa, kenapa demikian..? Alasan nya sangat mudah karena dengan kita melakukan optimasi on page dan off page maka blog kita akan menjadi lebih seo friendly, nah kalau blog sudah seo friendly dengan sendiri nya blog kita akan banyak dikunjungi orang (trafik meningkat) dan kalau trafik kita meningkat sudah tentu nilai alexa rank kita pun semakin baik (nilai alexa menurun).

Nah itulah garis besar definisi dari Pengertian Optimasi On Page dan Off Page, sekarang kita berlanjut kepada pokok permasalahan di atas yaitu bagaimana melakukan optimasi on page dan off page.

Pengertian Optimasi On Page

Yang dimaksud Optimisasi SEO On Page kurang lebih yaitu optimisasi yang dilakukan dari dalam situs web/blog anda. Ada beberapa hal yang dapat anda lakukan, misalnya seperti :

1. Gunakanlah Template yang SEO Friendly, kalau memungkinkan pilih yang sudah responsive dan valid html5/css3 jika tidak juga gak apa-apa. Dalam memilih template yang harus kita ingat dan menjadi tujuan utama adalah kenyamanan pengunjung, meskipun blog kita sudah seo friendly tapi tampilan dan navigasi buruk sehingga kurang pengunjung buat apa. Jadi menurut hemat saya yang sama-sama sebagai blogger pemula lebih baik pilih dulu template yang kira-kira pengunjung tertarik baru kemudian template tersebut kita bedah agar seo friendly dan bisa ditambah jadi responsive serta valid html5/css3.

Jika anda kebingungan template mana yang harus dipilih saya sediakan untuk anda, bagi yang berminat silahkan baca SUPER SEO VALID HTML5 and FAST.

2. Pasang Meta Tags yang SEO Friendly. Ada banyak jenis meta tag yang sering digunakan. Antara lain meta description. Penggunaan meta description yang tepat dapat menambah kekuatan SEO blog di search engine. Meta description berfungsi memuat informasi yang mendeskripsikan halaman blog anda. Meta description muncul pada snippet deskripsi di hasil pencarian google. Selain meta description, ada pula meta keyword, meta author, dll.

Khusus buat anda saya rekomendasikan pula Cara Memasang Meta Tag SEO Friendly dan Valid HTML5, hanya tinggal pasang aja tanpa harus ada yang dirubah.

3. Pasang keyword pada title/judul blog. Judul adalah tempat yang sangat tepat untuk memasang keyword. Title/judul blog menggambarkan keseluruhan dari isi blog anda. Nah sebagian kunjungan yang terjadi datang dari pembaca yang tertarik akan judul blog yang anda pasang. Oleh karena itu maksimalkan penggunaan keyword yang ditargetkan pada title/judul blog.

4. Letakan judul postingan didepan judul blog. Coba anda lihat tab browser anda di atas. Apakah judul postingan sudah berada didepan (seperti blog ajatshare), kemudian disusul dengan nama blog anda? Begitu pula tampilan dalam query search engine. Biasanya, pada template yang belum di isi hack, nama blog berada didepan judul postingan. Pada hasil pencarian search engine hal ini dapat berakibat kurang baik, karena dapat memotong judul postingan dibagian belakang. Pengunjung pun jadi tidak bisa membaca judul postingan anda secara keseluruhan, terlebih jika judul postingannya panjang.

5. Maksimalkan keyword yang padat didalam postingan blog. Bukan berarti anda lalu memasang keyword sebanyak-banyaknya lho, karena hal tersebut malah dapat dianggap sebagai tindakan spam oleh search engine. Yang perlu anda lakukan adalah dengan mengatur letak posisi keyword serta memilih keyword dan frase yang tepat.

6. Percepat waktu loading blog anda. Jika waktu loading blog anda cepat, bukan hanya pengunjung anda saja yang senang, tapi spider crawl google juga senang. Pengunjung senang karena mereka tidak perlu berlama-lama untuk segera membaca artikel-artikel anda, apalagi bagi yang koneksinya lemot. Sedang google spider juga senang, karena saat crawling waktu yang dibutuhkan untuk mengumpulkan informasi menjadi lebih cepat. Efeknya artikel anda jadi lebih cepat terindex. Hindari penggunaan javascript (biasanya pada widget) dan hindari pemasangan gambar-gambar secara berlebihan agar waktu loading blog anda menjadi lebih cepat.

Untuk memudahkan anda saya persiapkan script lazydog agar lebih cepat proses loading, selengkapnya silahkan baca Mempercepat Loading Halaman Page.

Pengertian Optimasi Off Page

Yang dimaksud Optimisasi SEO Off Page merupakan kebalikan dari Optimisasi On Page, yaitu optimisasi yang dilakukan dari luar situs web/blog anda. Yang perlu anda lakukan yaitu fokus membangun backlink. Memperbanyak inbound link (link dari situs web lain yang mengarah ke situs web anda). Semakin bermutu link yang mengarah ke web site anda, maka semakin baik pula reputasi web site anda dimata search engine. Melakukan link building dapat dilakukan dengan banyak cara, diantaranya dengan membuat reciprocal link baik dengan derektori/social bookmark ataupun bertukar link dengan blog/website lain, mendaftarkan blog dan artikel ke social bookmark/direktori, dan berkomentar di blog/website yang mempunyai page rank tinggi dan nilai alexa kecil, tapi komentarnya yang bermutu dan sesuai dengan konten.

Itulah beberapa hal pokok secara garis besar mengenai Pengertian Optimasi On Page dan Off Page. Semoga dapat bermanfaat.

Nah itulah garis besar definisi dari Pengertian Optimasi On Page dan Off Page, sekarang kita berlanjut kepada pokok permasalahan di atas yaitu bagaimana melakukan optimasi on page dan off page.

Pengertian Optimasi On Page

Yang dimaksud Optimisasi SEO On Page kurang lebih yaitu optimisasi yang dilakukan dari dalam situs web/blog anda. Ada beberapa hal yang dapat anda lakukan, misalnya seperti :

Jika anda kebingungan template mana yang harus dipilih saya sediakan untuk anda, bagi yang berminat silahkan baca SUPER SEO VALID HTML5 and FAST.

Khusus buat anda saya rekomendasikan pula Cara Memasang Meta Tag SEO Friendly dan Valid HTML5, hanya tinggal pasang aja tanpa harus ada yang dirubah.

Untuk memudahkan anda saya persiapkan script lazydog agar lebih cepat proses loading, selengkapnya silahkan baca Mempercepat Loading Halaman Page.

Pengertian Optimasi Off Page

Itulah beberapa hal pokok secara garis besar mengenai Pengertian Optimasi On Page dan Off Page. Semoga dapat bermanfaat.

Begini cara membaca label makanan yang benar...

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Informasi, Artikel Motivasi, Artikel Tips and Triks, Artikel TUTORIAL, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Begini cara membaca label makanan yang benar...
link : Begini cara membaca label makanan yang benar...

August 2013

Membaca label makanan adalah salah satu cara untuk menurunkan berat badan. Namun belum banyak orang yang tahu bagaimana cara membaca label makanan yang benar. Maka dari itu, coba simak tipsnya seperti yang dilansir dari Appetite for Health berikut ini.

Kandungan nutrisiTerkadang bagian depan makanan diberi tulisan 'terbuat dari bahan alami', 'rendah lemak', 'bebas gula', atau 'organik' dan lain-lain. Namun jangan terkecoh. Meskipun tulisan tersebut tercantum dengan jelas pada makanan, bukan berarti makanan itu benar-benar menyehatkan. Kandungan nutrisi yang sebenarnya bisa diketahui dari...

Fakta nutrisiBiasanya fakta nutrisi terletak di bagian belakang kemasan makanan di dalam tabel dengan ukuran tulisan yang kecil. Inilah bagian yang harus benar-benar diperhatikan. Fakta nutrisi ini pun dibagi menjadi beberapa poin.

Porsi penyajian dan penyajian per bungkus. Hal ini penting diperhatikan. Sehingga Anda tahu makanan tersebut harus dikonsumsi berapa kali sampai habis. Jangan sampai menggunakannya terlalu banyak atau terlalu sedikit.
Kalori setiap penyajian. Ketika memerhatikan porsi penyajian dan penyajian per bungkus, Anda akan tahu berapa banyak kalori yang bisa dikonsumsi. Wanita biasanya butuh 1.800-2.000 kalori dan pria 2.200-2.600 kalori per hari.
Gula. Pastikan makanan yang Anda beli mengandung gula yang tidak melebihi 100 kalori per hari, berapapun saran penyajiannya setiap hari. Sayangnya, kebanyakan produk makanan tidak mencantumkan gula secara terang-terangan. Inilah yang harus diwaspadai.

Itulah cara membaca label makanan yang benar. Biasanya selain gula, kadar lemak juga perlu perhatian khusus untuk dibatasi konsumsinya.

Porsi penyajian dan penyajian per bungkus. Hal ini penting diperhatikan. Sehingga Anda tahu makanan tersebut harus dikonsumsi berapa kali sampai habis. Jangan sampai menggunakannya terlalu banyak atau terlalu sedikit.
Kalori setiap penyajian. Ketika memerhatikan porsi penyajian dan penyajian per bungkus, Anda akan tahu berapa banyak kalori yang bisa dikonsumsi. Wanita biasanya butuh 1.800-2.000 kalori dan pria 2.200-2.600 kalori per hari.
Gula. Pastikan makanan yang Anda beli mengandung gula yang tidak melebihi 100 kalori per hari, berapapun saran penyajiannya setiap hari. Sayangnya, kebanyakan produk makanan tidak mencantumkan gula secara terang-terangan. Inilah yang harus diwaspadai.

Itulah cara membaca label makanan yang benar. Biasanya selain gula, kadar lemak juga perlu perhatian khusus untuk dibatasi konsumsinya.

Yang Membuat Pria Terlihat Menarik...

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Love and Sex, Artikel Tips and Triks, Artikel TUTORIAL, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Yang Membuat Pria Terlihat Menarik...
link : Yang Membuat Pria Terlihat Menarik...

August 2013

Mau ganteng tanpa modal gede ?

Gampang. Cukup kenakan saja kaos oblong alias t-shirt. Ini bukan asumsi melainkan terbukti secara ilmiah di mana cowok berkaos oblong tingkat daya tariknya naik 12 persen di mata kaum hawa.

Kesimpulan itu didapat setelah peneliti menganalisa jawaban mahasiswi dalam rentang usia 18-25 tahun. mereka diminta menggambarkan bentuk tubuh pria yang memiliki daya tarik lebih.

Ada seorang model pria yang mengenakan kaos oblong warna putih polos, sementara yang lain mengenakan kaos dalam berbagai ukuran dan bentuk.

Peneliti menemukan fakta

Peneliti menemukan fakta di mana cowok yang pakai kaos oblong warna putih menciptakan ilusi tubuh yang menarik. Kaos membuat bahu lebih lebar dan pinggang yang lebih kecil. pendek kata, kaos oblong membantu tubuh seseorang terlihat seperti huruf ‘V’.

Ilusi tubuh seperti huruf ‘V’ menandakan maskulinitas. Tapi tidak demikian dengan tubuh seperti huruf ‘T’ terbalik yang jauh dari anggapan menarik.

Menurut Psikolog...??

Psikolog dari Nottingham Trent University, Dr Andrew Dunn, menjelaskan komposisi tubuh seperti huruf ‘V’ membuat seseorang memiliki daya tarik lebih ketimbang yang lain. ”Bentuk yang bagus untuk pria normal adalah pinggangnya selebar bahu,” katanya

Mau ganteng tanpa modal gede ?

Gampang. Cukup kenakan saja kaos oblong alias t-shirt. Ini bukan asumsi melainkan terbukti secara ilmiah di mana cowok berkaos oblong tingkat daya tariknya naik 12 persen di mata kaum hawa.

Peneliti menemukan fakta

Menurut Psikolog...??

Mengenal Penyakit Nomophobia ( Pecandu Gadget )

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Informasi, Artikel Tips and Triks, Artikel TUTORIAL, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Mengenal Penyakit Nomophobia ( Pecandu Gadget )
link : Mengenal Penyakit Nomophobia ( Pecandu Gadget )

August 2013

Jika kita memperhatikan sekitar, terutama saat menggunakan transportasi umum, maka akan ditemukan fenomena menarik. Baik kita mengamati di stasiun commuter line, busway, kereta api, terminal antara propinsi, ataupun bandara, akan jamak kita temui orang-orang yang asik dengan gadgetnya masing-masing.

Bermain dengan smartphone dan tablet, seakan-akan lebih mengasyikkan daripada berdiskusi dengan orang lain. Satu hal yang ironis, dalam kumpul keluarga, ternyata setiap anggotanya banyak yang asik dengan gadgetnya, bukan ngobrol dengan keluarga sendiri.

Seakan, gadget sudah menjadi semacam 'fetish' yang menarik seluruh kesadaran mereka. Apakah yang terjadi?

Nomophobia di mana-mana
Nomophobia (no mobile phone phobia) adalah istilah baru, yang berarti ketakutan akan dipisahkannya pengguna dengan gadget kesayangannya. Istilah ini diperkenalkan oleh peneliti dari Inggris.

Adapun, di luar negeri sudah banyak penelitian mengenai nomophobia. Yang paling banyak dikutip adalah penelitian oleh securenvoy, sebuah perusahaan IT di Inggris. Menurut penelitian mereka, dari 1.000 responden yang menjawab polling mereka, sekitar 66 persen memiliki rasa takut kehilangan atau terpisah dari ponsel mereka.

Sementara lebih dari 41 persen memiliki lebih dari satu smartphone. Hal ini memprihatinkan, karena beberapa tahun yang lalu, survey serupa menyatakan bahwa hanya 53 persen responden yang takut kehilangan gadget mereka, sekarang angka itu naik ke 66 persen.

Survei yang tak kalah menarik dilakukan oleh Chicago Tribune, di Amerika Serikat, dimana lebih dari 40 persen responden menyatakan 'lebih baik tidak gosok gigi selama seminggu daripada pergi tanpa smartphone'.

Ada juga survei yang dilakukan oleh 11Mark, yang menyatakan bahwa 75 persen responden menggunakan smartphone di kamar mandi. Namun, tidak hanya Amerika Serikat dan Inggris saja yang terkena gangguan mental ini, namun juga Australia.

Berdasarkan survei yang dilakukan oleh Cisco di Australia, 9 dari 10 orang berusia dibawah 30 tahun mengakui mengalami nomophobia. Survei tersebut dilakukan terhadap 3800 pemakai smartphone.

Bagaimana dengan di Indonesia? Memang sampai sekarang belum ada data yang pasti. Namun, di Asia sendiri, nomophobia telah menjadi ancaman nyata. Berdasarkan sebuah survei yang dilakukan di India, 45% dari responden mengalami nomophobia.

Namun menurut Dr Sanjay Dixit, seorang psikiater yang juga penelilti riset tersebut, nomophobia belum dimasukkan dalam kategori 'phobia' secara resmi oleh buku teks Diagnostic and Statistical Manual of Mental Disorder (DSM) yang diterbitkan oleh American Psychiatric Association.

Meski demikian, menurut Dr Dixit, semakin banyaknya pengguna gadget yang nomophonia dapat saja mencapai skala epidemik.

Efek Nomophobia
Nah, apa saja efek dari nomophobia? Menurut riset-riset tersebut, efek yang terjadi boleh dibilang tidak jauh berbeda dengan social disorder lain yang pernah didokumentasikan. Di antaranya:

Quote:1. Komunikasi antar manusia secara tatap muka jadi makin jarang
2. Generasi muda kini lebih suka berkomunikasi via gadget (email, chatting, Twitter, Facebook), daripada tatap muka langsung.
3. Orang jadi jarang mengamati lingkungan sekitar, karena lebih tenggelam dengan gadgetnya. Akibatnya, rasa peduli pada sekitar berkurang, justru lebih mempedulikan isu-isu di socmed dari gadgetnya.
4. Manusia dapat saja teralineasi oleh mesin. Masih ingat film wall-e dimana robot melayani manusia yang menjadi pemalas? Pada saat itu, manusia akan menjadi apatis dan anti sosial.

Gadget, sebagai 'fetish' baru, telah menjadi semacam 'dewa' baru yang dipuja-puji. Hal ini menarik, karena di masa lalu, ketergantungan terhadap teknologi yang begitu masif seperti sekarang ini sama sekali tidak pernah terjadi.

Sampai 30-20 tahun yang lalu, teknologi tinggi hanya dapat diakses oleh segelintir orang. Namun, sekarang ini, hampir semua orang dapat menggunakan media sosial dari gadget mereka. Mengapa? Sebab dengan smartphone seharga tidak sampai sejuta rupiah, maka fitur media sosial dan chatting sudah dapat digunakan.

Menghindari dan Mengobati Nomophobia

Apa yang harus kita lakukan untuk terhidar dari nomophobia? Salah satu yang dapat dilakukan adalah disiplin dengan gadget. Kita seyogyanya membiasakan waktu tertentu dimana pertemuan keluarga 'disterilkan' sama sekali dari gadget, supaya ada diskusi yang hangat dan bermakna.

Gadget adalah ciptaan manusia, sehingga jangan sampai kita diperbudak olehnya. Kemudian, salah satu aktivitas yang dapat mengurangi nomophobia adalah mengintensifkan kegiatan outdoor, seperti rekreasi alam, dan olahraga secara teratur.

Satu hal yang tak kalah penting, sebagai orang yang beragama, maka mengintensifkan ibadah dan terlibat secara intens pada pertemuan jemaat atau umat dapat mengurangi tendensi anti sosial yang timbul dari nomophobia.

Jika ketergantungan sudah parah dan mengganggu, konsultasi dengan ahlinya, dalam hal ini psikolog dan psikiater, sama sekali bukan opsi yang ditabukan. Mereka dapat memberikan saran dan terapi untuk mengurangi ketergantungan terhadap gadget.

Apakah agan trmasuk dlm Nomophobia??

10 Cara Lebih Efisien Saat Bekerja

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Informasi, Artikel Motivasi, Artikel Tips and Triks, Artikel TUTORIAL, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : 10 Cara Lebih Efisien Saat Bekerja
link : 10 Cara Lebih Efisien Saat Bekerja

August 2013

Tugas-tugas yang begitu banyak dan akhirnya menumpuk, ditambah lagi godaan untuk meng-update media sosial, sering kali membuat yang harusnya tuntas jadi terbengkalai. Padahal, kalau dimaksimalkan waktunya, beberapa tugas yang diberikan atasan bisa selesai tepat waktu. Ada yang salah? Bisa jadi ada pengaturan waktu dan manajemen pekerjaan yang terlewatkan.

Grace Marshall, ahli dunia kerja dan produktivitas, melihat bahwa setiap orang mestinya bisa bekerja lebih efisien. Perkembangan teknologi yang semestinya mendukung pekerjaan, justru menjadi gangguan terbesar. Dia lalu memberikan beberapa gambaran yang bisa jadi masukan buat perubahan.

1. Fokus.
Alokasikan waktu sepenuhnya untuk memberi perhatian lebih pada pekerjaan yang dihadapi. Cobalah lebih fokus dan memberikan energi pada satu pekerjaan.

2. Gangguan adalah musuh terbesar.
Banyak hal yang kerap mengalihkan perhatian. Entah itu chatting di ponsel, isu terbaru di situs berita, atau obrolan sesama teman di ruang kerja. Kurangi distraksi semacam ini, dan sebisa mungkin jangan sampai terpengaruh. Misalnya dengan mematikan ponsel, social media, atau e-mail yang tak penting. Konsentrasilah pada yang dihadapi sehingga tidak mudah terganggu.

3. Multitasking itu hanya mitos.
Jika ada yang bilang setiap orang mestinya bisa mengerjakan banyak hal dalam satu waktu, anggapan ini hanya mitos. Faktanya seseorang akan bisa fokus dan maksimal mengerjakan satu hal secara bergantian. Jadi tidak usah mencoba memikirkan bisa menuntaskan banyak hal dalam satu waktu.

4. Bikin daftar.
Saat di kantor, cobalah bikin daftar tugas yang harus dituntaskan. Baik untuk jangka pendek maupun jangka panjang. Pembuatan daftar tugas yang harus dikerjakan ini akan membuat semuanya jadi lebih efisien karena membuat Anda fokus dan siap mental.

5. Jangan menunda-nunda.
Sering kali karena menganggap ringan tugas, Anda lantas menunda waktu untuk mengerjakannya. Dua menit lagi, lima menit lagi, dan seterusnya, sampai akhirnya lupa untuk menuntaskan. Alhasil, ada banyak waktu yang terbuang percuma. Cobalah lakukan sekarang, di saat teringat dan sesuai jadwal.

6. Buat pengingat daftar di rumah.
Jika ada daftar pekerjaan yang harus tuntas di kantor, kenapa tidak membuat pengingatnya saat Anda berada di rumah? Namun, hal ini sekadar sebagai pengingat, sekaligus membuat data tambahannya. Sekiranya dibutuhkan, Anda jadi tidak perlu susah mencari tahu atau kembali ke kantor.

7. Pintar bikin keputusan.
Ada beberapa pekerjaan yang mungkin datangnya mendadak dan menuntut kecerdasan dalam membuat keputusan. Dengan bekerja lebih efisien, akan lebih mudah membuat keputusan, bahkan dalam waktu singkat.

8. Gunakan pengingat waktu.
Dalam setiap jenis pekerjaan atau tugas, cobalah membuat pengingat waktu, kapan tugas tersebut bisa dituntaskan. Dengan begini ada konsentrasi yang lebih tercurah, dan Anda mencoba realistis tanpa menunda-nunda.

9. Ruang yang nyaman.
Sebagian orang membutuhkan ruang nyaman untuk mengerjakan tugas yang dipunyai. Jadi, kenapa tidak menciptakannya sendiri? Buat diri senyaman mungkin sehingga bisa menuntaskannya dengan segera, dan selesai tepat waktu.

10. Uraikan detail.
Jika banyaknya pekerjaan membuat Anda stres, cobalah urai satu per satu. Dengan menjadikannya detail dan tampak mudah, semua pekerjaan tidak tampak berat dan Anda lebih bersemangat menuntaskannya.

18 Mitos arti tahi lalat di tubuh...

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Informasi, Artikel Ramalan Bintang, Artikel Tips and Triks, Artikel TUTORIAL, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : 18 Mitos arti tahi lalat di tubuh...
link : 18 Mitos arti tahi lalat di tubuh...

August 2013

Moleosophy adalah sebuah konsep dalam astrologi di mana kepribadian seseorang dapat diprediksi berdasarkan letak tahi lalatnya di tubuh. Sederhananya, moleosophy membantu Anda untuk memahami arti dan pengaruh letak tahi lalat itu pada kehidupan Anda. Berikut adalah 18 mitos arti tahi lalat berdasarkan letaknya di tubuh Anda, seperti dilansir Boldsky.

1. Di bagian kanan dahi

Jika Anda memiliki tahi lalat di bagian kanan dahi, itu berarti Anda akan selalu diberkati dengan kekayaan.

2. Di bagian kiri dahi

Sebaliknya, jika Anda memiliki tahi lalat di bagian kiri dahi, itu berarti bahwa Anda akan menderita sepanjang hidup Anda.

3. Bagian tengah dahi

Ini berarti bahwa Anda akan diberkati dengan kekayaan dan popularitas.

4. Di dagu

Jika Anda memiliki tahi lalat di dagu, Anda harus berhati-hati. Ini menandakan bahwa Anda akan selalu memiliki konflik dengan pasangan Anda.

5. Di pipi kanan

Jika Anda memiliki tahi lalat di pipi kanan, itu berarti Anda akan diberkati dengan banyak kekayaan.

6. Di pipi kiri

Tahi lalat di pipi kiri menandakan bahwa Anda mungkin akan menderita karena kehilangan harta atau kekayaan.

7. Di bibir

Tahi lalat di bibir menandakan bahwa Anda memiliki dorongan seks yang besar.

8. Di telinga

Tahi lalat di telinga kanan menandakan umur yang pendek, sementara di telinga kiri itu berarti bahwa Anda harus menghindari kecelakaan.

9. Di leher

Jika Anda memiliki tahi lalat di leher, itu menandakan bahwa Anda akan menghabiskan hidup Anda dalam kemewahan dan akan memiliki umur yang lebih panjang.

10. Di lengan kanan

Tahi lalat di lengan kanan menandakan bahwa Anda akan diberkati dengan sifat keberanian dan akan dihormati oleh semua orang. Jika Anda memiliki tahi lalat di lengan kiri Anda, itu menandakan bahwa Anda akan diberkati dengan seorang anak laki-laki.

11. Di hidung

Anda akan sering bepergian sepanjang hidup Anda, jika Anda memiliki tahi lalat di hidung.

12. Di telapak tangan

Tahi lalat di telapak tangan kanan menandakan bahwa Anda akan menerima banyak kekayaan, sedangkan pada telapak tangan kiri menandakan bahwa Anda akan kehilangan kekayaan Anda.

13. Di kaki

Seseorang yang memiliki tahi lalat di salah satu kakinya konon akan sering bepergian selama hidupnya.

14. Di antara alis

Tahi lalat di antara alis menunjukkan bahwa Anda akan sering bepergian ke luar negeri.

15. Di pinggang

Menurut moleosophy, jika Anda memiliki tahi lalat di pinggang, Anda mungkin akan diberkati dengan semua jenis kebahagiaan materi.

16. Di pusar

Seseorang dengan tahi lalat di pusar konon memiliki dorongan seks yang besar dan diberkati dengan banyak anak.

17. Di bahu kiri

Seseorang dengan tahi lalat di bahu kiri sering ragu dan bersikap pengecut.

18. Di bahu kanan

Tahi lalat di bahu kanan menandakan bahwa orang tersebut sangat berani dan berkompeten dalam bidangnya.

Inilah 18 mitos arti tahi lalat berdasarkan letaknya di tubuh kita. Terlepas apakah hal itu benar atau tidak, mitos hanyalah sesuatu yang ramai diperbincangkan di masyarakat. Percaya atau tidak, semua tergantung pada Anda.

Versi Lengkap Cara Membuat Blog Valid HTML5

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel HTML, Artikel Template Hack, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Versi Lengkap Cara Membuat Blog Valid HTML5
link : Versi Lengkap Cara Membuat Blog Valid HTML5

August 2013

Versi Lengkap Cara Membuat Blog Valid HTML5

Pada posting sebelumnya saya sudah membahas Membuat Blog Jadi Valid HTML5, ternyata masih banyak sobat kita yang masih merasa kesulitan menerapkan metode/cara yang saya berikan (mungkin bahasa saya acak-acakan yach...!).

Untuk alasan tersebut di atas maka saya mencoba memposting kembali materi yang sama tapi ini yang lebih komplit yang diberi judul Versi Lengkap Cara Membuat Blog Valid HTML5.

Sebelum melangkah lebih lanjut ada baiknya kita menengok ke belakang tentang posting saya hari kemarin mengenai Panduan Membuat Blog Agar Valid HTML5-CSS3,

agar sobat semua lebih mengerti lagi. Tidak perlu panjang lebar inilah tahapannya :

Tahap Pertama :

Mengedit HTML di dalam Post,
Agar gambar (image) bisa dibaca oleh search engine robots maka harus dilakukan perubahan

1. Pada bagian gambar (image) sebaiknya gunakan format .png
    Bungkus kode image dan berikan atrribut Tag />
    dengan menambahkan tag title="Titel Gambar" dan img alt="Kode Gambar"

    contoh :

<a href="URL Anda"><img alt="Titel Gambar" src="http://ajatshare.blogspot.com/blog-valid-html5.png" alt="Kode Gambar"/></a>

2. Hilangkan/hapus kode imageanchor="1" pada tag img.
Hilangkan/hapus kode border="0" pada tag img.

Tahap Kedua :

Mengganti kode template lama
Sebelum melakukan perubahan pada template, backup dulu template anda beserta widgetnya.
Hal ini dilakukan agar tidak terjadi kesalahan pada saat di check oleh validator.

1. Ganti kode :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html b:version='2' class='v2' expr:dir='data:blog.languageDirection'xmlns='http://www.w3.org/1999/xhtml'xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data'xmlns:expr='http://www.google.com/2005/gml/expr'>
<head> 

ganti dengan

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>

2. Ganti kode :

<b:include name='nextprev'/>

ganti dengan

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:include name='nextprev'/>
</b:if>

3. Ganti kode :

</html> dengan </HTML>

4. Ganti semua garis yang ada dalam kode css

/*-----Header------*/ menjadi seperti /* Header */

5. Cari kode

<center>

ganti dengan

<div style='text-align:center;'>

dan pada penutup elemennya </center> ganti dengan </div>

6. Cari kode: onClick ganti dengan onclick (huruf C ditengah menjadi huruf kecil)

7. cari kode

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'><img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/></a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>

kemudian ganti dengan:

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'></b:if>
</span>
</div>

8. Jika dicek terjadi kesalahan duplikat ID,

pada kode css : "#" ganti dengan "."
contoh : #artigo ganti dengan .artigo

pada kode html : <div id='artigo'> ganti dengan <div class='artigo'>

9. Mengganti kode pembuka dan penutup script dan style
cari kode :

<script>Kodescript </script>

ganti dengan

<script type='text/javascript'>Kode script</script>

cari kode :

<style>Kode CSS</style>

ganti dengan

<style type='text/css'>Kode CSS</style>

Tahap Ketiga :
Menghapus kode yang tidak valid HTML5 dalam template
1. Hapus kode ini:

   <div class='post-share-buttons goog-inline-block'>
   kode lain...
   </div>

2. Hapus Kode ini:

<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
      <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com /img/icon18_edit_allbkg.gif' width='18'/>
      </a>
     </span>
   </b:if>
</b:includable>

3. Hapus Kode ini:

<body><div></div>

4. Hapus Kode ini:

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

5. Hapus kode ini:

<a expr:name='data:post.id'/>

Tahap Keempat :

Hindari penggunaan widget berikut ini

1. Hindari Tag <center> jika pada Tahap Kedua poin (5) masih error.
2. Hindari pemasangan widget :
   - Google+ Followers
   - Pengikut
   - Share Button
   - Statistic (Penghitung jumlah pengunjung)

Tahap Kelima :

Jika masih ditemukan error setelah dilakukan empat tahapan di atas
Coba sekarang kita membungkus kode CSS nya.
Untuk lebih jelasnya silahkan baca Membuat Blog Jadi Valid CSS3.

Itulah 5 (lima) tahapan Versi Lengkap Cara Membuat Blog Valid HTML5, semoga berhasil

Catatan :
Check Validasi agar template valid HTML5 hanya untuk halaman utama (homepage) saja.
Dan tidak bisa dilakukan pada template yang homepage berisi halaman penuh artikel.

Untuk alasan tersebut di atas maka saya mencoba memposting kembali materi yang sama tapi ini yang lebih komplit yang diberi judul Versi Lengkap Cara Membuat Blog Valid HTML5.

Sebelum melangkah lebih lanjut ada baiknya kita menengok ke belakang tentang posting saya hari kemarin mengenai Panduan Membuat Blog Agar Valid HTML5-CSS3,

agar sobat semua lebih mengerti lagi. Tidak perlu panjang lebar inilah tahapannya :

<a href="URL Anda"><img alt="Titel Gambar" src="http://ajatshare.blogspot.com/blog-valid-html5.png" alt="Kode Gambar"/></a>

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html b:version='2' class='v2' expr:dir='data:blog.languageDirection'xmlns='http://www.w3.org/1999/xhtml'xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data'xmlns:expr='http://www.google.com/2005/gml/expr'>
<head> 

ganti dengan

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>

2. Ganti kode :

<b:include name='nextprev'/>

ganti dengan

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:include name='nextprev'/>
</b:if>

3. Ganti kode :

</html> dengan </HTML>

4. Ganti semua garis yang ada dalam kode css

/*-----Header------*/ menjadi seperti /* Header */

5. Cari kode

<center>

ganti dengan

<div style='text-align:center;'>

dan pada penutup elemennya </center> ganti dengan </div>

6. Cari kode: onClick ganti dengan onclick (huruf C ditengah menjadi huruf kecil)

7. cari kode

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'><img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/></a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>

kemudian ganti dengan:

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'></b:if>
</span>
</div>

8. Jika dicek terjadi kesalahan duplikat ID,

pada kode css : "#" ganti dengan "."
contoh : #artigo ganti dengan .artigo

pada kode html : <div id='artigo'> ganti dengan <div class='artigo'>

9. Mengganti kode pembuka dan penutup script dan style
cari kode :

<script>Kodescript </script>

ganti dengan

<script type='text/javascript'>Kode script</script>

cari kode :

<style>Kode CSS</style>

ganti dengan

<style type='text/css'>Kode CSS</style>

Tahap Ketiga :
Menghapus kode yang tidak valid HTML5 dalam template
1. Hapus kode ini:

   <div class='post-share-buttons goog-inline-block'>
   kode lain...
   </div>

2. Hapus Kode ini:

<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
      <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com /img/icon18_edit_allbkg.gif' width='18'/>
      </a>
     </span>
   </b:if>
</b:includable>

3. Hapus Kode ini:

<body><div></div>

4. Hapus Kode ini:

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

5. Hapus kode ini:

<a expr:name='data:post.id'/>

Panduan Membuat Blog Agar Valid HTML5-CSS3

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel CSS, Artikel HTML, Artikel Template Hack, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Panduan Membuat Blog Agar Valid HTML5-CSS3
link : Panduan Membuat Blog Agar Valid HTML5-CSS3

August 2013

Panduan Membuat Blog Agar Valid HTML5-CSS3

Membuat blog kita menjadi valid html5-css3 tidaklah terlalu sulit, disini saya akan menjelaskan bagaimana caranya Membuat Blog Agar Valid HTML5-CSS3 dengan bahasa yang ringan agar mudah dimengerti khususnya untuk blogger pemula. Sebelum memulai perombakan pada template kita jangan lupa backup dulu templatenya untuk menjaga jika terjadi kesalahan. Untuk membuat blog agar valid html5-css3 dibutuhkan konsentrasi penuh dan harus tetap fokus.

Ikutilah langkah-langkah di bawah ini secara perlahan dan jangan ada yang terlewatkan dan baca sampai dengan akhir narasi dari isi artikel ini :

Membuat Blog Agar Valid HTML5

Tahapannya adalah sebagai berikut :

Tahap-1 :

Mengedit HTML di dalam Post

Untuk merubah semua/sebagian postingan agar valid html dibutuhkan waktu yang lama jika artikel yang dipublikasikan sudah banyak dan belum dioptimasi, tapi jangan menyerah dulu biasanya plafon blogspot tidak terlalu banyak yang harus dirubah hanya pada bagian gambar (image) yang harus kita perhatikan.

Tahap-2 :

- Buka account blogger anda

- Klik Template lalu pilih Backup/Restore untuk menyalin/backup template kita.

- Masih dalam kotak dialog Template lalu pilih Edit HTML untuk masuk ke halaman editor.

Jika anda mengalami loading yang lama saat membuka halaman editor, dan agar cepat terbuka

silahkan baca artikel Cara Membuka Edit HTML dengan Cepat.

Tahap-3 :

Mengganti kode template lama

Setelah halaman editor terbuka sempurna dan yang pertama kita rubah terlebih dahulu adalah bagian kepala/atas pada template.

Gantilah kode yang lama dengan kode baru, selengkapnya baca Membuat Blog Jadi Valid HTML5

Membuat Blog Agar Valid CSS3

Tahapannya adalah sebagai berikut :

Tahap-1

Pada bagian ini ketelitian anda sangat dibutuhkan dan tidak boleh salah sedikitpun, sekecil apapun keselahan yang kita buat akan berakibat fatal.

Jadi harap berhati-hati dan tetap fokus.

Tahap-2

- Buka account blogger anda

- Klik Template lalu pilih Backup/Restore untuk menyalin/backup template kita.

- Masih dalam kotak dialog Template lalu pilih Edit HTML untuk masuk ke halaman editor.

Jika anda mengalami loading yang lama saat membuka halaman editor, dan agar cepat terbuka

silahkan baca artikel Cara Membuka Edit HTML dengan Cepat.

Tahap-3

Menghapus kode yang tidak valid
cari kode dibawah ini yang berawalan:

-webkit- ; -moz- ; -ms- dan -o-

hapuslah kode-kode tersebut di atas secara hati-hati sampai batas semi colon (;), contoh :

#comments-block li, .comments .comments-content .comment-thread ol li, .comments .comments-content .comment:last-child {
background:#fff;
margin:10px 0;
padding:5px 10px;
border-top:1px solid #AD3000;
border-left:4px solid #AD3000;
border-bottom:1px solid #AD3000;
border-right:1px solid #AD3000;
-webkit-border-radius: 0px 0px 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow:0 4px 6px rgba(0,0,0,0.1);-moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3)}

perhatikan kode warna merah setelah dihapus menjadi

#comments-block li, .comments .comments-content .comment-thread ol li, .comments .comments-content .comment:last-child {
background:#fff;
margin:10px 0;
padding:5px 10px;
border-top:1px solid #AD3000;
border-left:4px solid #AD3000;
border-bottom:1px solid #AD3000;
border-right:1px solid #AD3000;
border-radius: 0px;
box-shadow:0 4px 6px rgba(0,0,0,0.1);box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3)}

Simpan template

Tahap-4

Tahap selanjutnya bisa anda baca Membuat Blog Jadi Valid CSS3.

Itulah Panduan Membuat Blog Agar Valid HTML5 dari saya hari ini. Semoga bermanfaat

Ikutilah langkah-langkah di bawah ini secara perlahan dan jangan ada yang terlewatkan dan baca sampai dengan akhir narasi dari isi artikel ini :

Membuat Blog Agar Valid HTML5

Tahapannya adalah sebagai berikut :

Tahap-1 :

Mengedit HTML di dalam Post

Tahap-2 :

- Buka account blogger anda

- Klik Template lalu pilih Backup/Restore untuk menyalin/backup template kita.

- Masih dalam kotak dialog Template lalu pilih Edit HTML untuk masuk ke halaman editor.

Jika anda mengalami loading yang lama saat membuka halaman editor, dan agar cepat terbuka

silahkan baca artikel Cara Membuka Edit HTML dengan Cepat.

Tahap-3 :

Mengganti kode template lama

Setelah halaman editor terbuka sempurna dan yang pertama kita rubah terlebih dahulu adalah bagian kepala/atas pada template.

Gantilah kode yang lama dengan kode baru, selengkapnya baca Membuat Blog Jadi Valid HTML5

Membuat Blog Agar Valid CSS3

Tahapannya adalah sebagai berikut :

Tahap-1

Pada bagian ini ketelitian anda sangat dibutuhkan dan tidak boleh salah sedikitpun, sekecil apapun keselahan yang kita buat akan berakibat fatal.

Jadi harap berhati-hati dan tetap fokus.

Tahap-2

- Buka account blogger anda

- Klik Template lalu pilih Backup/Restore untuk menyalin/backup template kita.

- Masih dalam kotak dialog Template lalu pilih Edit HTML untuk masuk ke halaman editor.

Jika anda mengalami loading yang lama saat membuka halaman editor, dan agar cepat terbuka

silahkan baca artikel Cara Membuka Edit HTML dengan Cepat.

Tahap-3

Menghapus kode yang tidak valid
cari kode dibawah ini yang berawalan:

-webkit- ; -moz- ; -ms- dan -o-

hapuslah kode-kode tersebut di atas secara hati-hati sampai batas semi colon (;), contoh :

#comments-block li, .comments .comments-content .comment-thread ol li, .comments .comments-content .comment:last-child {
background:#fff;
margin:10px 0;
padding:5px 10px;
border-top:1px solid #AD3000;
border-left:4px solid #AD3000;
border-bottom:1px solid #AD3000;
border-right:1px solid #AD3000;
-webkit-border-radius: 0px 0px 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow:0 4px 6px rgba(0,0,0,0.1);-moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3)}

perhatikan kode warna merah setelah dihapus menjadi

#comments-block li, .comments .comments-content .comment-thread ol li, .comments .comments-content .comment:last-child {
background:#fff;
margin:10px 0;
padding:5px 10px;
border-top:1px solid #AD3000;
border-left:4px solid #AD3000;
border-bottom:1px solid #AD3000;
border-right:1px solid #AD3000;
border-radius: 0px;
box-shadow:0 4px 6px rgba(0,0,0,0.1);box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3)}

Simpan template

Tahap-4

Tahap selanjutnya bisa anda baca Membuat Blog Jadi Valid CSS3.

Itulah Panduan Membuat Blog Agar Valid HTML5 dari saya hari ini. Semoga bermanfaat

Cara Merampingkan Alexa dengan Cepat

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogging, Artikel Tips Trik, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Merampingkan Alexa dengan Cepat
link : Cara Merampingkan Alexa dengan Cepat

August 2013

Banyak yang bertanya pada saya, bagaimana Cara Merampingkan Alexa dengan Cepat jawabannya memang tidak semudah membalikkan telapak tangan boleh dibilang gampang-gampang tapi susah.

Menurut pengamatan dan pengalaman yang saya lakukan dari sekian banyak cara/metode untuk merampingkan nilai alexa salah satunya yang sudah saya terapkan adalah Tips Meningkatkan nilai Alexa Rank memang ada pengaruhnya walau hanya sedikit, Disini saya akan coba menjelaskan cara yang lebih efektif untuk merampingkan alexa dengan cepat adalah konsen melakukan Optimasi Seo On Page dan Off Page. Karena dengan melakukan optimasi seo on page dan off page kita mendapat dua keuntungan sekaligus, yaitu:

- Nilai alexa kita akan semakin kecil (ramping)
- Blog kita akan semakin seo friendly dan itu sangat disukai google

Dan terakhir yang tidak kalah pentingnya adalah mendaftarkan blog kita di directory terkemukan seperti Technoriti dan W3 Directory untuk meningkatkan trafik blog kita.

Semakin tinggi trafik blog kita maka semakin cepat pula nilai alexa kita menurun.

Jangan pernah mencoba melakukan software atau tool lain untuk merampingkan alexa karena akan berpengaruh buruk terhadapa blog kita. Gunakanlah cara alami seperti yang saya jelaskan di atas.

Tepat hari ini tanggal 23 Agustus 2013 blog AjatShare genap berusial 3 (tiga) bulan, dulu pertama kali mempublikasikan blog ini nilai alexa ranknya mencapai 20 juta lebih tapi coba lihat nilai alexa-nya sekarang sudah tidak kembung lagi alias ramping (he...he...he...pamer nich....) Itu hanya sekedar gambaran perbandingan untuk sobat semua, dan memang setelah melakukan metode cara di atas sangat efektif untuk merampingkan nilai alexa rank kita. Semoga bermanfaat

Banyak yang bertanya pada saya, bagaimana Cara Merampingkan Alexa dengan Cepat jawabannya memang tidak semudah membalikkan telapak tangan boleh dibilang gampang-gampang tapi susah.

- Nilai alexa kita akan semakin kecil (ramping)
- Blog kita akan semakin seo friendly dan itu sangat disukai google

Dan terakhir yang tidak kalah pentingnya adalah mendaftarkan blog kita di directory terkemukan seperti Technoriti dan W3 Directory untuk meningkatkan trafik blog kita.

Semakin tinggi trafik blog kita maka semakin cepat pula nilai alexa kita menurun.

Jangan pernah mencoba melakukan software atau tool lain untuk merampingkan alexa karena akan berpengaruh buruk terhadapa blog kita. Gunakanlah cara alami seperti yang saya jelaskan di atas.

Animasi Posting terbaru untuk Blogger dengan Thumbnail

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel CSS, Artikel HTML, Artikel Widget, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Animasi Posting terbaru untuk Blogger dengan Thumbnail
link : Animasi Posting terbaru untuk Blogger dengan Thumbnail

August 2013

Recent post animasi adalah cara yang fantastis untuk menyajikan berita update untuk efek readers. Dan akan menampilkan tulisan anda paling baru dalam thumbnail kecil, tapi memiliki bonus tambahan menggunakan efek animasi yang bergerak lancar melalui posts. Ini adalah tutorial yang membahas tentang cara menambahkan Animasi Posting terbaru untuk Blogger dengan Thumbnail dan Spy Sederhana.

Cara Memasang animasi Posting terbaru untuk blogger dengan thumbnail

Sekarang kita mulai percobaannya ...

Langkah 1. Login ke Blogger Account anda. Lalu ke Blogger Dashboard.
Langkah 2. Setelah klik pada link Add a Gadget Sebuah kotak pop-up akan terbuka sekarang dengan banyak daftar gadget.
Langkah 3. Pilih 'HTML / Javascript' dan tambahkan salah satu kode yang diberikan di bawah ini.

<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>

<script language='JavaScript'>
imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyH8j0WyDfeCv8DfWctq-LWTuYBrf0xdDAV9UC31VLwitBezlLZoNRo_6Pd7taS5h7wiP09Su-qaZaLM-AQ5z6fHNxPHxKyHu1nwklc5nrJ9lRJg75NrNri5tyur1zdoLNLTY-dx4KVHOW/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyH8j0WyDfeCv8DfWctq-LWTuYBrf0xdDAV9UC31VLwitBezlLZoNRo_6Pd7taS5h7wiP09Su-qaZaLM-AQ5z6fHNxPHxKyHu1nwklc5nrJ9lRJg75NrNri5tyur1zdoLNLTY-dx4KVHOW/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyH8j0WyDfeCv8DfWctq-LWTuYBrf0xdDAV9UC31VLwitBezlLZoNRo_6Pd7taS5h7wiP09Su-qaZaLM-AQ5z6fHNxPHxKyHu1nwklc5nrJ9lRJg75NrNri5tyur1zdoLNLTY-dx4KVHOW/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyH8j0WyDfeCv8DfWctq-LWTuYBrf0xdDAV9UC31VLwitBezlLZoNRo_6Pd7taS5h7wiP09Su-qaZaLM-AQ5z6fHNxPHxKyHu1nwklc5nrJ9lRJg75NrNri5tyur1zdoLNLTY-dx4KVHOW/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyH8j0WyDfeCv8DfWctq-LWTuYBrf0xdDAV9UC31VLwitBezlLZoNRo_6Pd7taS5h7wiP09Su-qaZaLM-AQ5z6fHNxPHxKyHu1nwklc5nrJ9lRJg75NrNri5tyur1zdoLNLTY-dx4KVHOW/s1600/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";numposts = 10;
home_page = "http://bdlab.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://24work.webs.com/24work-blogspot/recent-posts/animated-recent-posts-ycode-1.js' type='text/javascript'></script>
</div>

Dan sekarang klik Save

Catatan: Jika template Anda sudah memiliki jquery, maka jquery di bawah ini tidak usah dipasang. Html dari atas beberapa hal bisa diganti:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"> </ script>

width: 220px;
width: 208px:
menyesuaikan dasar pada template Anda

background: # fff repeat-x;
sesuaikan warna backuground

thumbwidth = 70;
thumbheight = 70;
ukuran gambar sesuai dengan kebutuhan Anda

numposts = 10;
berapa banyak posting yang akan menunjukkan

sumber: http://24work.blogspot.com/2011/12/animated-recent-posts-for-blogger.html

Sekarang kita mulai percobaannya ...

<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>

<script language='JavaScript'>
imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyH8j0WyDfeCv8DfWctq-LWTuYBrf0xdDAV9UC31VLwitBezlLZoNRo_6Pd7taS5h7wiP09Su-qaZaLM-AQ5z6fHNxPHxKyHu1nwklc5nrJ9lRJg75NrNri5tyur1zdoLNLTY-dx4KVHOW/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyH8j0WyDfeCv8DfWctq-LWTuYBrf0xdDAV9UC31VLwitBezlLZoNRo_6Pd7taS5h7wiP09Su-qaZaLM-AQ5z6fHNxPHxKyHu1nwklc5nrJ9lRJg75NrNri5tyur1zdoLNLTY-dx4KVHOW/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyH8j0WyDfeCv8DfWctq-LWTuYBrf0xdDAV9UC31VLwitBezlLZoNRo_6Pd7taS5h7wiP09Su-qaZaLM-AQ5z6fHNxPHxKyHu1nwklc5nrJ9lRJg75NrNri5tyur1zdoLNLTY-dx4KVHOW/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyH8j0WyDfeCv8DfWctq-LWTuYBrf0xdDAV9UC31VLwitBezlLZoNRo_6Pd7taS5h7wiP09Su-qaZaLM-AQ5z6fHNxPHxKyHu1nwklc5nrJ9lRJg75NrNri5tyur1zdoLNLTY-dx4KVHOW/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyH8j0WyDfeCv8DfWctq-LWTuYBrf0xdDAV9UC31VLwitBezlLZoNRo_6Pd7taS5h7wiP09Su-qaZaLM-AQ5z6fHNxPHxKyHu1nwklc5nrJ9lRJg75NrNri5tyur1zdoLNLTY-dx4KVHOW/s1600/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";numposts = 10;
home_page = "http://bdlab.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://24work.webs.com/24work-blogspot/recent-posts/animated-recent-posts-ycode-1.js' type='text/javascript'></script>
</div>

Dan sekarang klik Save

Catatan: Jika template Anda sudah memiliki jquery, maka jquery di bawah ini tidak usah dipasang. Html dari atas beberapa hal bisa diganti:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"> </ script>

Template Full Responsive and Valid CSS3/HTML5

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Template, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Template Full Responsive and Valid CSS3/HTML5
link : Template Full Responsive and Valid CSS3/HTML5

August 2013

Template V6 Blue HTML5 CSS3 Versi AjatShare

Hari ini adalah yang paling membahagia-kan saya, karena sudah berhasil merombak template ini menjadi Template Full Responsive and Valid CSS3/HTML5, meskipun belum 100% masih menyisakan satu warning pada HTML5 dan untuk CSS3 sudah Valid. Template ini saya persembahkan khusus buat sahabat AjatShare semua. Adapun cara untuk merubah template ini semuanya mengacu kepada tutorial yang pernah saya posting sebelumnya.

Setelah hampir sebulan lebih mengobrak-abrik template dan bertanya kesana kemari dengan ditemani oleh mbah google sebagai sahabat setia saya, akhirnya saya bisa merampungkan template ini. Template yang saya pakai ini adalah template hasil karya Kang Kapuk yang diberi judul : V6_Blue_Template_HTML5_Responsive

Template Full Responsive and Valid CSS3/HTML5
Fitur asli bawaan dari template ini adalah:

Fitur Asli

- SEO friendly
- Valid HTML5
- Simply and very elegant design xD
- Fast Loading
- Valid microdata (google richsnippet)
- Responsive design
- Easy navigation
- High quality home paga image thumbnail
- Mobile template

Template Full Responsive and Valid CSS3/HTML5
Penambahan fitur dari template ini by AjatShare:

Fitur Tambahan

- Super Seo Friendly
- Optimasi Seo On Page
- Super Fast Loading 0.5 ms dari GTMetrix
- Mendapat Nilai Great B dan A dari GTMetrix
- Pure Valid HTML5 validator.w3.org dan validator.nu
- Pure Valid CSS3 jigsaw.w3.org/css
- Minify HTML, kode html sudah di compress
- Minify CSS, kode css sudah di compress
- Menu DropDown dengan CSS
- Typogrphy Included
- Emoticon dalam posting dan kolom komentar
- Code and Pre Highlighter Code
- Halaman statis full page
- h2 to h1, judul posting jadi judul blog
- meta tag seo friendly valid html5
- meta heading h1 h2 h3
- Permalink seo friendly
- Future widget label

Catatan:
Template Full Responsive and Valid CSS3/HTML5 hanya valid di homepage saja, meskipun masih ada sedikit error pada bagian html5 dikarenakan adanya perubahan yang saya lakukan, dan hanya valid dihalaman utama saja. Selengkapnya artikel di atas bisa anda baca disini Template V6 Blue HTML5 CSS3 Versi AjatShare, sudah termasuk LiveDemo dan link Download.

Bagi sahabat AjatShare yang ingin merubah template blog kamu bisa tutorialnya bisa anda baca Masalah Mengatasi Not Valid HTML5 dan Membuat Blog jadi Valid HTML5 serta Membuat Blog jadi Valid CSS3 dan yang terakhir adalah Cara Compress Kode CSS dengan Cepat.

Fitur Asli

- SEO friendly
- Valid HTML5
- Simply and very elegant design xD
- Fast Loading
- Valid microdata (google richsnippet)
- Responsive design
- Easy navigation
- High quality home paga image thumbnail
- Mobile template

Template Full Responsive and Valid CSS3/HTML5
Penambahan fitur dari template ini by AjatShare:

Fitur Tambahan

- Super Seo Friendly
- Optimasi Seo On Page
- Super Fast Loading 0.5 ms dari GTMetrix
- Mendapat Nilai Great B dan A dari GTMetrix
- Pure Valid HTML5 validator.w3.org dan validator.nu
- Pure Valid CSS3 jigsaw.w3.org/css
- Minify HTML, kode html sudah di compress
- Minify CSS, kode css sudah di compress
- Menu DropDown dengan CSS
- Typogrphy Included
- Emoticon dalam posting dan kolom komentar
- Code and Pre Highlighter Code
- Halaman statis full page
- h2 to h1, judul posting jadi judul blog
- meta tag seo friendly valid html5
- meta heading h1 h2 h3
- Permalink seo friendly
- Future widget label

Kelebihan Affiliate Marketing

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Belajar Affiliate Marketing, Artikel belajar affiliate pemula, Artikel panduan belajar affiliate marketing, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Kelebihan Affiliate Marketing
link : Kelebihan Affiliate Marketing

August 2013

Apa kelebihan Affiliate Marketing? Pertanyaan ini sangat banyak ditanyakan oleh para pemula yang baru ingin memulai bisnis internet marketing tapi hanya sekedar cari tahu sebelum memutuskan untuk memilih mana bisnis yang tepat baginya.

Kelebihan Affiliate Marketing yaitu :

Biaya awal usaha yang rendah. Sebagai Affiliate, Anda gak buat produk sendiri, Anda gak punya stok barang, Anda gak melakukan banyak hal jadi biaya awal usaha sangat rendah. Anda hanya butuh Laptop dan koneksi internet itu saja dan resiko sangat kecil. Anda dapat menjual apa saja. Di bisnis internet di Negara maju, hampir semua produk itu dibeli orang secara online. Sehingga kesempatan Anda sebagai seorang Affiliate Anda bisa menjual apa saja dari kebutuhan rumah tangga, kebutuhan personal, software, course atau apapun bentuknya. Apapun barang yang akan Anda promosikan nantinya itu ada Affiliatenya.
Tidak ada biaya produksi. Biasanya sebuah bisnis itu membutuhkan mdal awal yang besar yaitu karena harus produksi dulu.
Tidak perlu ada stok barang. Gak ada barang mati atau stok barang yang tidak laku itu gak ada.
Tidak perlu repot melakukan pengiriman. Ribet juga kalau setiap hari harus selalu melakukan pengiriman.
Tidak perlu ada karyawan atau customer service. Karena semua itu yang menghandle adalah si Merchant dan complain diatasi oleh Merchant. Anda sebagai seorang Affiliate Anda tidak perlu mengurusi itu semua.
Pasar Anda adalah seluruh dunia. Dengan internet Anda bisa memasarkan apa saja dan pasar Anda ada di seluruh dunia.
Dan ini yang paling menarik. Anda bisa bekerja darimana saja di dunia. Salah satu sebab kenapa kalau Anda sukses di internet marketing adalah Anda bisa traveling around the world karena Anda hanya butuh koneksi internet dan Anda bisa bekerja dimana saja diseluruh dunia.

Inilah yang awalnya membuat saya sangat tertarik untuk mendalami internet marketing. Suatu keinginan karena saya dan keluarga yang suka traveling maka saya harus mencari sebuah bisnis yang bisa saya lakukan darimana saja dan kapan saja di dunia. Nah, bagaimana kalau Anda? Apakah Anda tertarik dengan hal ini semua? Saya yakin Anda pasti tertarik.

Di Affiliate Marketing, anda bisa punya pilihan yang tidak terbatas terhadap produk apa yang akan Anda promosikan. Sehingga sebenarnya potensi income Anda tidak terbatas. Anda bisa memilih untuk mempromosikan produk fisik seperti barang-barang elektronik, barang bangunan atau apapun produk yang biasa orang beli di toko, itu bisa Anda promosikan di luar negeri. Anda juga bisa mempromosikan produk-produk digital, produk training, software dan produk jasa. Jadi pilihan Anda itu bisa banyak dan bervariasi. Anda bisa mempromosikan begitu banyak Merchant untuk menghasilkan income dan batasnya adalah imajinasi Anda.

Nah saya rekomendasikan bagi Anda yang ingin mempelajari lebih lanjut tentang adakah tempat untuk belajar bisnis sebagai seorang Affiliate Marketer ini dan bagaimana cara memulainya, jadi nanti Anda tinggal klik link ini http://go.netsuccessnetwork.com/ref/ayi8/24498347.html

Kemudian dalam menu opt-in newsletter itu Anda isikan nama dan e-mail utama Anda, karena nanti Anda akan mendapatkan akses untuk PDF dan 2 video Gratis tentang Full Time Income dengan Affiliate Marketing yang Anda bisa lihat secara live atau Anda unduh secara GRATIS. Dan semuanya itu akan diberikan untuk membantu Anda memahami bahwa mencari uang di internet sebagai seorang Affiliate itu bisa di praktekkan hari ini juga. Oke semoga bermanfaat dan saya tunggu Action dari Anda.

Kelebihan Affiliate Marketing yaitu :

Biaya awal usaha yang rendah. Sebagai Affiliate, Anda gak buat produk sendiri, Anda gak punya stok barang, Anda gak melakukan banyak hal jadi biaya awal usaha sangat rendah. Anda hanya butuh Laptop dan koneksi internet itu saja dan resiko sangat kecil. Anda dapat menjual apa saja. Di bisnis internet di Negara maju, hampir semua produk itu dibeli orang secara online. Sehingga kesempatan Anda sebagai seorang Affiliate Anda bisa menjual apa saja dari kebutuhan rumah tangga, kebutuhan personal, software, course atau apapun bentuknya. Apapun barang yang akan Anda promosikan nantinya itu ada Affiliatenya.
Tidak ada biaya produksi. Biasanya sebuah bisnis itu membutuhkan mdal awal yang besar yaitu karena harus produksi dulu.
Tidak perlu ada stok barang. Gak ada barang mati atau stok barang yang tidak laku itu gak ada.
Tidak perlu repot melakukan pengiriman. Ribet juga kalau setiap hari harus selalu melakukan pengiriman.
Tidak perlu ada karyawan atau customer service. Karena semua itu yang menghandle adalah si Merchant dan complain diatasi oleh Merchant. Anda sebagai seorang Affiliate Anda tidak perlu mengurusi itu semua.
Pasar Anda adalah seluruh dunia. Dengan internet Anda bisa memasarkan apa saja dan pasar Anda ada di seluruh dunia.
Dan ini yang paling menarik. Anda bisa bekerja darimana saja di dunia. Salah satu sebab kenapa kalau Anda sukses di internet marketing adalah Anda bisa traveling around the world karena Anda hanya butuh koneksi internet dan Anda bisa bekerja dimana saja diseluruh dunia.

Mempercepat Loading Halaman Page

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogging, Artikel Javascript, Artikel JQuery, Artikel Tips Trik, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Mempercepat Loading Halaman Page
link : Mempercepat Loading Halaman Page

August 2013

Dipagi yang cerah ini setelah saya mengganti template lama dengan yang sekarang, rasanya ingin berbagi ilmu dengan sobat AjatShare. Sewaktu bereksperimen dengan berbagai macam template saya menemukan salah satu cara untuk Mempercepat Loading Halaman Page yang simple namun cukup efektif yaitu dengan cara memasang script lazy load pada blog kita. Memang banyak cara untuk mempercepat loading blog kita, seperti dalam posting saya sebelumnya yaitu dengan mengkompress kode css atau dengan cara membuat blog menjadi valid html5 ataupun valid css3. Nah pada kesempatan ini saya akan membahas Lazy Load Script.

Lazy Load Script ini merupakan script yang membuat kinerja pemuatan blog berjalan secara efektif, dengan adanya Lazy load ini blog kita akan memuat element element penting dahulu , yang membuat elemet gambar akan dimuat terakhir, memang terlihat blog kita lebih cepat dengan memakai ini tetapi menurut saya sama saja namun jika kita memakai ini blog kita akan langsung terlihat (tidak lama blanknya).

Mempercepat Loading Halaman Page :

1. Masuk Ke Dasboard , Rancangan di pilih edit HTML
2. Centang Expand Template Widget, dan tunggu
3. setelah menunggu copy paste kode berikut diatas kode </head>

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> 
<script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/> 
<script charset='utf-8' type='text/javascript'> 
$(function() { 
$(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBmjbBzuNMFtp-TO5FdGVl_6GcAYBRCvpMeiUKUndYChqDHU8MkHU9PwUVU9vuOuK43LJM_Ael2qGWfeF_SBPcVosN6iTPnz12XoxcALE4xgRfAYBzC5Q2j5O2rLSroZCCL8rBvo1KwBY/&quot;,threshold : 200}); }); 
</script>

atau bisa juga dengan menggunakan kode script di bawah ini :

4. Simpan Template

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> 
<script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/> 
<script charset='utf-8' type='text/javascript'> 
$(function() { 
$(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBmjbBzuNMFtp-TO5FdGVl_6GcAYBRCvpMeiUKUndYChqDHU8MkHU9PwUVU9vuOuK43LJM_Ael2qGWfeF_SBPcVosN6iTPnz12XoxcALE4xgRfAYBzC5Q2j5O2rLSroZCCL8rBvo1KwBY/&quot;,threshold : 200}); }); 
</script>

atau bisa juga dengan menggunakan kode script di bawah ini :

4. Simpan Template

Asal Usul Lomba Panjat Pinang....

August 2013 - Hallo sahabat Affiliate Marketing, Pada Artikel yang anda baca kali ini dengan judul August 2013, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Informasi, Artikel Motivasi, Artikel Tips and Triks, Artikel TUTORIAL, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Asal Usul Lomba Panjat Pinang....
link : Asal Usul Lomba Panjat Pinang....

August 2013

Yeay Tujuh belas Agustus! Hari kemerdekaan selalu diperingati dengan berbagai lomba, ada lomba makan krupuk, lomba balap karung dan yang tak pernah ketinggalan: lomba panjat pinang! Ente tau gak gan tahu asal-usul lomba yang selalu meriah dan ramai ditonton orang ini?

Quote:Pohon pinang didirikan di lapangan. Pohon pinang dipilih karena batangnya tinggi, licin dan tidak bercabang. Batang pohong pinang dilumuri pelumas supaya licin. Di atasnya dipasang lingkaran dari bambu dan berbagai hadiah digantungkan di situ. Dan dipuncaknya, selalu dipasang bendera Merah Putih.