expr:class='"loading" + data:blog.mobileClass'>

Jumat, 23 Maret 2012

Bagaimana Mendapatkan Widget Slideshow dari Flickr?

Sedikit curhat ya gan,sebelum artikel ini dipublikasikan,ada peristiwa lucu yang bikin gw sewot ampe nih keringet di kening ga berhenti ngalir,saking paniknya.
Bagaimana tidak sob,waktu dan biaya ngNet gw yang sangat terbatas (maklum),sedang tuh job harus diselesaikan malem ntu juga dan gw cuman mo bikin gambar or photo slide show dari pic yang dah gw upload dari Flickr.Mondar mandir hampir setengah jam lebih hanya buat cari widget slideshow yang nantinya akan gw pasang di blog.

Ide ini muncul saat gw liat blog temen gw yang dapat nampilin foto slide dari flickr,niatnya pingin ikut-ikutan,eh taunya buat bikin widget slideshow bukanlah sesuatu yang mudah (mungkin krn gw belum ngatri caranya y :D)
Meskipun pada akhirnya,widget yang gw cari sudah gw dpt,tetap saja hati gw yang sebenarnya baik hati ini berhasil dibikin 'mangkel' karena harga widget Flickr ini adalah 5000 rupiah,lha kok bisa? JATAH NGNET GW SOB!!!!!!!!!!! hihihihi

Nah,untuk itu gw ga mau sobat ngerasain apa yg udah gw rasain (chie),so inilah Cara Memasang Flickr Slide Show Widget di Blog

Sebenarnya Flickr sendiri adalah anak perusahaan dari Yahoo,meskipun demikian kini Flickr dapat diakses dengan Google Account milik kita sob,jadi sobat meskipun tak memiliki akun dari Yahoo masih dapat menikmati fitur Flickr ini menggunakan Google akun sobat.

Pertama,sobat register alias daftar ke www.Flickr.Com,dan ikuti seperti gambar dibawah ini (ingat ya sob,ikuti langkahnya jangan ada yang ketinggalan!):


- Lakukan Register

register membuat flickr slideshow blogger.
1.


- Pilih akun Google (terserah sobat saja)

pilih akun membuat foto flickr di blog.
2.


- Isi sesuaikan dengan akun Google sobat beserta passwordnya (aman cuy)

isi widget flickr slide untuk blogger.


- Klik 'Allow' button

allow memasang foto flickr blog.


- Isi data diri dan klik 'Continue'

continue memasang flickr slideshow untuk blogspot.


- Setelah berhasil melakukan registrasi,klik 'Upload' di sudut kanan atas

upload memasang widget flickr blog


- Tinggal klik 'Choose Photos and Videos' untuk mengupload file yang sobat ingin jadikan slide foto flickr widget nantinya.

photo and video flickr widget fo blogger.


- Setelah itu,klik 'Upload Photos and Videos' dan tunggu sampai proses selesai.

proses memasang widget flickr blogspot photo slideshow


- Setelah proses selesai,pilih pada menu dropdown 'You' dan pilih submenu 'Your Photostream'

cara memasang flickr foto slide show di blog.


- Lihat sebelah kanan atas,ada icon 'Slideshow' klik icon tersebut.

slide show cara pasang poto dari flickr di blog


- Klik 'Share' lalu klik kanan pada kode 'Embed' dan Copy kode tersebut.



- Pergi ke Dashboard > Tata Letak > Add New Gadget / Tambah Widget > HTML/Javascript >
photo flickr blogger.


memasang flickr widget slidesow blogger.

Setelah itu letakkan kode yang berhasil sobat copy tadi pada widget HTML/Javascript tersebut,dan simpan.
Kini sobat sudah dapat melihat hasilnya,mudah khan sob? :D
Read More..

100% Works! Membuat Komentar di Blogger dengan Fasilitas Reply (Balas)

