Tuesday, November 25, 2014

Cara Melakukan Riset Kata Kunci di Google Keyword Planner

pentingnya melakukan riset kata kunci sebelum blogging
Setiap blogger seharusnya mengetahui cara melakukan riset kata kunci dengan menggunakan Google Keyword Planner. Kenapa? Karena itu akan membantu kita mengukur potensi trafik yang bisa kita peroleh.

Ini adalah tahap awal yang wajib anda lakukan jika anda mengharapkan sesuatu dari aktifitas blogging. Kalau anda melakukan blogging just for fun, maka tentunya anda tidak perlu melakukan ini.
gunakan Google Keyword Planner sebelum anda membuang-buang waktu di optimasi
Kenapa saya katakan riset kata kunci di Google Keyword Planner ini sebagai sesuatu yang penting? Karena seringkali saya menemukan banyak orang mengalami kekecewaan besar dalam aktifitas blog ataupun bisnis online-nya karena mengabaikan yang satu ini. Mereka sudah menghabiskan banyak waktu dan tenaga dalam optimasi hanya untuk mendapatkan trafik yang sangat kecil .... Jika trafik saja kecil, maka tentunya anda bisa membayangkan bagaimana besarnya persentase yang bisa diubah menjadi sebuah transaksi.

Lain kasus kalau sekali deal hasilnya lumayan besar.... Misalnya, anda deal menjual sebuah rumah.... hasilnya bisa dipakai untuk beberapa bulan ke depan sambil menunggu deal lainnya.
Jadi sebelum anda kecewa karena trafik yang sangat buruk, ada baiknya anda segera melakukan riset keyword dengan menggunakan Google Keyword Planner ini. (Sebenarnya ini adalah alat "pengganti" dari alat riset kata kunci Google External Keyword Tools yang karena sesuatu hal Google keyword tools ini ditutup Agustus 2013 yang lalu)

1. Mendaftarkan Akun Google Anda pada Adwords

Kalau anda sudah mempunyai sebuah akun Google, maka anda cukup melakukan prosedur di bawah ini untuk mendapatkan sebuah akun Adwords (sebuah customer ID).
  • Silahkan masuk ke dalam halaman Google keyword planner (klik di sini)
  • Anda akan diminta melakukan login dengan menggunakan akun dan password gmail
masuk adwords dengan menggunakan akun google anda
  • Pilih Zona Waktu dan setelahnya klik CONTINUE
tentukan negara dan zona waktu anda di adwords
  • Tunggu pesan bahwa anda sudah berhasil membuat akun dan klik link untuk membuka akun adwords anda.
akun adwords anda sudah selesai
  • Anda akan diminta sekali lagi melakukan login, jadi masukkan lagi akun dan password gmail yang sebelumnya sudah didaftarkan....
Dengan demikian pendaftaran anda sudah selesai. Anda siap menggunakan Google Keyword Planner....

2. Cara Menggunakan Google Keyword Planner untuk melakukan riset kata kunci

Untuk memilih kata kunci dengan menggunakan alat eksternal Google ini, silahkan ikuti panduan di bawah ini.

  • Setelah anda masuk ke halaman ADWORDS klik menu TOOLS AND ANALYSIS, akan muncul drop down....yang menampilkan KEYWORD PLANNER, klik sub menu tersebut.
buka google keyword planner pada adwords
  •  Pada halaman baru klik Search for new keyword and ad group ideas
    pilih opsi untuk mencari kata kunci baru
  • Masukkan kata kunci yang anda inginkan pada formulir, lalu ubah lokasi dan bahasa menjadi Indonesia (jika target anda hanyalah pasar domestik). Setelah itu klik GET IDEAS  
atur parameter formulir riset kata kunci
  • Pada halaman hasil, klik tab KEYWORD IDEAS untuk menampilkan daftar panjang.
  • Jika anda pebisnis online, maka klik AVG.MONTHLY SEARCHES untuk memperlihatkan kata kunci dengan pencarian terbanyak
  • Jika anda pencari uang dari memasang iklan Adsense, maka klik AVG.CPC untuk memperlihatkan kata kunci dengan bayaran termahal
