The Most Popular Traffic Exchange  Free powerful counter for your website. From creators of EasyHits4U

Thursday, November 29, 2012

Cara memasang Widget Lintaskan di Blogspot



Cara memasang widget LINTASKAN di Blog.


Widget lintaskan adalah salah satu cara mempromosikan blog melalui situs media bookmarking Lintas.me. Widget Lintaskan merupakan cara termudah untuk membookmarking suatu artikel dan mengirimkannya di Lintasme. Cara memasang widget lintaskan dari Lintas.me sangat mudah. Berikut ini adalah step by step utorial cara memasang widget lintaskan di blogspot anda. Tutorial ini diberikan karena memasang widget lintaskan di blogspot harus dilakukan secara manual, tidak seperti pada blog wordpress yang cukup menggunakan pluging.

Cara memasang Widget Lintaskan di Blogspot

1. Daftar diri Anda www.lintas.me
2. Setelah selesai mendaftar masuklah ke Widget
3. Pilih Widget Lintaskan
4. Klik tombol CREATE
5. Isi email dan Url blog
6. Klik GENERATE
7. Copy kode script
8. Login ke account blogspot anda
9. Masuk ke Layout
10.Klik Add a Gadget
11. Pilih HTML/Java Script
12. Paste Kode script
13. Save

Cara memasang widget lintaskan diatas adalah untuk posisi di sidebar/ halaman blog. Jika ingin memasang widget lintaskan di dalam postingan maka caranya adalah seperti dibawah ini.
Cara memasang widget LINTASKAN dalam postingan blog blogspot

1-8 sama seperti diatas
9. Masuk kehalaman edit template
10. Cari kode <data:post.body/> 
11. Pastekan kode tersebut di bawahnya apa bila ada emat kode seperti  itu pastekan di bawah kode ke tiga       atau bila gagal di coba di kode ke 2
12. untuk menampilkan hanya di postingan silahkan baca disini
13. Save template.

Semoga Bermanfaat





Wednesday, November 28, 2012

Cara Memasang Related post Linkwithin


Cara Memasang Related post Linkwithin

bagaimana cara memasang related post with thumbnail dari Linkwithin. Linkwithin adalah situs penyedia widget related post bergambar untuk beberapa blog atau website. Pada posting sebelumnya juga, kang reggy pernah menjelaskan bagaimana cara memasang related post with scroll di bawah postingan. Fungsi dari related post with thumbnail ini sama dengan related post sebelumnya. Yaitu untuk mempermudah pengunjung blog sobat membaca postingan lainnya dan fungsi lainnya yaitu untuk meningkatkan pageview sobat. Nah, berikut penampakan dari related post with thumbnail (linkwithin)


Linkwithin akan membaca seluruh postingan sobat secara random. Bahkan, postingan yang belum pernah dilihat, akan ditampilkan oleh linkwithin. Jadi fiturnya bagus kan ;). Linkwithin biasanya dipasang di bawah postingan. Tampilan linkwithin, dapat menarik perhatian pengunjung untuk mengkliknya. Linkwithin melakukan generating gambar dari postingan yang dimuat, atau jika tidak ada gambar dalam suatu postingan, LinkWithin akan menampilkan gambar dasar berwarna abu-abu dan sedikit bertekstur. Nah, tertarik untuk memasangnya di blog sobat, so cek this out..

Cara memasang Related post with thumnail (linkwithin) di blog

  1. Langsung saja sobat kunjungi situsnya di www.linkwithin.com/learn
  2. Di bagian kanan, terdapat kolom pengisian untuk mendapatkan widget linkwithin
  3. Isi alamat e-mail sobat dengan benar
  4. Di kolom selanjutnya, isi dengan url blog/website sobat
  5. Kemudian pilih platform blog sobat. Nah, langkah ini dilakukan jika sobat ingin memasang widget linkwithin secara mudah dan cepat
  6. Pilih jumlah postingan/stories yang ingin ditampilkan
  7. Jika blog sobat menggunakan tampilan yang gelap, centang saja pada "My blog has light text on a dark background"
  8. Lalu klik Get Widget!

Dihalaman selanjutnya sobat akan dibimbing untuk memasang widget linkwithin sesuai dengan platform blog
Setelah itu di halaman Tata Letak, drag widget link within ke bawah postingan


Cara menghilangkan widget linkwithin di homepage


Bila sobat memasang widget link within menggunakan langkah cepat dan mudah. Hasilnya widget akan muncul di homepage. Jadi aneh terlihatnya, Selain itu, loading di homepage akan menjadi lambat dan berat. Nah, untuk menghilangkan widget linkwithin di homepage silahkan ikuti langkah - langkah di bawah ini:


  1. Ikuti langkah-langkah mendapatkan widget linkwithin seperti biasa, namun menggunakan Platform Other
  2. Lalu copy kodenya
  3. Masuk ke halaman Template
  4. Edit HTML lalu Lanjutkan
  5. Cari kode </body> gunakan ctrl+f
  6. Copy kode di bawah ini dan pastekan di atask kode </body>



Simpan Template

Cara mengganti tulisan You might also like pada linkwithin

Nah, sekarang saatnya modif widget tersebut. Yaitu dengan mengubah tulisan You might also like dengan tulisan yang sobat inginkan. Berikut langkah-langkahnya:

1.Masuk ke halaman Template
2.Edit HTML lalu Lanjutkan
3.cari kode </head> gunakan ctrl+f
4.pasang kode di bawah ini di atas kode tersebut




Ganti tulisan Artikel Terkait: dengan tulisan yang sobat inginkan
Simpan Template
Nah, bagaimana ? sudah jelas ?

Semoga Bermanfaat




Monday, November 26, 2012

Cara Menghilangkan Sidebar di Halaman tertentu Wordpress



Halaman tanpa sidebar bisa dipergunakan sebagai landing page atau sebuah halaman sales letter untuk mempromosikan sesuatu. Namun bagaimanakah cara menghilangklan sidebarpada halaman tertentu pada wordpress?
Sebagai contoh halaman home page dengan 2 sidebar disini Setelah dihilangkan di halaman tertentu lihat disini disini saya hilangkan hanya satu side bar sebelah kanan
Oke, langsung saja anda buka notepad.
1. Copy dan pastekan kode dibawah ini:

<?php
/*
Template Name: Page without sidebar
*/
?>
 
2. Kemudian copy semua kode pada page template.php theme yang anda gunakan.
3. Pastekan kode tersebut dibawah kode pada poin nomor 1.
4. Langkah keempat yaitu anda cari kode pemanggil sidebar yang seperti dibawah:

<?php get_sidebar(); ?>
 
5. Hapus kode pemanggil sidebar tersebut.
6. Save file tersebut menjadi page-without-sidebar.php.
7. Upload file yang baru saja dibuat tadi ke direktori theme wordpress yang anda gunakan melalui Filezilla
Nah sekarang adalah saatnya anda log in ke dashboard wordpress untuk membuat halaman tanpa sidebar.
1. Log in ke dashboard
2. Buat page baru dengan mengklik add new pada submenu page atau edit page yang ingin dihilangkan side barnya 
3. Lihat di kolom atribut yang berada di samping kanan bawah, anda klik pada pilihan template kemudian pilih page without sidebar.
4. Jika sudah selesai, klik publish.
5. Anda lihat, halaman yang baru saja anda buat tadi, tampil dengan tanpa sidebar. Perlu sedikit utak-atik kode CSS supaya halaman tanpa sidebar tersebut bisa serasi karena kemungkinan tulisan atau konten yang anda buat tadi tampil tidak ditengah.
Halaman tanpa sidebar ini bisa kita gunakan juga untuk membuat aStore Amazon yang diembed ke blog kita supaya terlihat serasi dengan tampilan blog atau untuk menghindari banned akun adsense karena adsense melarang menampilkan iklan adsense pada halaman bukan konten seperti halaman About, Contact, Sitemap, dll.
sekian semoga bermanfaat




Saturday, November 24, 2012

Cara Membuat Tombol Back To Top ( Kembali keatas)


Pada malam hari ini saya akan share tutorial blog, yaitu cara membuat tombol back to top | kembali keatas pada blog, sebelumnya sobat tau apa itu back to top ? atau kembali keatas ? widget ini adalah widget yang berfungsi untuk mempermudah pengunjung blog untuk kembali kebagian atas dari blog kita tampa harus mengscroll ke atas apalagi kalau postingan blog kita panjang benar, dan pengunjung ingin kembali keatas dengan cepat, dan inilah peran dari tombol berikut. cara memasang tombol ini juga tidak susah untuk itu dari pada sobat membaca tulisan saya yang kurang bermutu langsung saja ke artikel mengenai cara membuat tombol back to top | kembali keatas pada blog

Ada Dua Cara:
 Yang Pertama Cara sederhana:

pertama sobat yang pasti login ke blogger
kemudian masuk ke bagian template blog sobat
setelah itu cari kode
</body> ( gunakan F3 untuk mempercepat pencarian )
bila sobat sudah menemukan </body> kemudian sisipkan kode dibawah ini tepat di atas kode </body> 




 Untuk kode gambarnya Bisa diganti sesuai keinginan atau bisa di lihat disini
Save Tamplate dan selesai

Cara Kedua :
Tombol back to top pada cara pertama hanya tombol back to top biasa, jika anda ingin yang lebih komplit, anda bisa memekai cara kedua ini:

Tahap-tahapnya sama dengan yang diatas, cuma sekarang anda harus menambahkan kode CSS sebelum kode ]]></b:skin>, berikut penjelasannya:

1.      Cari kode ]]></b:skin> lalu sisipkan CSS berikut sebelum atau diatasnya.


   



2.      Kemudian sisipkan kode berikut ini setelah atau dibawah kode <body>

    <div id='Enjoy'>
    <a href='#' onClick='window.location.reload()' title='Reload page'>
    <img src='
http://i580.photobucket.com/albums/ss248/z33s/refresh.png'/></a>
    <a expr:href='data:blog.homepageUrl'><img src='
http://i580.photobucket.com/albums/ss248/z33s/house.png'/></a>
    <a href='#' title='Ke Atas Halaman'><img src='
http://i580.photobucket.com/albums/ss248/z33s/topopg.png'/></a>
    <a href='#footbar' title='Ke bawah halaman'>
    <img src='
http://i580.photobucket.com/albums/ss248/z33s/down.png'/></a>
    </div>



3.      Lalu simpan tamplate anda, dan lihat hasilnya…

Keterangan:
=> Warna merah adalah gambar untuk tombol-tombolnya
=> Warna kuning adalah posisi tombol

apabila tombol down / ke bawah tidak berfungsi silakan ganti kode yang berwana hijau seperti ketyerangan di bawah:

=> Untuk kode #footbar anda ganti dengan #footer atau #copyright sesuaikan dengan HTML template anda.

Sedikit tambahan lagi untu menentukan tempat tombol berada di sebelah kanan atau kiri blog silakan ganti kode yang berwarna orange left (untuk sebelah kiri) right (untuk sebelah kanan blog anda).

Semoga Berhasil




Friday, November 23, 2012

Cara Membuat Tombol Replay Komentar di Blog

Tidak semua Template atau Themes Blogger (blogspot) terdapat tombol Reply pada komentar. Jika demikian tak perlu mengganti Themes Blog karena hal sepele tersebut. Lebih baik lagi jika kita membuatnya sendiri.

Ga pake basa basi langsung aja ( jangan Lupa backup dulu templatenya)

1. Login ke akun Blogger anda.
2. Klik Rancangan, kemudian pilih Edit HTML.
3. Centang Expand Template Widget (dianjurkan anda mem-backup themes anda)
4. Cari code berikut ini (gunakan Ctrl + F)


<b:include data='comment' name='commentDeleteIcon'/> 

5. Jika sudah ketemu, pasang code berikut ini DIBAWAH nya.


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


Keterangan:



Blog ID anda : Isi Dengan Blog ID anda
Balas Komentar : Bisa diganti dengan image atau gambar

<img src='Letak URL gambar' title='Balas Komentar/Reply'/> 

Jika anda tidak mempunyai gambar untuk tombol, bisa menggunakan tombol dibawah ini:

  1. http://2.bp.blogspot.com/_pknArfM_ZLM/TOd34xdGT9I/AAAAAAAAAZ0/VILwDUGqfuE/s1600/CR-ZiaNka+Art_Reply-Gray.png
  2. http://1.bp.blogspot.com/_pknArfM_ZLM/TOd35u5DFeI/AAAAAAAAAZ4/eGzccul4scQ/s1600/CR-ZiaNka+Art_Reply-Green.png
  3. http://1.bp.blogspot.com/_pknArfM_ZLM/TOd36OzSXLI/AAAAAAAAAZ8/zhxig8joFHo/s1600/CR-ZiaNka+Art_Reply-Crome.png
6. Save themes anda.

Semoga bermanfaat





Wednesday, November 14, 2012

Cara Membuat Link di Kolom Komentar