Hi guys,ketemu lagi kita ya,sebelum memenuhi janji beberapa hari lalu untuk posting bagaimana cara mendaftar google adsense secara lengkap,tidak ada salahnya khan sob kami mempublikasikan tentang tips dan trik bagaimana cara merubah / mengubah ataupun mengganti kotak komentar di blogger agar memiliki fitur reply / balasan.

Warning!!! alangkah baiknya backup terlebih dahulu template sobat,karena bisa saja template sobat ada yang berubah,misal jika sobat telah membuat read more otomatis maka setelah melakukan trik ini script read more otomatis tersebut sudah tak bekerja lagi karena template sobat nanti akan kembali ke default,kendati seperti itu widget yang ada tidak akan hilang atau berubah.Baca artikelnya ya gan,meskipun tulisan orang ganteng satu ini memang ga begitu menarik tapi memukau (halah!!!),soalnya jika sobat loncat ke permasalahan tanpa memperhatikan langkahnya,cara ini bisa gagal lho :D so,keep watching ya (sok bule bgt @#$%)

Bentuk fisiknya seperti apa sih? yup! sobat dapat lihat gambar di bawah ini (yang kami beri tanda lingkaran):

Cara Membuat Komentar di Blogger dengan Fasilitas Reply
Pernah juga kami mempublikasikan membuat fitur reply ini dengan pihak ketiga dan kami rasa itu terlalu ribet dan melibatkan sebuah frame yang nantinya akan merugikan blog yang kita milliki.

Secara default untuk template tertentu bawaan blogger,sebenarnya fitur reply komentar yang akan kita bahas ini sudah aktif dan dapat langsung digunakan tanpa kita harus memvermak template.
Kendati seperti itu,bagi agan-agan yang menggunakan template dari hasil convert atau mungkin template bawaan blogger namun belum memiliki fasilitas / sarana reply (balasan) seperti pada gambar di atas bisa mencoba trik sederhana berikut ini.
Note**Jikalaupun tips trik reply blogger comments dibawah ini nantinya berhasil sobat buat,mengapa fitur reply tersebut tidak ada fitur Delete-nya? betul gan,sebagai catatan yang perlu sobat ketahui juga,fitur Delete ini hanya akan tampak saat sobat login dengan akun blog milik sobat sendiri dan hanya sobatlah yang dapat menghapus dari comment2 spam dari pengunjung yang dirasa akan merugikan blog yang kita kelola,sedangkan fasilitas reply-nya sendiri dapat dilihat oleh semua orang / pengunjung.

Pelajaran Blog - nah,bagaimana kita meng-aktif-kan fitur reply comment for blogger ini,ikuti langkah berikut ya sob:

Cara Mengaktifkan Reply (Jawaban) di Kotak Comment Blogspot

Pertama,'pastikan terlebih dahulu':
***1.Sobat aktifkan komentar dengan cara pilih Dashboard > Setting / Pengaturan > Comments > check list Show pada comment (lihat gb.1) > check list juga Embed di bawah posting (lihat gb.2)

Reply Komentar Blogger
gb.1


Membuat Balasan di Komentar Blogger
gb.2

***2.Aktifkan komentar di area posting dengan cara pergi ke Dashboard > Tata Letak > klik Edit (lihat gb.3) dan contreng Comment (lihat gb.4)

Reply Comments for Blogger Comment Box
gb.3


Script Reply Comment Code
gb.4


***3.Beri izin akses untuk pengunjung memberi komentarnya di setiap posting milik sobat,ini dapat dilakukan dengan cara check list 'Allow' atau 'Izinkan' di bawah ruang posting sobat (lihat gb.5)

kode Reply Comment Code
gb.5
Setelah beberapa hal diatas sobat telah lakukan,kini saatnya untuk 'merubah kotak komentar blogger agar memiliki akses balasan / jawaban / reply dari komentar-komentar yang telah ada.

#1.Pergi ke Dashboard > Tata Letak (lihat gb.6) > Edit HTML (lihat gb.7) > Contreng check box Expand Widget Templates (lihat gb.8)
Widget Menjawab Komentar Blogspot
(gb.6)


Balas Hapus Replies.
gb.7)