pilih tab keywords idea untuk melihat hasil pencarian bulanan
Oleh karena Avg. Monthly Searches adalah parameter jumlah pencarian kata kunci, maka nilai inilah yang harus menjadi fokus utama perhatian anda. Ada 2 hal yang perlu anda ketahui tentang nilai dari Avg. Monthly Searches ini, yaitu:
  • Google menampilkan hasill pencarian exact. Yang dimaksud dengan exact adalah jumlah pencarian yang dilakukan dengan memasukkan kata kunci yang benar-benar sama persis dengan yang anda ketikkan saat melakukan riset.
  • Oleh karena hasilnya adalah exact, maka anda harus mencoba memasukkan beberapa variasi lain dari kata kunci anda untuk menemukan jumlah pencarian yang sebesar-besarnya dari riset kata kunci ini
Bagaimana kalau misalnya setelah banyak variasi dan hasilnya tetap kecil? Anda bisa memperluas wilayah dengan membahas masalah-masalah lain yang masih cukup berkaitan dengan topik anda saat ini. Jadi anda bisa mendapatkan trafik tambahan dari kata kunci "perluasan" tersebut. Untuk mengkonversinya, pastikan anda memasang banner yang menarik perhatian....
Kalau setelah diperluas masih juga kecil nilai pencariannya? Ya tidak ada pilihan selain mengoptimalkan yang kecil itu. Apakah yang sedikit itu bisa anda ubah menjadi nilai uang yang lumayan? Kalau tidak sebaiknya dipikirkan sekali lagi, apakah bisnis atau rencana blogging anda ini berharga untuk dilanjutkan...

Jadi seringkali riset kata kunci itu tidak membawa anda melihat penghasilan yang luar biasa, tapi sekedar "menyelamatkan" anda dari aktifitas yang membuang waktu dan tenaga anda....
Continue reading Cara Melakukan Riset Kata Kunci di Google Keyword Planner

Membuat Bootable USB


USB (Universal Serial Bus) drive telah menjadi sebuah perangkat yang sering digunakan untuk membackup data, menggeser fungsi floppy disks, CD, dan ZIP disks. USB drive tidak hanya murah, tetapi juga sangat praktis, tahan banting, dan dapat memiliki kapasitas penyimpanan yang cukup besar. Untuk mengantisipasi saat komputer kita tidak dapat melakukan bo  ot, kita harus memiliki bootable disk. Bootable disk dapat mengindarkan kita dari ketidakmampuan untuk mengakses komputer kita karena masalah booting. Dengan menggunakan bootable USB drive, kita bahkan dapat mengatasi masalah booting dengan lebih cepat. Berikut adalah langkah-langkah untuk membuat bootable USB drive:
1. Masukkan USB drive anda ke salah satu USB port di komputer anda

2. Klik “Start” di bagian kiri bawah di layar komputer anda
3. Ketikkan “cmd” didalam window RUN untuk membuka command prompt
4. Ketikkan “disk part” kedalam command prompt dan tekan Enter. Setelah itu ketikkan “List disk” dan tekan Enter lagi.
5. Tentukan manakah dari daftar disk yang ditayangkan yang merupakan USB drive anda. (Misalnya USB drive anda berkapasitas 4GB, maka opsi dengan size 4GB itulah yang perlu anda lihat). Catat nomor yang mengidentifikasi USB drive Anda itu di kertas.
6. Ketikkan command berikut kedalam command prompt untuk melakukan format terhadap USB drive anda.
“Select disk A,” ganti “A” dengan nomor yang anda dapatkan di langkah ke 5 tadi. Tekan Enter
“Clean.” Tekan Enter
“Create Partition Memory.” Tekan “Enter.”
“Select Partition A.” Tekan “Enter.”
“Format FS=NTFS.” Tekan “Enter.”
“Assign.” Tekan “Enter.”
“Exit.” Tekan “Enter.”

