Showing posts with label blogger hack. Show all posts
Showing posts with label blogger hack. Show all posts

Tuesday, April 10, 2012

Blogger Hack - Mengambil Artikel dari Blog Orang Lain Dengan Cepat Tanpa Copy Paste

blogger hack
Ini adalah iseng-iseng yang mungkin berguna bagi sobat yang males membuat posting saat awal memulai blogging.
ya faktanya memang benar bagi blogger pemula seperti saya ini, tentunya berfikir untuk cepat mendapatkan artikel tanpa harus menulisnya... hahahah, ketahuan kalau males bgt :hammer:
ini hanya sebagai pengetahuan saja sobat, kalau sobaat mau mencoba ya silahkan tidak apa-apa lagipula blogspot juga gratis.. :p
tapi resikonya ditanggung sendiri, dari pengalaman saya kebanyakan kena sandbox dan susah masuk PR di google.. hueheuhue

Bagi yang penasaran ini dia caranya :
1. Cari blog sasaran yang akan anda ambil artikelnya, misal sembarang.blogspot.com
2. Kemudian kamu tambah dengan url --> atom.xml?redirect=false&start-index=1&max-results=300
dan akhirnya jadi seperti ini --> sembarang.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=300

untuk url atom coba diperhatikan : atom.xml?redirect=false&start-index=1&max-results=300
artinya artikel yang akan di ambil mulai dari 1 (satu) sampai 300 konten artikel. angka satu menunjukan konten artikel terbaru yang diposting diblogger.

Kalau sudah mengerti akan saya lanjutkan pembahasannya.
selanjutnya, kita download atom.xml menggunakan download manager
add link download --> kemudian kita masukan link ini : sembarang.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=300

Apabila sudah terdownload, kita masuk ke blogger.
Selanjutnya kita import atom.xml yang sudah kita download tadi. jangan lupa sebelum import kita centang autopublis :D
Sekarang coba liat blog kamu, pasti banyak postingannya tanpa harus susah-susah kopi paste...heuhheuhueheee..

Wednesday, April 6, 2011

Cara Mengedit Template Blog Agar SEO Friendly

Teknik SEO Blogspot memang tidak ada habis-habisnya untuk diterapkan atau dipraktekkan. Semua blogger pasti mendambakan SEO mereka agar optimal untuk blog-blog mereka. Nah, kali ini saya akan memposting artikel yang ada hubungannya dengan belajar SEO blogspot.
Hmm.. kira-kira apa ya?

Berbagai cara memang telah dilakukan untuk meningkatkan optimasi SEO blogspot, seperti halnya dalam memilih template blog. Memilih template blog yang benar memang mutlak diperlukan. Jika dalam memilih template blog dengan asal-asalan, alhasil nantinya SEO blogspot kita akan kacau.

Maka pilihlah template blog Anda dengan benar. Benar disini maksudnya adalah tampilannya bagus, tidak mencolok mata, cocok untuk tema blog kita, dan yang lebih penting lagi adalah SEO Friendly.

Nah, jika mungkin Anda ingin membuat template blog Anda agar menjadi template SEO friendly maka cara-cara di bawah ini mungkin bisa bermanfaat buat Anda. Berikut cara-caranya!

1.     Page Title
Biasanya format page title dari blogger adalah seperti ini, JUDUL BLOG : JUDUL POSTING. Nah, agar blog kita lebih disukai oleh Google sehingga ujung-ujungnya blog kita jadi rame, kita harus merubah format page title standar itu menjadi seperti ini, JUDUL POSTING | JUDUL BLOG.

Caranya cari kode berikut ini di Edit HTML, cukup dengan menekan tombol Ctrl+F pada keyboard!

<title><data:blog.pageTitle/></title>

Kalo udah dapet kodenya, silakan Anda hapus dan ganti dengan kode berikut ini!

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Atau Anda juga bisa tambahkan dengan beberapa kata kunci (keyword).

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> |
KATA KUNCI ANDA | KATA KUNCI ANDA </title>
</b:if>

Ganti kode "KATA KUNCI ANDA" dengan keyword yang Anda incar. Setelah semua selesai jangan lupa untuk save template.