How To Add Reply into Blogger Comment Box.
gb.8


Setelah itu klik link tulisan 'Revert widget templates to default' yang letaknya persis dibawah edit html,(lihat gb.9) dan setelah itu jika ada popup notif untuk menyetujuinya klik saja 'Ok (lihat gb.9)

How To Create Reply into Blogger Comment Box?
gb.8


Cara Membuat Numbered Nomor Reply Komentar Box dengan Php
gb.9

Simpan dan lihat komentar di posting milik sobat,jika belum ada komentar,buatlah satu komen untuk mengetes dari hasil eksperiment repli komentar sederhana ini.Moga berhasil dan bermanfaat ya gan,see you :D
Read More..

Trik dan Cara Agar Index di Gogle Memiliki Star / Tanda Bintang

icon bintang google
Hi sob,gimana kabar kalian malam ini? masih semangat ngeblog ya :D
Alhamdulillah,sore ini saya ada sedikit info yang semoga saja bermanfaat buat para blogger yang khususnya masih penasaran atau belum mengetahui bagaimana dan seperti apa penjelasan lebih rinci tutorial lengkap membuat google rich snippets ini.

Sebelum melangkah lebih jauh,apa sih fungsi dari rating google rich snippets itu gan? pertanyaan ini sobat bisa baca dan dapatkan infonya di sini.
Mohon baca artikel dengan teliti dan jangan salah langkah,karena jika mengabaikan hal ini kemungkinan besar cara akan gagal,so guys supaya trik ini bekerja di blog kamu dengan baik,simak postingan ini dengan teliti ya sob,..........tapi jangan melotot kaya gitu juga kali :D hihihihi

Seperti title dari posting kali ini,Google Rich Snippets - Cara Membuat Icon Rating Tanda Bintang di Google Serp adalah juga merupakan sebuah trik optimasi blog (salah satu kiat dalam search engine optimization -pent) agar mendapatkan posisi yang terbaik di serp (search engine result page) dari banyaknya view page atau halaman yang tampil.

Disamping itu hasil serp dengan breadcrumbs tanda bintang ini akan lebih menarik pengunjung karena tampilan yang lebih menonjol dibandingkan dengan hasil yang lain,sobat bisa lihat seperti pada gambar diatas tadi.

Bagaimana tips dan trick dalam membuat gugel rich snipet ini? sobat baca dan mari pahami bersama dengan seksama (halah! bahasane mas,biasa wae dumz :p)

Langkah dan Cara Memasang Icon Star atau Tanda Bintang di Result Google

Akan ada banyak step-step yang harus kita lakukan secara berurut,dan disini kami membagi menjadi 7 langkah,dan langkah-langkahnya adalah sebagai berikut:
#1. Pertama,sobat harus memiliki akun Google Plus (Google+),mudah kok sob,tinggal daftar aja di SINI

Syarat ini adalah untuk mendapatkan nomor ID dari akun Google+ sobat,yang nantinya akan kita gunakan sebagai verifikasi dari Google Rich Snippets yang akan kita bahas kali ini.

Setelah sobat memiliki akun Google+,coba sobat pergi ke menu Profil lalu simpan no ID yang tampil dari akun Google+ sobat,no ID ini akan tampil di address bar browser yang sobat gunakan,lihat gambar (gb.1) sob:
memasang google rich snippets
gb.1

Setelah itu,untuk sementara simpan dahulu ya gan no ID gOOgle+ milik sobat.Sebagai contoh no ID Google+ milik saya sendiri adalah 118207325935415873536
#2. Sekarang,pergilah ke Dashboard blogger milik sobat,lalu pilih Tata Letak dan klik tab Edit HTML kemudian jangan lupa contreng tulisan Expand Widget Templates dan cari kode (gunakan Ctrl+F untuk mempermudah pencarian)
Setelah kode tersebut sobat ketemukan,kini letakkan kode dibawah ini tepat dibawah kode <head> tersebut:

<link href='https://plus.google.com/no_id_sobat' rel='publisher'/>

misal dengan ID Google+ yang saya miliki akan menjadi seperti ini atau bisa lihat (gb.2):

<link href='https://plus.google.com/118207325935415873536' rel='publisher'/>

lihat gambar:
trik google rich snippets
gb.2


Simpan template sobat.
#3. Langkah selanjutnya,masih dalam halaman yang sama,pergilah ke Dashboard blogger milik sobat,lalu pilih Tata Letak dan klik tab Edit HTML kemudian jangan lupa contreng tulisan Expand Widget Templates dan cari kode <body> dan tepat dibawahnya letakkan kode berikut atau lihat (gb.3):

<div>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>


atau lihat gambar:
rahasia google rich snippets
gb.3

Kemudian cari kode </body> dan tepat diatasnya letakkan kode penutup berikut atau lihat (gb.4):

</div></div>

lihat gambar:
trik rahasia membuat tanda bintang serp
gb.4


Simpan templates sobat.
#4. Pergilah ke Dashboard,lalu pilih Tata Letak dan klik tab Edit HTML kemudian jangan lupa contreng tulisan Expand Widget Templates.Gunakan Ctrl+F dalam keyboard dan tuliskan kode berikut post-title entry-title,akan terlihat seperti gambar dibawah (gb.5) ini:
cara membuat bintang index google
gb.5

Hal ini akan menemukan secara otomatis kode yang kita cari,untuk barisan kodenya biasanya akan terlihat seperti ini:
<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>


Sekarang,sisipkan kode berikut antara barisan kode tersebut:

<span itemprop='itemreviewed'><span itemprop='description'></code> dan <code></span></span>

Sehingga akan menjadi seperti ini atau lihat (gb.6):

<span itemprop='itemreviewed'><span itemprop='description'>
<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>
</span></span>
</b:if>


Dari gambar yang berhasil saya print screen akan seperti ini:
seo google rich snippets star
gb.6


Simpan templates sobat.
#5. Pergilah ke Dashboard,lalu pilih Tata Letak dan klik tab Edit HTML kemudian jangan lupa contreng tulisan Expand Widget Templates lalu cari kode <data:post.body/> atau <p><data:post.body/></p>
Setelah ketemu,letakkan persis dibawahnya barisan kode google rich snippets breadcrumbs ini:

Description: <span itemprop="description"><data:post.title></data:post.title></span>
Rating: <span itemprop="rating">3.5</span>
Reviewer: <span itemprop="reviewer"><data:post.author></data:post.author></span>
ItemReviewed: <span itemprop="itemreviewed"><data:post.title></data:post.title></span>


atau bisa lihat (gb.7)
index google memiliki bintang
gb.7

Bagaimana jika saya menemukan kode <data:post.body/> lebih dari satu? tidak mengapa sob,tinggal letakkan kode google rich snippets breadcrumbs tersebut tepat dibawah masing-masing kode <data:post.body/> yang ada di template blog milik sobat.

Simpan templates.
#6. Langkah berikut ini adalah yang terpenting karena mempengaruhi dalam kesuksesan cara mem-verifikasi Google Rich Snippets yang akan kita bahas ini.

Pergilah ke akun Google+ milik sobat,dan pilih menu Profil maka akan sobat lihat di sebelah kanan atas tombol 'Edit Profil',Klik tombol 'Edit Profil' tersebut dan klik link 'Kontributor Untuk' (gb.a)
Lihat gambar berikut ini:
google icon star on result
gb.a


Selanjutnya,klik link 'Tambahkan Tautan....' (gb.b)

cara memasang rating bintang
gb.b