7. Masukkan CD instalasi Windows XP atau Vista anda. Komputer anda akan membaca CD instalasi itu, dan sebuah window akan muncul di layar. Daftar dari semua drive yang ada akan ditampilkan disitu. Carilah huruf yang merupakan simbol dari CD-ROM serta USB drive anda. Catatlah huruf-huruf ini di kertas.
8. Ketikkan command berikut kedalam command prompt:
“B:CD boot,” ganti “B” dengan huruf yang merupakan simbol dari CD-ROM. Tekan “Enter.”
“CD boot.” Tekan “Enter.”
Bootsect.exe/NT60 C:,” ganti “C” dengan huruf yang merupakan simbol dari USB Drive. Tekan “Enter.”

9. Copy boot information dari CD instalasi ke USB drive dengan memasukkan command berikut kedalam command prompt:
“xcopy C:*.* /s/e/f B:/,” ganti “B” dengan huruf yang merupakan simbol dari CD-ROM dan ganti “C” dengan huruf yang merupakan simbol dari USB drive. Tekan “Enter.”

Biarkan komputer melakukan copy data dari CD instalasi ke USB drive.
10. Cabut USB drive dari USB port, pasang kembali tutupnya, dan berikan label “bootable” dengan spidol. Simpan USB drive itu di tempat yang aman. Keluarkan CD instalasi Windows anda dan kembalikan ke tempatnya.
Continue reading Membuat Bootable USB
,

Cara Modifikasi Windows 7

Pada kesempatan yang baik ini segera saya interprestasikan untuk anda semua tentang langkah-langkah membuat custom CD/DVD instalasi Windows Seven sesuai keinginan anda namun sayangnya Anda tidak bisa memasukkan aplikasi atau software tambahan pada tutorial ini karena keterbatasan dari Vlite. Untuk segera memodifikasi windows 7 dibutuhkan beberapa aplikasi pendukung diubawah ini:

1. Vlite dan anda dapat mengunduhnya DISINI
2. Siapkan windows 7 dan apabila masih berbentuk fileiso silahkan anda ektrak terlebih dulu sampai berbentuk folder win 7
3. Setelah kedua poin diatas telah dipersiapkan silahkan jalankan vlite lalu klik tombol Browse cari telusuri windows 7 yang telah anda ektrak tadi (No.2) lau klik next untuk melanjutkan.

vlite
4. Langkah selanjutnya silahkan beri tanda ceklis seperti dibawah ini pada Integrasi, Komponen, Tweaks, Unattended dan ISO atau pilih ceklis sesuai keinginan Anda. Klik next untuk melanjutkan ketahap berikutnya
membuat installer win 7 unattended
5.Pada bagian Integration Anda dapat mengintegrasikan Update, Hotfix, security, driver maupun Language Pack ke dalam DVD installer kita, namun untuk language pack biarkan saja jangan diisi karena tidak mendukung bahasa indonesia dan secara default akan berbahasa inggris.
cara memodifikasi win7
6. Klik next jika telah memasukkan hotfix atau biarkan saja kosong

7. Klik Next apabila sudah memasukkan driver atau biarkan kosong

8. Untuk language pack kita tetap menggunakan English (USA) dan klik Next

9. Pada bagian ini silahkan pilih fitur atau aplikasi yang akan Anda pergunakan sehingga vLite menyimpan file komponen yang diperlukan. Next


10. sesuaikan kembali komponen windows 7 yang akan Anda buang dengan menceklisnya lalu klik Next

10. Bagian unattended ini anda diwajibkan memasukkan produck key atau serial number windows 7 pada kotak yang telah diberi tanda (X) dan jangan sampai salah  memasukkan SN, selebihnya silahkan ikuti seperti gambar diatas. NEXT

11. Pada Label silahkan beri nama sesuai keinginan setelah itu klik tombol Make ISO untuk membuat file iso windows 7  dan simpan selanjutnya klik NEXT untuk memprosesnya. Selesai

CATATAN
Untuk cara modifikasi Windows Vista Anda dapat mengikuti tutorial diatas
Continue reading Cara Modifikasi Windows 7

Sunday, November 23, 2014

, , ,