Cara Membuat Link di Kolom Komentar, di saat anda berkunjung ke blog sobat lain dalam rangka memperbanyak jumlah link (tautan) dan meningkatkan trafik blog anda, anda perlu menyisipkan jejak link anda pada kolom komentar sebuah posting. Tetapi yang paling penting adalah komentar yang anda entry haruslah berhubungan dengan posting yang sedang anda simak. Saya sarankan jangan sembarangan menyisipkan link, apalagi banyak-banyak nanti komentar anda ditolak.

Sebenarnya sederhana saja, anda tinggal menyimpan link dengan menulis kode tag HTML pada kolom komentar, caranya tulis tag alamat dan anchor link blog anda.




Contoh 1
<a href="http://nama blog anda.com">Anchor Text</a>, maka hasilnya akan terlihat seperti ini : Anchor Text

Anda juga dapat menambah efek huruf tebal dengan tag <b> dan </b>.
 Contoh :2
<b><a href="
http://nama blog anda.com">Anchor Text </a></b>, maka akan terlihat seperti ini : Anchor Text


Teks berwarna merah anda gantikan dengan nama blog dan teks anchor blog anda.

Ini hanyalah salah satu tag yang dapat anda manfaatkan sebagai pemanis tampilan, masih banyak variasi tag lainnya yang dapat anda sisipkan pada anchor link anda.

Semoga Cara Membuat Link di Kolom Komentar ini bermanfaat, selamat mencoba.





Monday, November 12, 2012

Cara Mendatangkan Ribuan Visitor

Mempunyai banyak pengunjung di blog memang sangat menyenangkan dan mendatangkan banyak visitor ke blog sangat lah cocok dan tidak ada salahnya di coba Blog baru yang muncul bisanya masih miskin visitor / pegunjung. Maka dari itu kita pemilik atau Admin blog masing – masing harus lebih mengoptimalkan SEO seperti Analisa SEO Menggunakan SEO Doctor rutin update postingan blog dengan unik content jangan asal copas artikel dari blog lain demi mengisi postingan di blog baru anda. Kembali pada judul postingan saya kali ini adalah Cara Mendatangkan Banyak Pengunjung Dengan Cepat. Blog yang baru pun anda bisa mendatangkan ratusan pengunjung blog anda. Trik tips cara ini sudah terbukti ampuh dengan hasil yang lumayan memuaskan. Easyhits4u adalah web yang membuat anda kebanjiran pengunjung. Ini yang saya maksud cara mudah mendatangkan banyak pengunjung ke blog. Terbukti ampuh dah pokonya.
ada dua cara yang ingin saya bagikan di sini

PERTAMA : www.easyhit4u.com

The Best Traffic Exchange
  • Kunjungi http://www.easyhits4u.com/  atau klik banner diatas kemudian  daftar.
  • Klik Join Now!
  • Isi form pendaftaran, saya anggap anda sudah bisa.
  • Jika sudah terisi semua beri tanda cek dan klik Join Easyhits4u.
  • Buka email yang anda daftarkan tadi dan cari email dari Easyhits4u di inbox atau spam guna untuk activasi kode.
  • Dan klik link Verifikasi / Activation Code.
  • Silahkan login dengan username dan password yang sudah anda daftarkan tadi.
Proses pendaftaran sudah selesai. Sekarang bagaimana supaya blog kita kebanjiran pengunjung ? Tapi kalo menurut saya lebih pas Cara Mendatangkan Banyak Pengunjung Dengan Cepat bukan kebanjiran pengunjung. Emang apa bedanya?  ) ya sudahlah. Sekarang kita lanjut Cara Mendatangkan Banyak Pengunjung Dengan Cepat :
  • Setelah login di Easyhits4u kemudian klik try rught now.
  • Easyhits4u akan memberikan anda 2 pilihan yaitu (2:1) 15 Detik atau (1:1) 20 Detik. Maksud perbandingan (2:1) 15 Detik adalah kita akan mengunjungi 2 buah web atau blog yang terdaftar di Easyhits4u juga namun blog anda cuma akan di kinjungi satu kali dengan durasi kunjungan 15 Detik. Beda dengan perbandingan yang kedua yaitu (1:1) 20 Detik artinya kita mengunjungi satu web / blog dan kita juga mendapat 1 pengunjung intinya sama – sama untung, namun ini membutuhkan durasi 5 Detik lebih lama atau 20 Detik.
  • Saya sarankan klik yang (1:1) 20 Detik saja.
  • Untuk pertama kalinya anda harus memasukan URL title web blog  dan settingan lainya sesuai anda.
  • Klik Submit site.
  • Klik confirm.
  • Semoga berhasil Mendatangkan Banyak Pengunjung Dengan Cepat pada blog anda. 
 

RelmaxTop - the very best site counter. From creators of EasyHits4U


  • Kunjungi http://www.remaxtop.com  atau klik banner diatas kemudian  daftar.
  • Klik Join Now!
  • Isi form pendaftaran, saya anggap anda sudah bisa.
  • Jika sudah terisi semua beri tanda cek dan klik Join Easyhits4u.
  • Buka email yang anda daftarkan tadi dan cari email dari Easyhits4u di inbox atau spam guna untuk activasi kode.
  • Dan klik link Verifikasi / Activation Code.
  • Silahkan login dengan username dan password yang sudah anda daftarkan tadi.
  • silahkan diikuti semua perintahnya
Nah, agar pengunjung kita tetap langgeng dan bisa bertahan, maka kita bisa menyuruh setiap pengunjung tersebut untuk bergabung di blog kita melalui kotak follower, sehingga setiap kita update artikel, pengunjung kita akan bisa mendapatkan update tersebut dan mengunjungi blog kita.  Semoga bermanfaat..





Sunday, November 11, 2012

Cara Mengecek Page Rank Blog

 Cara Mengecek Page Rank Blog

Pada tutorial kali ini saya hanya mengulang saja dikarenakan  sudah banyak tutorial seperti ini di internet

kali ini saya akan memberikan tool nya di sini agar pembaca setia tidak usah repot repot untuk mencarinya kesana kemari
Kita tidak tau kapan saja Google mengupdate rank  kita maka dari itu sering sering megecek status page rank kita minimal 1 bulan sekali
Berikut tool untuk mengecek Page Rank kita silahkan masukkan  url web anda dibawah ini kemudian klik  tombol Check PR





Check Page Rank of your Web site pages instantly:
This page rank checking tool is powered by Page Rank Checker service




Friday, November 9, 2012

Cara Setting Plugin All In One SEO Pack