Isi label dan url,label bisa sobat kasih nama sesuai keinginan sedangkan url sobat tuliskan alamat blog yang sobat miliki lalu klik tombol 'Simpan',lihat gambar (gb.c)
cara mengaktifkan rating star bintang snippets google
gb.c


#7. Langkah terakhir,sobat kunjungi Rich Snippets Testing Tool lihat gambar berikut (lihat gb.d):

Google Rich Snippets Testing Tool
gb.a

Isikan url blog milik sobat untuk mengetes hasil Google Rich Snippets yang baru saja kita ciptakan,jika sukses akan tampil seperti gambar dibawah ini gan:
Cara Menciptakan Google Rich Snippets Testing Tool
Semoga bermanfaat ya,see you guys (sok bule,hihihihihihi)
Read More..

Read More Otomatis pada Template Blogger

Membuat Otomatis Read More - Auto Readmore Button.
Seperti janji minggu lalu ya sob,Pelajaran Blog kali ini akan mengulas dan mengutak atik 'seputar blogger template' yang kita gunakan saat ini.
Betul gan,ini kaitannya 'membuat read more atau tulisan baca selengkapnya' versi kedua.

Beberapa waktu lalu telah diposting cara membuat read more/baca selengkapnya.. secara manual,namun kendalanya bagi blog yang terlanjur sudah memiliki banyak artikel tentu akan banyak makan waktu dan tenaga untuk mengedit satu persatu.

Nah,dengan kombinasi javascript read more yang akan kita ciptakan ini akan tampil otomatis meskipun kita tidak mengeditnya kembali.
Yup,membuat read more/baca selengkapnya otomatis pada blogger adalah tema kita kali ini.
Untuk demonya sobat bisa liat di SINI.

Lalu bagaimana jika saya telah menggunakan read more secara manual?
Tidak perlu cemas gan,karena tinggal ganti kodenya dan jreng!!! :D

Langkah Cara Membuat Read More Otomatis tanpa jQuery pada Blogger dengan Bahasa Javascript


Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.

Untuk pertama kali,seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.


Cara membuat readmore otomatis.
(1)


membuat read more baca selengkapnya otomatis.
(2)


otomatis read more.
(3)


Selanjutnya,cari kode </head>,setelah ketemu tepat diATASnya letakkan kode javascript berikut:

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>


Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>

Setelah itu untuk Cara 1.Read More Button Otomatis menggunakan gambar,hapus kode tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></a></span>
<b:else/>
<data:post.body/>
</b:if>


Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode <data:post.body/> atau <p><data:post.body/></p>
tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>


Lalu simpan templates dan lihat hasilnya.
Untuk yang terlanjur menggunakan read more secara manual seperti di sini,tinggal hapus kode:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>


Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 1 maupun cara 2.Semoga berhasil dan selamat ngutak-atik template ya Membuat Read More Otomatis / Auto ReadMore di Blogger Selesai.
Read More..

Jumat, 09 Maret 2012

Letak Tempat PIN di Google Adsense

Sengaja sore ini posting seputar Google Adsense dalam bagaimana cara memasukkan pin Google Adsense,mengingat salah satu sahabat kita yang sudah berhasil mendaftar google adsense minggu-minggu ini.

Jika bagi sobat yang belum memiliki Google Adsense,buruan daftar karena sebentar lagi search engine raksasa ini akan mendirikan kantor resminya di Jakarta.Ini merupakan peluang bagus buat para blogger yang mulai menekuni dunia blogging dan bisnis online.

Sengaja pula kami loncat kepermasalahan ini sebelum posting utama di cara mendaftarGoogle Adsense untuk beberapa hari ke depan,Insya Allah.
Cara memasukkan pin Google Adsense ini cukup mudah,jika GA (google adsense) sobat sudah di approve dengan datangnya surat pemberitahuan PIN ke rumah sobat,tinggal masukkan pin tersebut dalam akun Google Adsense yang sobat miliki.

Bentuk fisik surat PIN tersebut kurang lebih seperti ini:

Cara Memasukkan Pin Google Adsense


Buka surat tersebut dan catat no PIN sebagai aktivasi dari akun Google Adsense kita.
Setelah sobat ketahui no PIN yang akan kita masukkan,ikuti langkah berikut:

Langkah Meng-aktivasi PIN Google Adsense

Pertama,Login di account Google Adsense sobat (akum Google)
Kemudian,Pilih My Account/Akunku dan pilih Payment History/Riwayat Pembayaran selanjutnya klik "Please enter your PIN",untuk tampilannya seperti ini(bisa berubah sewaktu-waktu):


Cara Menempatkan Pin Google Adsense


Selanjutnya,klik "Please enter your PIN" seperti gambar berikut:


memasukkan pin adsense


Jika pin sobat benar,klik 'Continue to Reports' dan akan tampil seperti ini untuk memberitahukan bahwa aktivasi akun Google Adsense sobat telah berhasil dilakukan:


pin adsense


Mudah-mudahan,artikel 'cara memasukan pin google adsense' bermanfaat dan semoga berhasil ya sob :D
Read More..

Memasang Iklan PPC di Area Posting


Ada banyak cara untuk meningkatkan clickrate iklan ppc misal dengan mengatur warna iklan, menghilangkan garis tepi, menggunakan format iklan yang besar dan menempatkan iklan di tempat yang mudah dilihat oleh pengunjung.

Nah sekarang pertanyaannya adalah dimana tempat yang paling mudah dilihat oleh pengunjung? Jawabannya tentu saja adalah area posting atau content area. Karena rata-rata pengunjung yang datang ke blog adalah untuk membaca artikel maka menempatkan iklan di area posting adalah pilihan terbaik.

Pada postingan ini saya akan menunjukkan kepada anda cara memasang iklan PPC diatas dan dibawah posting.

1. Pertama-tama, siapkan kode iklan yang mau dipasang. Iklannya bisa dari Google adsense, Adsensecamp, Adbrite, Bidvertiser, dan lain-lain.

2. Setelah itu encode kode tersebut, tujuannya agar isi iklan bisa muncul.

3. Untuk melakukannya, buka http://centricle.com/tools/html-entities/

4. Masukkan kode iklan kedalam kotak lalu tekan Encode

5. Setelah itu, buka blogger. Masuk ke menu Design -> Edit HTML

6. Beri centang pada "Expand Widget templates"

7. Cari kode berikut
<data:post.body/>
8. Jika anda menemukan dua kode <data:post.body/> maka pilih yang pertama.

9. Letakkan kode PPC yang sudah di encode tadi diatas <data:post.body/> bila anda ingin memasang iklan PPC diatas postingan atau letakkan dibawah <data:post.body/> bila anda ingin memasang iklan PPC dibawah postingan.

10. Save template dan lihat hasilnya.

Selamat mencoba dan semoga berhasil...!
Read More..

100% Works! Membuat Komentar di Blogger dengan Fasilitas Reply (Balas)

Hi guys,ketemu lagi kita ya,sebelum memenuhi janji beberapa hari lalu untuk posting bagaimana cara mendaftar google adsense secara lengkap,tidak ada salahnya khan sob kami mempublikasikan tentang tips dan trik bagaimana cara merubah / mengubah ataupun mengganti kotak komentar di blogger agar memiliki fitur reply / balasan.