Cara Pasang Iklan PPC/ Adsense Disamping Artikel Postingan

Halo juragan... Kali ini juragan cipir ingin berbagi tentang cara pasang iklan PPC atau google adsense agar iklan tampil di area postingan bagian atas, tepatnya disamping kiri atau kanan paragraf pertama.

Penempatan seperti ini sangat memungkinkan menaikkan pendapatan/penghasilan adsense karena iklan berada sangat dekat dengan perhatian pengguna dan akan terlihat lebih awal ketika mereka memulai membaca. Contohnya bisa anda lihat pada gambar dibawah ini. Iklan sejajar dengan artikel post.


Namun perlu diperhatikan bahwa antara iklan dan isi konten harus bisa dibedakan dengan mudah oleh pengguna agar tidak melanggar kebijakan program adsense. Caranya adalah dengan memberikan label "advertisement" atau "sponsored links" di atas iklan jika iklan tersebut sangat dekat dengan isi bacaan. Atau jika anda tidak ingin menyertakan label advertisement, maka anda bisa membuat warna latar iklan yang berbeda dengan warna latar postingan. Sehingga setiap klik dari pengguna akan menghasilkan earning yang valid atau syah, karena pengguna yang meng-klik iklan benar-benar tahu bahwa itu adalah iklan, bukan bagian dari isi bacaan.

Sekarang kita mulai caranya

Perhatikan ini adalah tips untuk blog bermesin blogger atau blogspot.

1. Pertama siapkan dulu unit iklan yang ingin dipasang. Biasanya ukuran unit 300x250. Kemudian unit iklan tersebut harus diparse atau diconvert disini;

Alat Parse Convert Kode HTML Blogger

Pastekan script iklan disana lalu klik Convert, dan biarkan dulu kode iklan yang telah diconvert parkir sementara disana. 

2. Masuk ke dasbor blogger, langsung cari template, klik Edit HTML dan centang Expand Widget.

3. Cari kode berikut ini; <div class='post-body entry-content'>

4. Jika sudah ketemu, copy dan pastekan kode berikut ini tepat di bawah <div class='post-body entry-content'>

Kode yang dicopy;

<div dir='ltr' style='text-align: left;' trbidi='on'>
<span style='color: #666666;'><span style='font-size: x-small;'>Advertisement</span></span></div>

<div style='float:left;width:310px;height:260px;padding:0 0px 0px 0;'>

KODE IKLAN 300x250 DISINI (sudah diconvert/parse)

</div>

* Perhatikan bahwa jika anda tidak ingin menampilkan tulisan Advertisement maka jangan sertakan kode script yang ada di area berwarna orange. Cukup copy kode script yang ada di bagian bawah saja.

* Perhatikan bahwa ini untuk iklan tampil di sebelah kiri. Jika anda ingin iklan tampil di sebelah kanan, cukup ganti tulisan left warna merah dengan right.

* Perhatikan bahwa ini cocok untuk ukuran iklan "300x250,,. Jika anda ingin memasang ukuran iklan yang lain silakan dirubah ukuran 310 dan 260 warna biru sesuai dengan ukuran iklan yang anda maksud. Width adalah ukuran lebar dan height adalah ukuran tinggi.

Misalnya jika anda ingin memasang ukuran "336x280,, maka ukuran frame harus ditambah 10px, jadi 346x290. Tujuannya agar ruangan iklan tidak tampak sesak.

5. Jika sudah selesai jangan lupa klik Preview, jika tampil oke silakan klik Save Template.

(*) Jika anda ingin memasang iklan adsense di tengah-tengah artikel postingan agar selalu dilihat pengguna, dan bisa meningkatkan/memaksimalkan earning google adsense, silakan baca dibawah ini;

Cara Pasang Iklan Adsense di Tengah Artikel Postingan

Begitulah. Sekian dulu info dari juragan cipir tentang cara pasang iklan adsense di area postingan tepatnya di bagian atas dan bersebelahan atau berdampingan dengan artikel paragraf pertama. Semoga bermanfaat.
Continue reading Cara Pasang Iklan PPC/ Adsense Disamping Artikel Postingan