Cara Setting Plugin All In One SEO Pack

Setelah di Install, maka langkah selanjutnya adalah melakukan setting. Berikut uraiannya :

* Alihkan perhatian kesebelah kiri monitor, arahkan pointer mouse ke menu
Settings kemudian pilih All In One SEO



* Untuk versi gratis, pada menu setting ini banyak terlihat iklan, abaikan saja. Scrool sedikit ke bagian bawah ke bagian form pengaturan.

* Akan terlihat form pengaturan. Pada dasarnya semua form ada keterangannya dari si pembuat plugin sehingga lebih mudah untuk di mengerti akan fungsinya, namun terlebih dahulu harus klik pada judul form masing-masing agar keterangan tersebut menjadi muncul.


* Plugin Status: pilih Enabled agar fungsi plugin dapat bekerja.
* Home Title: Isi dengan judul blog anda untuk bagian homepage (halaman depan). Misal : Cara membuat blog di blogspot dan wordpress.

Sebuah judul blog sebaiknya mengandung kata-kata (keywords) yang nantinya ingin bagus rangkingnya di search engine, jumlah karakter yang kang Rohman sarankan sekitar 54 karakter. Jadi, jangan terlalu pendek atau terlalu panjang.

* Home Description: isi dengan deskripsi blog anda untuk bagian homepage (halaman depan). Misal : Cara membuat blog menggunakan blogspot, wordpress serta informasi seputar teknologi terkini yang bisa anda akses secara gratis.

Sebuah deskripsi hendaklah mengandung kata-kata (keywords) yang menjadi target utama agar rangking di search engine menjadi bagus. Jumlah karakter yang disarankan adalah sekitar 154 karakter. Jangan terlalu pendek atau terlalu panjang.

* Home Keywords (comma separated): isi dengan kata kunci (keyword) yang di inginkan. Kata kucin yang di tulis boleh satu kata, dua atau 3 kata. Keyword yang satu dengan yang lain dipisahkan dengan tanda koma. Misal : membuat blog, membuat blogger, membuat blogspot, membuat wordpress, membuat blogspot gratis, membuat blog gratis, cara membuat blog, cara membuat wordpress, info teknologi.

Jumlah keyword yang disarankan tidak lebih dari 12 keywords.

* Canonical URLs: Disarankan untuk di centang

* Rewrite Titles: Disarankan untuk di centang

* Untuk pengaturan : Post Title Format, Page Title Format, Category Title Format, Archive Title Format, Tag Title Format, Search Title Format, Description Format, 404 Title Format, serta Paged Format pada dasarkan sudah disetting secara default. Pengaturan tersebut boleh anda ubah atau biarkan apa adanya.

* SEO for Custom Post Types: ini berlaku bila blog anda mempunyai Custom Post Types ( dilain waktu akan di bahas apa itu Custom Post Types ). Pilihan ini boleh dicentang atau biarkan saja. 



* Custom Post Types for SEO Column Support: ini masih berhubungan dengan Custom Post Types, jadi biar saja bila anda belum mengerti.

* Google Plus Profile Sitewide Default: bila anda mempunyai akun google plus, maka isi form ini dengan alamat profile google plus. Jika tidak punya biarkan kosong

* Google Analytics ID: bila tracking blog anda menggunakan Google Analytics, maka isi form dengan ID nya. Ingat, bukan kode keseluruhan tapi ID nya saja. Contoh : UA-28868168-1

* Use Categories for META keywords: centang bila meta keyword ingin berdasarkan kategori. Tapi, disarankan untuk tidak mencentangnya.

* Use Tags for META keywords: centang bila meta keyword ingin berdasarkan tag. Tapi, disarankan untuk tidak mencentangnya.

Dynamically Generate Keywords for Posts Page: sebaiknya biarkan dicentang

* Use noindex for Categories: zaman google penguin seperti saat ini, sebaiknya di centang saja

* Use noindex for Archives: sebaiknya di centang saja

* Use noindex for Tag Archives: sebaiknya di centang saja

* Autogenerate Descriptions: boleh dicentang atau biarkan saja.

* Capitalize Category Titles: boleh dicentang atau tidak. Ini hanya untuk tampilan tulisan saja yang berbentuk kapital di tiap kata.

Exclude Pages: ini diisi bila ada alamat yang ingin di exclude. Misal : /forum/,/contact/ . Biarkan saja kosong bila tidak ada yang ingin di exclude.

* Additional Post Headers: Ini diisi bila anda ingin memasukkan kode tertentu pada post header. Kosongkan saja bila anda kurang mengerti.

* Additional Page Headers: diisi bila anda ingin memasukkan kode tertentu pada page header. Kosongkan saja bila anda kurang mengerti.

* Additional Home Headers: diisi bila anda ingin memasukkan kode tertentu pada home header. Kosongkan saja bila anda kurang mengerti.

* Log important events: boleh dicentang atau biarkan saja, ini untuk kepentingan log

* Klik tombol Update Option untuk menyimpan pengaturan.


* Selesai.

Pengaturan AIO SEO Pack saat Posting


Dengan All In One SEO Pack (AIO SEO Pack), setiap artikel bisa memiliki judul blog, deskripsi serta keyword sesuai dengan yang diinginkan sehingga ini akan bernilai lebih untuk ranking postingan tersebut di search engine. Namun, untuk itu semua anda perlu mengisi form yang ada ketika membuat postingan baru.

Berikut caranya :

* Silahkan membuat postingan baru.
* Isi artikel seperti biasa, pada kolom bagian bawah akan muncul form yang di generate oleh AIO SEO pack, anda perlu mengisinya sesuai dengan yang di inginkan.

* Title : isi dengan judul postingan, boleh sama dengan jusul post boleh juga beda. Judul ini khusus di tujukan untuk search engine. Jumlah karakter yang disarankan sekitar 54 karakter.
* Description: isi dengan deskripsi yang berhubungan dengan posting yang sedang di buat.
* Keywords (comma separated): isi dengan keyword yang di inginkan.

* Bila sudah yakin, silahkan publikasikan.
* Selesai.


AIO SEO Pack hanyalah membantu agar ranking blog anda pada search engine lebih baik dari sebelumnya, namun tentu tidak ada jaminan setiap posting anda akan mempunyai ranking bagus karena masih banyak faktor SEO lain yang mempengaruhi. Dan ingat, yang memakai plugin All In One SEO Pack bukan hanya anda seorang, jadi tidak mungkin semuanya bisa jadi nomor satu di Search Engine bukan? 637ZUU6THF7T





Friday, November 2, 2012