2.     Meta Keyword dan Deskripsi
Suatu mesin pencari seperti Google sangat menyukai sebuah website/blog yang jelas tema dan isi content-nya. Jadi, Anda harus tambahkan suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode berikut ini sebelum kode <b:skin><![CDATA[/*.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="
DESKRIPSI BLOG ANDA" />
<meta name="keywords" content="
KATA KUNCI, KATA KUNCI, KATA KUNCI" />
</b:if>

Setelah itu, save template Anda.

3.     Memasang Breadcrumbs
Breadcrumbs adalah menu navigasi yang ada di atas sebuah posting atau artikel. Contohnya bisa dilihat diblog saya ini. Cara pasangnya juga sudah banyak dibahas di blog-blog guru blogging.

4.     Memasang Related Post
Related post sangat bagus untuk SEO maupun buat pengunjung. Jadi pasanglah segera related post di blog Anda. Caranya sudah banyak dibahas di blog-blog para guru blogging.

5.     Mematikan Setting Blog Archive (Arsip Blog)
“Lho?”
“Buat apa?”

Begini, Google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi blog arsip, misalnya kejadiannya seperti ini, Anda ingin membuat sebuah blog di blogger.com. Lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage Anda akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGANDA.blogspot.com/2007_03_01_archive.html, yang memunculkan 3 posting yang sama dengan yang dimunculkan oleh homepage. Intinya, 2 buah link yang memunculkan sebuah halaman yang sama. Bagi Search Engine apa lagi Google, ini adalah masalah serius. Oleh karena itu kita harus me-nonaktifkan opsi arsip.

Caranya, cukup klik tab Setting, pilih Archiving. Nah, pada bagian Archiving Frequency ubah menjadi No Archive. Selesai sudah! :)

6.     Menambahkan Kode ‘Rel=Canonical’
Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para Master of SEO bilang bahwa Google sangat tidak dapat mentolerir sebuah duplicate content. Caranya mudah, cukup klik Edit HTML, lalu Anda tambahkan kode berikut setelah kode <head>.

<link expr:href='data:blog.url' rel='canonical' />

Save template dan selesai.

7.     Tag Heading
Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting Anda dengan tag H1. Caranya cari kode berikut!

<b:if cond='data:post.title'>
<
h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</
h3>
</b:if>

Kode yang dicetak tebal dihapus dan diubah dengan tulisan h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>.

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

Nah, mungkin cukup sekian dulu dari saya tentang bagaimana cara mengedit template blog agar SEO friendly kali ini. Sebelumnya tips ini saya rangkum dari berbagai sumber ketika saya lama belajar SEO blogspot walaupun SEO blog saya belum seoptimal blog master di luar sana. :)

Semoga bermanfaat dan sukses selalu!

Terima kasih.


Thursday, February 17, 2011

Cara Membuat Footer Multi Kolom

Setelah kemarin kita belajar seo dalam postingan kita sebelumnya, maka kali ini saya akan mengajak sobat untuk kembali mengutak-atik template blog sobat supaya lebih kelihatan profesional. Tutorial yang akan saya sajikan kali ini adalah bagaimana cara membuat footer multi kolom seperti pada blog doodey ini.

Apa itu footer multi kolom? Jika sobat melihat bagian bawah dari blog doodey ini, maka sobat akan melihat footer blog (kaki blog) yang terdiri dari multi (banyak) kolom. Nah, tertarik untuk membuat yang sama? Berikut tutorialnya.

1.      Silakan sobat tuju ke bagian Edit HTML, lalu tambahkan kode di bawah ini di atas kode ]]></b:skin>

#footer-column-divide {
background: #444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOMUZJtXRzZIWWq3RV3W-VUth9fokvDU3aAZObhaf1dVDmQfUvcnfIWAlCIfon4WWVOmkk9NF0zPxlMAqDZvxzoJ4laDRVCO515fynB2YaCVQeZLCzS_qOkyhn6IUryj2n5eC2l5jCv8xC/s1600/buttommenu-c.png) no-repeat;
width: 900px;
position: relative;
clear: both;
float: center;
color: #fff;
margin: 0 auto;
}
.footer-column {
padding: 10px;
}

2.      Setelah itu, cari kode di bawah ini :

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

atau

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

3.      Tambahkan kode berikut di bawah kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

Catatan:
Jika sobat tidak menemukan kode <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan saja kode berikut di bawah <div id='footer'>

Untuk pilihan berapa kolom yang akan sobat gunakan, berikut adalah pilihan jumlah kolomnya :

Jika ingin membuat footer 2 kolom, gunakan kode berikut :

<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

Membuat footer 3 kolom, gunakan kode berikut :

<div id='footer-column-divide'>

<div id='footer1' style='width: 33%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

Membuat footer menjadi 4 kolom, gunakan kode berikut :

<div id='footer-column-divide'>

<div id='footer1' style='width: 25%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 25%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 25%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div id='footer4' style='width: 25%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col4' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

4.      Jika sudah, klik Save template. Kalau sudah berhasil, maka hasilnya akan menjadi seperti ini :

Footer 2 kolom


Footer 3 kolom


Footer 4 kolom


Nah, jika sobat sudah berhasil mempraktekkan tutorial cara membuat footer multi kolom ini, maka hasilnya bisa kurang lebih seperti tampilan footer multi kolom blog doodey ini. :D Selamat mencoba..

Sunday, October 17, 2010

Pasang SEO Smart Link untuk Blogspot

Teknik SEO Blogspot – Setelah cukup lama tak update content karena masalah kesibukan di kampus, akhirnya saya bisa juga memenuhi syarat-syarat sukses blogger yaitu update content untuk kali ini. Nah, apa yang akan saya bahas dalam postingan kali ini saya rasa cukup berguna dan penting bagi blogger semua untuk meningkatkan optimasi SEO blogspot sobat semua. Apakah itu? Mari kita simak bersama.

Sesuai dengan judul postingan saya kali ini, “Pasang SEO Smart Link untuk Blogspot”. Tentu sobat akan bertanya-tanya, apa sich SEO Smart Link itu? Begitu pentingkah?

Biarkan saya perjelas sedikit mengenai SEO Smart Link disini. SEO Smart Link merupakan sebuah plugin dari wordpress yang fungsinya adalah mengubah setiap kata yang kita tentukan menjadi sebuah link. Sekarang, plugin dari wordpress tersebut bisa kita pasang juga di blogspot, maka dari itulah saya katakan cukup berguna. ;)

Tips ini saya dapatkan dari salah satu teman blogger saya, Blog Juragan, yang sampai saat ini terus mendedikasikan dirinya di dalam dunia blogger, khususnya dalam bidang belajar SEO blogspot. Thank you ‘n semangat terus juragan! ;)

Biar gak lama-lama sobat mendengar segala macam intro saya yang cerewet itu, yuk kita simak sama-sama bagimana cara memasang plugin SEO Smart Link tersebut.

Cara kerja SEO Smart Link
Script ini akan membaca setiap kata pada setiap posting. Contohnya, jika sobat memasukkan kata "SEO" pada script tersebut maka otomatis pada semua halaman yang terdapat kata "SEO" akan di link ke alamat url yang telah sobat tentukan.

Apakah melanggar Google Guidelines?
Tidak, selama jumlah link yang sobat masukkan pada kode autolink masih dalam tahap wajar. Rekomendasi dari blog juragan yakni cukup 1 link saja.

Memasang Plugin SEO Smart Link di blog kita
1.      Seperti biasa, login dulu di Blogger dengan account sobat
2.      Then, klik Rancangan, lalu tuju ke Edit HTML
3.      Cari kode
4.      Lihat kode scriptnya disini (klik untuk melihat di tab baru) !
5.    Setelah halaman script terbuka silahkan copy pastekan semua kode di script tersebut tepat diatas kode

Keterangan : 
  • Lihat bagian paling akhir kode dan ganti SEO dengan kata atau kata kunci yang sobat pilih. 
  • Di bawahnya ganti http://blogjuragan.blogspot.com/ dengan alamat url yang dituju.

Ok, sama seperti apa yang dikatakan blog Juragan, “Semoga berhasil !”

Maka, saya pun akan berkata sama juga, Semoga Berhasil ! :)

Terima kasih.



Wednesday, August 11, 2010

Cara Menyembunyikan Tampilan Navigation Bar (Navbar) Pada Blogger


Cara menyembunyikan tampilan Navigation Bar (Navbar) pada Blogger. Itulah judul artikel blog Doodey kali ini. Sesuai dengan judulnya, sekarang saya akan membahas mengenai hal itu.

”Bagaimanakah caranya?”

Sabar! :)

Sebelum saya memberitahu bagaimana cara untuk menyembunyikan navbar, pertama saya ingin mendeskripsikan sedikit, apa sih navbar itu?

Setiap blog yang dibuat di situs Blogger secara otomatis akan memiliki sebuah batangan horizontal navigasi (navigation bar) di bagian atas tampilan blog, seperti contoh gambar di bawah ini!


Sesuai dengan namanya, navigation bar (navbar) dirancang dan disesuaikan sebagai sarana navigasi pengunjung blog. Pada navbar, kita dapat melihat berbagai tombol pilihan, diantaranya terdapat kotak pencarian (Search) untuk mencari blog yang lain, dan tombol Next Blog untuk mengarahkan untuk mengarahkan pengunjung secara acak ke URL blog lain (masih dalam lingkup Blogger tentunya).

Namun sebagian blogger, navbar ini bukan elemen yang cukup fungsional, malah terkadang mereka menganggap kalau navbar itu merupakan elemen penggangu yang merusak tampilan blog mereka. Nah lho..!! :(

Beberapa hal yang dipandang merugikan dari Navbar, yakni :
  • Navbar seringkali dianggap merusak keutuhan dan keindahan dari tampilan desain sebuah blog yang dirancang oleh admin blog sendiri. Tampilan navbar yang seadanya dan kurang begitu estetis sulit untuk dibuat menyatu dengan elemen lain dari desain blog mereka.
  • Jika pemilik blog telah memasang Google AdSense for Search (Adsense untuk pencarian), mereka tentu lebih menginginkan pengunjung blog atau situs untuk melakukan sebuah pencarian dengan kotak pencarian Google disediakannya. Keberadaan kotak pencarian lain pada navbar dapat ‘mengacu’ peluangnya untuk mendapatkan uang tambahan dari AdSense for Search tersebut.
  • Keberadaan tombol Next Blog dapat menjadi bumerang bagi pengunjung. Mengapa? Bayangkan saja, ketika pengunjung menekan tombol Next Blog tersebut, mereka akan diarahkan secara acak (random) ke alamat blog lain yang juga menggunakan layanan Blogger. Apa jadinya jika pengunjung blog Anda kebetulan seorang di bawah umur, lalu dia menekan tombol tersebut, lalu diarahkan ke blog lain yang menyuguhkan materi-materi yang tidak senonoh? Bahaya! :(

Nah, dari deskripsi pendek di atas, untuk itu sekarang saya akan membagi tips kecil untuk Anda agar tampilan navbar bisa disembunyikan. Ikuti saja langkah-langkah berikut! :)

  1. Login dulu ke Blogger
  2. Pilih Layout
  3. Klik Edit HMTL
  4. Pada sembarang tempat di dalam area sektor body, yang dapat Anda lihat seperti ini :

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

  1. Tambahkanlah kode berikut ini

margin-top:0px;
position: relative;
top: -50px;

  1. Sehingga keseluruhan akan menjadi seperti ini (kode tambahan diberi warna merah)

body {
margin-top:0px;
position: relative;
top: -50px;
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Sedikit penjelasan!
Nilai (-50px) merupakan negatif dari lebar (width) navbar yang sebesar 50 pixel. Dengan menerapkan nilai yang berlawanan dari lebar navbar tersebut, tampilan navbar akan ‘dibenamkan’ seluruhnya sehingga tak lagi mengganggu pandangan. Jika nilai -50px terlalu besar hingga sebagian tampilan blog Anda ikut hilang, coba kurangi nilainya, misalnya menjadi -30px. Anda dapat mencoba nilai yang lain sesuka Anda.

Perlu dicatat juga bahwa trik yang kita lakukan di sini adalah untuk MENYEMBUNYIKAN (hiding), bukan MEMBUANG (remove) navbar. Artinya tindakan Anda tidak berlawanan dengan TOS (Terms of Service) alias kontrak hukum antara Anda selaku pihak pengguna layanan Blogger dengan Pyra-Blogger (penyedia layanan). Pada TOS memang disebutkan bahwa :



By creating your BlogSpot Site, you agree that Pyra has the right to run such advertisements and promotions.

You also agree that you will not attempt to block or otherwise interfere with advertisements displayed on your BlogSpot site via JavaScript or any other means. Doing so is grounds for immediate termination of service. The manner, mode and extent of advertising by Pyra on your BlogSpot Site are subject to change.



Kalau mau sedikit “cangkeman” alias adu mulut secara yuridis, yang kita lakukan di sini bukanlah mencoba untuk melanggar pasal mengenai “block or otherwise interfere with advertisements displayed on your BlogSpot site via JavaScript or any other means“ sebagaimana disebutkan dalam kontrak di atas dengan cara membuang navbar, melainkan sekadar melakukan reposisi tampilan navbar tersebut sesuai dengan kebebasan pemilik blog untuk memodifikasi desain blognya. Biarpun hasilnya sama (navbar tak lagi terlihat) namun implikasi hukumnya akan berbeda.

Ok, sekian tips dari saya tentang “Cara Menyembunyikan Tampilan Navigation Bar (Navbar) Pada Blogger” yang sudah kita praktekan tadi. Semoga apa yang saya berikan kali ini dapat bermanfaat dan berguna buat Anda. :)

Terima kasih.