Saturday, November 22, 2014

, , ,

Alat Untuk Parse Convert Kode HTML Blogger

Gunakan alat parser/converter untuk mem-parse atau meng-konversi script iklan untuk disisipkan di HTML template blogger agar iklan bisa tampil di halaman blog.

Pastekan kode script iklan di area parser/converter tools bawah ini, lalu klik Parse/Convert. Kemudian silakan dicopy kode iklan yang telah diparse/convert dan tempatkan di HTML template anda.

Parse/Convert HTML




********************
Continue reading Alat Untuk Parse Convert Kode HTML Blogger

Friday, November 21, 2014

, , ,

Cara Mengganti Alamat URL Blog di Blogger

Ketika kita membuat blog pertama kali yang harus kita pikirkan adalah nama alamat URL blog, usahakan membuat nama URL blog yang simple, mudah dibaca dan diingat pengunjung agar suatu ketika kita tidak ingin mengganti nama URL blog tersebut.

Dengan mengganti alamat URL blog akan berdampak pada search engine karena search engine akan kebingungan dan tidak menemukan alamat URL blog yang dicari (alamat URL blog yang lama), sehingga pengunjung blog juga akan mengalami penurunan dan kita harus memulainya dari awal/nol lagi.

Kalau Anda ingin mengganti alamat URL blog, berikut ikuti langkah-langkahnya :

1. Login akun blogger Anda.
2. Pilih 'Setelan' atau 'Setting', seperti gambar dibawah ini: 
3. Kemudian klik 'Dasar', pada menu Alamat Blog klik 'Edit', ganti alamat URL sesuai keinginan. 
4. Setelah selesai klik 'Simpan'.

Nah, Anda bisa langsung mengecek perubahan alamat URL blog dan semoga bermanfaat. 
Continue reading Cara Mengganti Alamat URL Blog di Blogger
, , ,

Cara Pasang Dua Iklan Berdampingan di Bawah Artikel Postingan

Halo juragan.... Jika anda ingin memasang dua unit iklan PPC/ Adsense secara berdampingan atau sejajar di bagian paling bawah artikel postingan, berikut ini tips triknya.

Terkadang pada situasi tertentu penempatan iklan seperti ini sangat berpotensi meningkatkan pendapatan BPK. Karena disaat pengguna selesai membaca artikel anda, mereka akan berpikir sejenak untuk memilih bacaan selanjutnya. Pada saat seperti itu mereka akan melihat dua buah iklan nampang di depannya, sehingga sangat memungkinkan pengguna tertarik untuk membuka iklan tersebut. Akhirnya mereka mengkliknya sehingga kita akan mendapat klik yang syah.

Namun harap perhatikan bahwa penempatan seperti ini bisa diterapkan jika artikel kita panjang atau kaya teks, agar tidak melanggar kebijakan program adsense. Artikel dengan sedikit teks namun terlalu banyak iklan akan membuat halaman kita tampak penuh sesak, dan hal itu sangat menyulitkan para pembaca untuk membedakan mana iklan dan mana isi konten.

Dibawah ini contoh iklan sejajar dibawah postingan;

Judul Postingan

Artikel teks ...............
bla bla bla ................. (artikel harus panjang)

Dibuat dengan paint :)

Sekarang mari kita mulai caranya;

Langkah pertama;

* Pertama anda siapkan unit iklan 250x250. Namun jika lebar halaman anda mencukupi, anda juga bisa gunakan unit 300x250.

* Unit iklan tersebut harus diparse atau diconvert dulu. Silakan mengconvert unit iklan dulu dibawah ini;

Alat Parse/Convert Kode HTML Blogger

Pastekan script iklan disana lalu klik Convert, maka kode iklan akan mengalami perubahan. Sementara biarkan dulu kode script iklan yang telah diparse/convert parkir disana.

Langkah kedua;

* Buka notepad. Lalu letakkan  kode script iklan yang telah diparse ke dalam frame border iklan berdampingan dibawah ini;