Cara Memasang Script HTML di halaman Posting





Dalam hal  Memasang Script HTML Pada Halaman Posting  blog mungkin tidak mengalami kesulitan,karena biasanya tinggal memasukkan kode html di menu compose bukan di HTML maka sript html itu akan muncul tanpa mengubah scriptnya lain halnya kalau di wordpress harus sedikit di modifikasi HTML codenya.Dan memang dalam Memasang Script HTML Pada Halaman Posting ada tricks khusus sehingga script HTML tersebut bisa ditampilkan dalam postingan blog/wordpress kita.

Umumnya jika kita ingin menampilkan link alamat blog kita untuk bertukaran link, maka yang dipasang pada halaman/sidebar blog kita adalah scripts HTML. Contoh pada blog saya bisa dilihat pada halaman Tukar Link atau di postingan wordpress contohnya disini.
menurut pengalaman saya untuk membuat memasang script di cms bloggre saya tidak mengalami kesulitan tetapi begitu ingin memasang di cms Wordpress ternyata tidak bisa copas langsung.

Begini tutorialnya
Sebelum memasang di halaman/sidebar sebelumnya code HTML harus di rubah dulu

Sebenarnya ada cara manual  tetapi biar ga repot kita gunakan bantuan tools HTML Convert text to HTML entities (and vice-versa).
Klik disini untuk masuk ke tools yang dimaksud

Nanti agan tinggal copy script HTML yang ingin ditempatkan pada halaman posting/sidebar. Jadi tidak perlu repot-repot merubah secara manual. Setelah agan copy script HTML pada tools HTML Convert text to HTML entities (and vice-versa). Klik Encode dan hasilnya copy script HTML lalu paste pada halaman posting/sidebar.
Dan ingat, ini hanya merubah kode-kode tertentu saja. Jadi agar kode berjalan lancar sebelum agan publish/terbitkan/simpan, pada awal script tambahkan <code> dan akhir script </code>.
hasilnya seperti dibawah ini


<code>
&lt;!-- Start nuansa Code --&gt;&lt;a href=&quot;http://nuansashop.com/link-exchange&quot; target=&quot;_blank&quot; title=&quot;Nuansa Shop&quot;&gt;&lt;img src=&quot;http://i1078.photobucket.com/albums/w500/nuansaonline/Nuansashopbck.gif&quot;/&gt;&lt;/a&gt;&lt;!-- End nuansa Code --&gt;
</code>

Sekarang jika agan menginginkan script HTML berpenampilan lebih menarik setelah kita publish/terbitkan/simpan, maka agan harus menambahkan kode-kode tertentu pada script HTML tersebut.


Contoh


<!-- Start nuansa Code --><a href="http://nuansashop.com/link-exchange" target="_blank" title="Nuansa Shop"><img src="http://i1078.photobucket.com/albums/w500/nuansaonline/Nuansashopbck.gif"/></a><!-- End nuansa Code -->

Kode yang ditambahkan adalah


<div style="overflow: auto; background-color: #eaf9d4; text-align: center; border: 5px solid #999999; padding: 5px;">letakkan script HTML disini</div>

mudah mudahan membantu




Wednesday, October 31, 2012

Kumpulan Tool SEO Auto Backlink

 

 

Memanfaatkan Auto Backlink Gratis untuk Submit Blog

Memanfaatkan Auto Backlink untuk Submit Blog ? Nah kayaknya penting deh supaya blog kita lebih banyak backlinknya. Nah ini ada beberapa Autobacklink Gratis yang dapat anda coba. Anda bisa coba Autobacklink Gratis berikut :

Submit ke 104 backlink Gratis dan otomatis, klik di sini
Submit ke 75.000 backlink Gratis dan otomatis, klik di sini
Get Free Backlink klik di sini
Submit ke 300 search engine klik disini 
Submit ke 3000 web gratis klik disini

 Gunakan dengan bijak sob jangan langsung di coba semua
untuk blog yang baru cukup submit ke 100 - 200 aja ya
 

Silakan teman-teman coba, semoga bermanfaat




Tuesday, October 30, 2012

Tool Kode Warna



Kumpulan kode warna untuk memperindah blog sobat

Kode Warna





Thanks




Css Compressor Tool




Tools ini mempunyai fungsi untuk mengcompress atau memampatkan kode CSS di template blog agar ukurannya menjadi berkurang sehingga loading blog menjadi ringan.
Sebelum melakukannya diharap membackup dulu template anda

berikut langkah-langkahnya :

a. Login ke Blogger > Tata Letak > Edit Html
b. Potong atau CUT kode CSS yang ada di template blog Anda

Catatan : Kode CSS berada diantara kode <b:skin> dan </b:skin>



Untuk membuat loading blog lebih cepat kita perlu mengcompress kode CSS dalam template blog kita, nah disini Ane ada CSS Compressor yang bisa digunakan untuk mengcompress kode CSS kita. Terima Kasih sudah berkunjung ke nuansatrik.blogspot.com
Switch to Advanced mode instead for greater customization. Compression mode: (?) Light Normal Super Compact Comments handling: (?) Don't strip any comments Strip ALL comments Strip comments at least chars long (NOT counting line breaks within comment) Insert CSS code:


c. Sekarang copy kode CSS yang baru saja Anda kompresi dan paste ke dalam template blog diantara kode <b:skin> dan </b:skin> 
d. Simpan

Dan sekarang silahkan rasakan perubahan yang terjadi pada blog Anda, semakin ringan bukan loadingnya?
Semoga postingan ini bermanfaat...salam




Tool Submit ke beberapa search engine





1. Submit/mendaftar ke puluhan search engine secara otomatis





2. One click sitemap submitter
      kegunaannya untuk  submit sitemap otomatis ke beberapa search engine sekaligus


Silahkan digunakan dengan bijak




Parse HTML Tool





Parse HTML adalah salah satu cara yang di gunakan para blogger untuk memposting artikel yang berkaitan dengan code HTML/javascript. Kegunaannya agar kode yang kita posting di dalam artikel akan tampil menjadi sebuah karakter/tulisan. Karena jika kita memposting kode script ke dalam artikel, maka tulisan tidak akan muncul atau malah muncul sebagai widget.

Sebagai alat bantu untuk memudahkan kita memparse kode HTML supaya dapat ditampilkan menjadi tulisan di postingan kita, kita membutuhkan tools parse HTML









masukkan script kode HTML kedalam kotak dibawah ini kemudian klik Convert 





Monday, October 29, 2012

Memverivikasikan diri sebagai penulis postingan