Warning!!! alangkah baiknya backup terlebih dahulu template sobat,karena bisa saja template sobat ada yang berubah,misal jika sobat telah membuat read more otomatis maka setelah melakukan trik ini script read more otomatis tersebut sudah tak bekerja lagi karena template sobat nanti akan kembali ke default,kendati seperti itu widget yang ada tidak akan hilang atau berubah.Baca artikelnya ya gan,meskipun tulisan orang ganteng satu ini memang ga begitu menarik tapi memukau (halah!!!),soalnya jika sobat loncat ke permasalahan tanpa memperhatikan langkahnya,cara ini bisa gagal lho :D so,keep watching ya (sok bule bgt @#$%)

Bentuk fisiknya seperti apa sih? yup! sobat dapat lihat gambar di bawah ini (yang kami beri tanda lingkaran):

Cara Membuat Komentar di Blogger dengan Fasilitas Reply
Pernah juga kami mempublikasikan membuat fitur reply ini dengan pihak ketiga dan kami rasa itu terlalu ribet dan melibatkan sebuah frame yang nantinya akan merugikan blog yang kita milliki.

Secara default untuk template tertentu bawaan blogger,sebenarnya fitur reply komentar yang akan kita bahas ini sudah aktif dan dapat langsung digunakan tanpa kita harus memvermak template.
Kendati seperti itu,bagi agan-agan yang menggunakan template dari hasil convert atau mungkin template bawaan blogger namun belum memiliki fasilitas / sarana reply (balasan) seperti pada gambar di atas bisa mencoba trik sederhana berikut ini.
Note**Jikalaupun tips trik reply blogger comments dibawah ini nantinya berhasil sobat buat,mengapa fitur reply tersebut tidak ada fitur Delete-nya? betul gan,sebagai catatan yang perlu sobat ketahui juga,fitur Delete ini hanya akan tampak saat sobat login dengan akun blog milik sobat sendiri dan hanya sobatlah yang dapat menghapus dari comment2 spam dari pengunjung yang dirasa akan merugikan blog yang kita kelola,sedangkan fasilitas reply-nya sendiri dapat dilihat oleh semua orang / pengunjung.

Pelajaran Blog - nah,bagaimana kita meng-aktif-kan fitur reply comment for blogger ini,ikuti langkah berikut ya sob:

Cara Mengaktifkan Reply (Jawaban) di Kotak Comment Blogspot

Pertama,'pastikan terlebih dahulu':
***1.Sobat aktifkan komentar dengan cara pilih Dashboard > Setting / Pengaturan > Comments > check list Show pada comment (lihat gb.1) > check list juga Embed di bawah posting (lihat gb.2)

Reply Komentar Blogger
gb.1


Membuat Balasan di Komentar Blogger
gb.2

***2.Aktifkan komentar di area posting dengan cara pergi ke Dashboard > Tata Letak > klik Edit (lihat gb.3) dan contreng Comment (lihat gb.4)

Reply Comments for Blogger Comment Box
gb.3


Script Reply Comment Code
gb.4


***3.Beri izin akses untuk pengunjung memberi komentarnya di setiap posting milik sobat,ini dapat dilakukan dengan cara check list 'Allow' atau 'Izinkan' di bawah ruang posting sobat (lihat gb.5)

kode Reply Comment Code
gb.5
Setelah beberapa hal diatas sobat telah lakukan,kini saatnya untuk 'merubah kotak komentar blogger agar memiliki akses balasan / jawaban / reply dari komentar-komentar yang telah ada.

#1.Pergi ke Dashboard > Tata Letak (lihat gb.6) > Edit HTML (lihat gb.7) > Contreng check box Expand Widget Templates (lihat gb.8)
Widget Menjawab Komentar Blogspot
(gb.6)


Balas Hapus Replies.
gb.7)


How To Add Reply into Blogger Comment Box.
gb.8


Setelah itu klik link tulisan 'Revert widget templates to default' yang letaknya persis dibawah edit html,(lihat gb.9) dan setelah itu jika ada popup notif untuk menyetujuinya klik saja 'Ok (lihat gb.9)

How To Create Reply into Blogger Comment Box?
gb.8


Cara Membuat Numbered Nomor Reply Komentar Box dengan Php
gb.9

Simpan dan lihat komentar di posting milik sobat,jika belum ada komentar,buatlah satu komen untuk mengetes dari hasil eksperiment repli komentar sederhana ini.Moga berhasil dan bermanfaat ya gan,see you :D
Read More..