<table border="0" bordercolor="#336699" cellpadding="0" cellspacing="0"><tbody>
<tr> <td>

UNIT IKLAN PERTAMA 250x250 (telah diparse)

</td><td>
</td><td>

UNIT IKLAN KEDUA 250x250 (telah diparse)

</td> </tr>
</tbody></table>

(yang diparse hanya kode iklan saja lho, frame bordernya tidak usah diparse)

Langkah ketiga;

1. Login ke dasbor blogger dan langsung menuju ke Template dan buka Edit HTML.

2. Centang Expand Widget

3. Cari kode berikut ini;

data:post.body

Perhatikan bahwa untuk template yang menggunakan Auto Readmore biasanya ada beberapa atau lebih dari satu kode data:post.body, misalnya seperti dibawah ini;

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

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

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

Nah, pastekan kode iklan yang telah diparse bersama frame border iklan berdampingan yang disimpan di notepad tadi dibawah kode data:post.body yang paling bawah. Contohnya seperti ini dibawah ini;

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

<table border="0" bordercolor="#336699" cellpadding="0" cellspacing="0"><tbody>
<tr> <td>

UNIT IKLAN PERTAMA 250x250 (telah diparse)

</td><td>
</td><td>

UNIT IKLAN KEDUA 250x250 (telah diparse)

</td> </tr>
</tbody></table>

Langkah keempat;

* Klik Preview/Pratinjau. Jika tidak terjadi error pada template, klik Save/Simpan template.

* Selanjutnya, jika anda menggunakan template auto readmore, buka salah satu halaman blog anda dan lihat hasilnya.

(*) Untuk memasang iklan google adsense di tengah-tengah artikel postingan agar selalu dilihat oleh pengguna sehingga bisa memaksimalkan pendapatan/penghasilan adsense anda, silakan baca dibawah ini;

Cara Pasang Iklan Adsense di Tengah Artikel Postingan 

Selesai, semoga bermanfaat.
Continue reading Cara Pasang Dua Iklan Berdampingan di Bawah Artikel Postingan

Thursday, November 20, 2014

, , ,

Cara Pasang Iklan Adsense Ditengah Artikel Postingan

Halo juragan,,, Salah satu cara mengoptimalkan atau menaikkan/meningkatkan earning adsense atau pendapatan/penghasilan google adsense adalah dengan cara penempatan iklan yang terbaik. Salah satu penempatan iklan terbaik adalah memasang iklan yang paling dekat dengan perhatian pengguna atau pembaca.

Iklan yang paling dekat dengan perhatian pengguna adalah iklan yang berada di area postingan. Misalnya, iklan yang dipasang persis di tengah-tengah artikel postingan blog kita. Contohnya seperti gambar dibawah ini. 


( ! ) Namun tips ini hanya cocok untuk konten tanpa gambar. Jika konten anda ada gambarnya yang berada persis ditengah postingan, maka gambar tersebut tidak bisa tampak karena akan bertabrakan dengan iklan. Sehingga iklan maupun gambar tidak akan terlihat, melainkan hanya akan tampil script gambar tersebut. Kecuali jika gambar pada konten anda tersebut tidak berada persis ditengah artikel postingan.

Langsung kita mulai caranya;

1. Siapkan unit iklan yang ingin anda pasang. Anda boleh memilih unit 336x280, 300x250, 468x60, dan sejenisnya. Asal jangan yang terlalu besar seperti 160x600 atau 728x90.

2. Kode iklan silakan parse dulu dibawah ini;

Alat Parse/Convert Kode HTML Blogger

Sementara biarkan dulu kode iklan yang telah diparse parkir disana.

3. Login ke dasbor blogger, langsung menuju ke Edit HTML. Lalu cari kode data:post.body yang kedua.

4. Jika sudah ketemu, ganti kode data:post.body tersebut dengan kode berikut ini;