Menu Statistik Penulis di Webmater Tools sangat berguna untuk monitoring tulisan-tulisan Anda di Google.
Untuk menggunakannya, Anda perlu terlebih dahulu men-verifikasi diri Anda. Setelah terverifikasi, baru tulisan-tulisan dari Blog Anda diakui Google sebagai tulisan Anda. Kembali kali ini, Blog Anda akan berhubungan langsung dengan Google +

Setelah terverifikasi, maka nama Anda akan muncul di Hasil Cari Google dan juga Google News (bagi contributor di Blog yang masuk Google News, alias penulis-penulis hebat). Tapi, meski belum mampu tembus Google News, sudah kebanggaan tersendiri ketika nama kita muncul di hasil cari Google. Dengan begitu jelas, artikel tersebut diakui Google memang tulisan kita.


Alternatif Pertama
1. Pastikan tag nama penulis Anda muncul di postingan Anda. Lebih manjur lagi jika Anda menyertakan Email Anda di postingan (untuk email, memang surat edaran google menyarankan seperti itu, tapi saya memilih tidak menyertakannya)

Tag nama penulis adalah keterangan penulis artikel pada suatu postingan. Bisa terletak di bagian atas artikel atau kaki artikel. Biasanya berdekatan dengan tanggal artikel. Jika Anda tidak menemukannya di blog Anda, silahkan aktifkan melalui:
- Tata Letak
- Klik link Edit pada bagian kanan bawah area postingan di tata letak.
- Muncul kotak dialog, silahkan centang penampilan author. Anda bisa memilih untuk menampilkan berbagai tombol lain seperti share buttons, post to email, quick edit dan lain-lain.

2. Tambahkan Email Anda ke Profil Google
- Sign in di Google+
- Pada bagian kanan atas klik tombol Edit Profil
- Sorot bagian kontributor untuk / Contributor To untuk mengedit bagian ini hingga berwarna biru muda kemudian klik. Silahkan tambahkan situs Anda di sana. Kemudian klik Save.

- Kemudian sorot bagian kantor/work, hingga berwarna biru muda kemudian klik. Isikan Email Anda disana.

- Jika sudah, silahkan klik tombol di bagian atas, yakni Done Editing.


- Setelah selesai edit, perhatikan lagi pada bagian work. Jika Anda benar mengisikan email Anda, maka email Anda akan terlihat disana. Di sebelah kanan email, silahkan klik link Verify.
- Email verifikasi akan dikirmkan ke inbox Anda. Silahkan buka Email Anda.(Catatan: Kadangkala link verifikasi yang dikirim gagal di klik, cobalah Anda copy manual dan paste di Address Bar, kemudian Enter)

Ada beberapa kemungkinan jika postingan Anda tidak terverifikasi.
   beberapa problem bisa terjadi karena:
- Tag Author tidak nge-link ke profil Google + Anda. Perhatikan pada bagian tag author postingan Anda seperti berikut ini:

<span class='fn'><data:post.author/></span>

silahkan ganti dengan:

<span class='fn'><a href='alamatprofilgoogleplusAnda' rel='author'><data:post.author/></a></span>

- Penting untuk menambahkan situs ke profil Google Anda. Seperti pada artikel sebelumnya, setelah kita memasang link profil google di blog kita, kita juga perlu memasang link blog di halaman profil google kita. Jika tidak, maka akan ada pesan error:
Error: No link to the URL's parent site found. You must add this link to either the Other profiles or Contributor to section of your Google Profile
Jadi, pastikan Anda telah menambahkan situs Anda di profil Google Anda. Hal ini juga membantu ketika Google menemukan lebih dari satu URL google profil di halaman Anda.

Semoga bermanfaat...

Selesai





Cara Menampilkan Widget/Iklan/Link/Sript Hanya dibagian Posting





Nah kali ini saya akan berbagi tentang bagai mana cara menampilkan Widget/Iklan/Link/Sript Hanya dibagian Posting ( Post Body )
Karena saya sendiri sebagai newbie yang baru belajar  ingin bagi bagi pengalaman kepada sobat sekalian supaya blognya menjadi keren

ok kita mulai

Anda dapat mengedit template html blog dan memasukkan tag b if cond, yang berfungsi sebagai perintah untuk menampilkan suatu hanya pada bagian tertentu. Cara ini saya dapat sebagai salah satu trik untuk menyembunyikan Google Adsense di blog yang lain dan ternyata bisa juga digunakan untuk script lain, misalnya widget-widget tambahan, baik dalam HTML murni maupun java.

Masuk ke edit HTML, centang expand widget templates, dan masukkan kode berikut Tepat SEBELUM </body> (gunakan Ctrl+F untuk mencari):
atau juga pada  dibawah kode <data:post.body/> sesuai tutorial widget masing masing seperti contohnya bisa dilihat di bawah postingan saya
yaitu widget link within

<b:if cond='data:blog.pageType == &quot;item&quot;'>
script widget/iklan/script lain anda disini
</b:if>

Ganti  script widget/iklan/script lain anda disini dengan script atau link aktif anda


Untuk sript iklan kadang kadang harus di parse terlebih dahulu, untuk memparsenya klik disini
simple kan




Cara Membuat Widget Berlangganan Keren dibawah postingan



Kali ini saya akan mebagikan cara membuat widget berlangganan  yang unik,,

Sebelumnya saya juga sudah memposting topik yang sama tetapi setelah di lihat2 kira kira kurang bagus jadi saya buatkan postingan utnuk widget yg lebih bagus.

Untuk penampakannya  Lihat dibawah postingan ini


Langsung aja sob ga pake basa basi:

Langkah :
  1. Buka akun bloger anda ( jangan akun orang lain heheheh)
  2. Back Up templatenya utk jaga2 siapa tau gagal
  3. Masuk ke menu Edit HTML , jangan lupa centang Expand Template Widget
  4. cari kode di bawah ini
     </head> 
     4.Copy kan kode di bawah ini dan pastekan tepat diatas kode </head>
     5. Kemudian cari kode   ]]></b:skin>  Pastekan kode dibawah ini tepat diatasnya



     6.Kemudian cari kode  <data:post.body/>  Pastekan kode dibawah ini tepat di bawahnya
    
 " catatan: mungkin tiap tiap blog mempunyai desain yang berbeda sehingga akan di temukan 3 atau
    4 kode yang sama, kalau saya pribadi saya letakan pada kode ke 3, silahkan di coba saya sendiri
    menggunakan trial n error,,, saya coba satu satu sampai ketemu seting yg di inginkan jangan  lupa
    backup tamplatenya"     



  