<div expr:id='"iklan1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
KODE IKLAN SUDAH DIPARSE
</div>
<div expr:id='"iklan2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("iklan1<data:post.id/>");
var obj1=document.getElementById("iklan2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>

5. Klik Preview untuk melihat hasilnya. jika oke, klik Simpan.

Selesai.

* Untuk memasang iklan disamping artikel postingan bagian atas, tepatnya sejajar dengan paragraf pertama di sisi kiri atau kanan, bisa anda baca dibawah ini;

Cara Pasang Iklan Adsense Disamping Artikel Postingan

* Untuk memasang dua iklan berdampingan atau iklan berjejer/bersebelahan di bawah artikel postingan bisa anda baca dibawah ini;

Cara Pasang Dua Iklan Berdampingan di Bawah Postingan

Sekian dulu informasi dari juragan cipir. Semoga bermanfaat dan terima kasih.
Continue reading Cara Pasang Iklan Adsense Ditengah Artikel Postingan

Wednesday, November 19, 2014

, ,

Cara Membuat Komentar FB Responsive Blogger

Pernah kah anda membuka sebuah situs dengan menggunakan smartphone namun situs tampilan blog tersebut terpotong. Ini terjadi karena tampilan tersebut tidak responsif. 

Saat ini Blog anda menggunakan Template responsif, kemudian anda ingin memasang komentar Facebook yang responsive pula. Ini bertujuan agar komentar Facebook anda akan tampil dengan baik dan sesuai dengan layout browser di perangkat gadget apapun yang resolusi layarnya berbeda. 

Membuat Komentar Facebook Responsive Blogger adalah untuk memberikan kenyamanan kepada pengunjung web agar lebih mudah dan nyaman berkomentar melalui berbagai perangkat. 

Sebelumnya Sampul Ilmu Menjelasakan Tentang Cara Mudah Memasang Komentar Facebook Di Blog. tetapi komentar yang digunakan tidak responsive. Setelah melihat penjelasan diatas maka kali ini sampul ilmu menjelaskan tentang Cara Membuat Komentar FB Responsive Blogger. Untuk proses pembuatannya ikuti langkah dibawah ini.

Tentukan terlebih dahulu ID Profil Facebok Anda Dan ID APP anda untuk mengetahui kedua hal tersebut anda dapat membaca Cara Mudah Memasang Komentar Facebook Di Blog.

Setelah Kedua ID Tersebut Tersedia Langkah Selanjutnya Clik Tempalte Kemudian  Edit HTML Cari Kata <head> dan Copy Paste Kode Dibawah ini Tepat Dibawah dibawah

<meta content='ID FACEBOOK ANDA’ property='fb:admins'/>
<meta content='ID APP ANDA' property='fb:app_id'/>

Keterangan
Ubah Kata ID FACEBOOK ANDA dan  ID APP ANDA dengan ID yang telah ditentukan Sebelumnya

Langkah Selanjutnya Copy Paste Kode Dibawah ini Tepat Diatas Kode </head> 

<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
var url = location.protocol+'//'+location.host+location.pathname;
var containercm_width = $('#container-commentfb').width();  
$('#container-commentfb').html('<div class="fb-comments" ' +
'data-href="'+url+'"' +
' width="' + containercm_width + '" data-num-posts="5"></div>');
FB.XFBML.parse( );  
 });
 //]]>
</script>

Kemudian Cari Kode  <data:post.body/> Dan Copy Paste Kode Dibawah ini Tepat Dibawahnya Setelah selesai Simpan Template Dan Lihat Hasilnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='500'/></div>
</b:if>

Keterangan ;
  1. Biasanya Kode <data:post.body/> Pada Tempalte Blogger Anda Terdapat Lebih Dari 2 Untuk itu anda dapat mencoabnya satu persatu namum umumnya di tempatkan pada kode <data:post.body/> yang kedua atau Ketiga.
  2. Anda Juga Dapat Menyimpan Kode Diatas Dimana Saja Sesuai Dengan Tempalate yang anda gunakan. Namun Sebagian Besar Orang Menempatkan Komentar Tepat Dibawah Postingan.

Sekarang Anda Dapat Berkomentar Dengan Nyaman melalui berbagai perangkat.


Semoga Bermanfaat. Terima Kasih
Continue reading Cara Membuat Komentar FB Responsive Blogger