<!-- script berlangganan data post awal here -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Script Artikel Berlangganan  -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Anda sedang membaca Artikel tentang <strong><u><data:blog.pageName/></u></strong>, jika Anda menyukai Artikel di blog ini, silahkan masukkan email Anda dibawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel baru.
<div class='ardi33subs'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=diesilver&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRssardi33' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketikkan email anda disini&quot;;}' onfocus='if (this.value == &quot;Ketikkan email anda disini&quot;) {this.value = &quot;&quot;;}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='nuansatrik'/>
<input name='title' type='hidden' value='nuansatrik'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRssardi33' type='submit' value='Subscribe'/></div>
</form></td>
<td align='left' style='padding:6px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/nuansatrik'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/nuansatrik?bg=9b9b9b&amp;fg=fffffff&amp;anim=0' style='border:0' width='88'/></a>

</td>
</tr>
</table>
</div>
</div>
</div>
<div class='clear'/>

</b:if>
<!-- End Artikel Berlangganan -->


   7. Ganti kode nuansatrik (ada 4) dengan nama feed anda
   8. Save Tamplate
   9. Selesai deh  di "Like" ya






Saturday, October 27, 2012

Cara Mendapat Ribuan Visitor Dari blogspot





Nah kali ini saya akan berbagi trik mendatangan ribuan visitor ke blog anda,, tentunya bukan dalam satu hari anda langsung mendapatkan ribuan visitor namun bertahap tapi pasti, dan jangan lupa postingnya yang berbobot

ok langsung kita mulai
tahap pertama

Sebelumnya Pastikan anda sudah beralih ke Profile Google Plus (Recomend)
Kemudian Pastikan sudah ada rel='Author'/> di bawah <head> Contoh agar lebih jelas:
<head>
<link href='url google plus agan disini' rel='author'/>
<link href='url google plus agan disini' rel='publisher'/>
</head>


kenapa harus ada ini? agar ketika di cek hasilnya Verified

NEXT

Buatlah Rating Bintang Rich Snippet
Rating Bintang Rich Snippet adalah dimana pada hasil pencarian di SE postingan kita terdapat 5 bintang, itu artinya artikel kita seolah-olah popular memiliki Rating di SE. so’ ini merupakan teknik SEO. Bagaimana cara membuatnya:



[] Cari kode <data:post.body/> di edit html

  Pastekan kode berikut tepat dibawah kode <data:post.body/>
<p>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:30px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; width:85px; float:left;'>
 <img height='55px' itemprop='photo' src=Masukkan Masukkan URL Photo Profil Google Plus' width='55px'/></div>
<div style='padding:5px; font-size:11px; float:left;'>
Title Post: <span itemprop='itemreviewed'><b><data:post.title/></b></span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>100%</span>
</span>
based on <span itemprop='votes'>99998</span> ratings.
<span itemprop='count'>5</span> user reviews.<br/>
Author: <b><a href='Masukkan Link URL Google Plus dinsini'><data:post.author/></a></b><br/><br/>
 Terimakasih sudah berkunjung di blog tip n trik, Jika ada kritik dan saran silahkan tinggalkan komentar</div>
</div>
</div>
</b:if>
</p>
 
Catatan: Untuk kode yang berwarna biru: Silahkan di ganti dengan url gambar G+ dan URL Google Plus anda

NEXT
Selanjutnya Buatlah Breadcrumb yang dapat di Index oleh SE Google.
Cara Buatnya Adalah



#Cara Membuat Breadcrum yG di index oleh Google
Seperti biasa Login ke Blogger, Masuk Edit HTML, Cari kode ]=]=></b:skin>
Copy kode dibawah ini, kemudian pastekan di atas kode ]=]=></b:skin>
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
Kemudian cari kode <b:includable id='main' var='top'> ganti dengan kode dibawah ini:
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
 


Silahkan test url artikel anda di   Rich Snippets Testing Tools.

Jika Proses ini jalan dengan baik, tidak ada error maka:
Artikel anda akan mudah dicrawl oleh robot
Dengan ada Rating, Artikl anda kelihatan populaar, hingga dapat didogkrat ke posisi page 1
Untuk visitor 5k+/day itu mengikuti, tidak langsung anda gunakan trik ini kemudian visitor anda tiba-tiba 5k
jadikan SEO sebagai Proses jangka Panjang.


Jika Terdapat error silahkan lihat cara memprbaikinya disini







Memperbaiki Error pada Snippet testing tool


 Setelah tangan pegel cari solusi error pada snipet testing tool,,

Warning: Missing required field "updated".

Warning: Missing required hCard "author".

akhirnya nemu juga solusi jitu
disini saya akan berbagi kepada sobat semua biar ga sait pinggang cari kesana kemari
oke langsung menuju laptop heheheh

backup dulu template nya

untuk mengatasi " Warning: Missing required field "updated". dan   Warning: Missing required hCard "author"

pada intinya cari dan hapus setiap kata hfeed dan hentry contoh pada:

<div class='blog-posts hfeed'> menjadi <div class='blog-posts'>.


<div class='post hentry'> dan <div class='post hentry uncustomized-post-template'>. menjadi <div class='post'> dan <div class='post uncustomized-post-template'>.


Setelah itu save dan cek di   Rich Snippets Testing Tools.  taraaaaa  errornya hilang deh


sekian dulu kalau suka silahkan di shar dan di like ya





Friday, October 26, 2012

Bisnis jual beli "LIKE" Facebook



Bisnis jual beli "LIKE" Facebook


Ada ada saja peluang bisnis di jaman sekarang sampai sampai "Like" di facebook dijadikan lahan bisnis bagi segelintir orang dengan membuat fake facebook. misalnya mengenai kapanye dukungan terhadap anti rokok,  banyak para simpatisan anti rokok yang mengklik 'like' halaman ini.. nah setelah mendapatkan ratusan ribu 'like' ini maka halaman ini pun di jual dan berubah fungsi,,, yang tadinya anti rokok sekarang halaman tersebut berganti menjadi topik Bisnis ......hah cape deh

Sebuah blog yang diposkan oleh Daylan Pearce, ahli mesin pencari di Next Digital di Melbourne, menjelaskan bagaimana cara kerja penipuan (scam) dan menunjukkan bagaimana halaman-halaman tersebut dijual.

Unggahan gambar yang berisi deskripsi seperti “Klik ‘like’ jika Anda bisa melihat harimau”, atau “Berikan komentar dan lihatlah apa yang akan terjadi” digunakan untuk mengumpulkan “like” dan komentar untuk sejumlah halaman.

Begitu halamannya telah mengumpulkan ribuan “like” dan komentar, maka halaman itu akan memiliki posisi tertinggi dalam News Feed para pengguna Facebook. “Like” bagaikan mata uang bagi situs tersebut.

Pearce mengungkapkan bahwa halaman dengan 100.000 “like” dapat dijual seharga $200 (sekitar Rp2 juta).

ada juga teknik (menipu )lain dalam mendapatkan 'like' ini

sebagai contoh ada yang memposting gambar merpati



ada perintah klik gambar ini atau ketik suatu kata maka akan terjadi perubahan,,,, bagi yang penasaran langsung mengklik gambar itu tetapi sebenarnya mereka telah masuk jebakan ini
karena setelah di klik ternyata tidak ada perubahan apa apa,,,,,jebakan betmen kata penggemar forum heheheheh

Pagi para pebisnis yang ingin cepat populer mereka membeli FB yang "like"nya sudah banyak, biar ga usah susah payah kampanye "bantu like ya" hehheheh


Silahkan disikapi secara bijak sob





Thursday, October 25, 2012

Cara membuat Widget Berlangganan Dibawah Posting

Membuat Widget Berlangganan Artikel Via Email, RSS, Facebook Twitter di Bawah Postingan Blog.

Sebanyak apa pelanggan artikel / postingan sobat blogger? masih sedikit, atau lambat sekali nambahnya? Nah, bisa jadi di blog sobat belum dipasang widget untuk berlangganan untuk update postingan blog. Sebetulnya banyak cara agar pelanggan blog kita terus bertambah, bisa dengan memasang halaman facebooktwitter follower box, memasang widget berlangganan via email dan lainnya.

Memang, banyak teknik yang dipakai seorang blogger dalam memasang widget-widget seperti ini, ada yang menempatkannya terpisah-pisah antara satu dengan yang lain. Mungkin facebook page tersendiri, follow twitter atau subscribe via rss tersendiri.
Atau bisa jadi sobat menempatkannya di sidebar, footer maupun di bawah postingan blog. Dan saya kira semua tergantung selera si pemilik blog itu sendiri. Namun jangan salah, penempatan widget berlangganan artikel juga perlu strategi tersendiri agar mudah dilihat pengunjung blog, dan pengunjung tertarik untuk berlangganan artikel blog kita.


Pada tutorial kali ini, saya mau sedikit berbagi kepada sobat blogger yang lain, bagaimana cara membuat widget berlangganan artikel blog yang letaknya di bawah postingan blog, dimana seluruhnya digabungkan, yaitu via email, rss feed, facebook page, twitter dan google plus 1.

Untuk melihat live demonya sobat bisa buka di sini

membuat dan memasang widget berlangganan artikel blog
widget pelanggan blog


Oke saya kira langsung saja.
1. Masuk ke akun blogger > Dasbor > Template > Edit HTML

2. Jangan lupa backup dulu template sobat dan centang Expand Template Widget.

3. Cari kode  berikut ini;

<data:post.body/>
atau jika di template sobat ada banyak macam kode di atas, agar tidak bingung cari kode di bawah;

<div class='post-footer-line post-footer-line-1'/>

Kemudian masukkan kode berikut ini, di atas kode tadi (pilih salah satu)



<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>
form.feedburner{
margin:20px 0 0;
display:block;
clear:both;
}
.dcstyle{
background:url(http://3.bp.blogspot.com/-pl1ECUAcVEQ/T4YS7ZgR_uI/AAAAAAAAB_k/R92yDhiO65Q/s400/email_icon.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.dcsubmit{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}

#emailwidget-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:480px;
}
#emailwidget-outer:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
#emailwidget-outer td{
padding:3px 0;
}
</style>

<center>
<div id='emailwidget-outer'>
<div id='emailwidget'>
<table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
<tbody>

<tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>

<td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'> <p style='color:#666; font-weight: bold; font-size: 18px; margin:0px 0px 5px 0px; '>Berlangganan artikel via email!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogbelajar2&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='blogbelajar2'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='dcstyle' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email…&quot;;}' onfocus='if (this.value == &quot;Enter your email…&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email…'/>

<input alt='' class='dcsubmit' title='' type='submit' value='Submit'/>
</form>
</td>

<td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'><p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px; '>Follow us!</p>
<a href='http://feeds.feedburner.com/blogbelajar2' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='http://3.bp.blogspot.com/-ShqPVqX-vhs/TqgOXX5m9WI/AAAAAAAAFCg/WFRLxQ4yjuM/s1600/rss-30×43.png'/></a>

<a href='http://twitter.com/supergaptech' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='http://2.bp.blogspot.com/-eVZSNf1mj_E/TqgOX_ldq1I/AAAAAAAAFCk/2wDDaA8esG8/s1600/twitter-30×43.png'/></a>

<a href='http://www.facebook.com/caramembuatblogspot' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='http://1.bp.blogspot.com/-sT9lHle5N54/TqgOWhi-amI/AAAAAAAAFCU/MwoQL3ZhEy4/s1600/facebook-30×43.png'/></a>

<a href='https://plus.google.com/103723295306374803147/' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='http://3.bp.blogspot.com/-icT9kVFhtOs/TqgOXLJCbBI/AAAAAAAAFCY/pU4wo8HyHNI/s1600/googleplus-30×43.png'/></a>

</td>
</tr>
</tbody></table>
<div align='right'><span style='font-style: italic; font-size: 8px; color: solid #f3f3f3;'><a href='http://www.super-gaptek.com/' style='text-decoration: none;' target='_blank'><font color='#f4f4f4' decoration='none'>[Get this widget]</font></a></span></div>
</div></div>
</center>
</b:if>

4. Klik pratinjau, jika sudah bagus, simpan template. Jika belum jadi tambahkan kode penutup </div> di     bawah kode terakhir sehingga menjadi ;

</center>
</b:if>
</div>

Pengaturan dan modifikasi widget;

  • untuk kode berwarna biru  silakan sesuaikan dengan selera sobat
  • untuk kode yang berwarna merah, harus diganti dan sesuaikan dengan masing-masing akun
  • Untuk mengurangi salah satu, silakan hapus saja kode antara <a href= sampai </a>

Bagaimana... saya kira cukup mudah untuk memasang widget ini. Dan yang utama adalah kualitas postingan blog juga perlu ditingkatkan, agar pengunjung mau berlangganan artikel kita, tidak hanya sekedar memasang widget berlangganan seperti ini. Salam blogger.




Tip n Trik Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger