IKLAN BULAN INI

Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts

Thursday, 15 August 2013

Cara Membuat Tampilan Home Page Tersendiri

Seperti janji saya sebelumnya tentang Cara Menyembunyikan Tampilan di Home Page :q; atau dengan kata lain Cara Membuat Tampilan Home Page Tersendiri :z; yang mana triks ini hanyalah rekayasa saja karena elemen yang ada di Home Page kita sembunyikan :y;
Hal ini pernah saya posting di Blog yang lain, kalau kawan ingin membacanya silahkan disini dan Demonya disini cuma semenjak bergulirnya GPlus dan setelah saya coba menemui Kegagalan pada beberapa Template kalau kawan ingin mencobanya saya persilahkan seandainya gagal jangan berkecil hati alias ngambek, karena disini saya akan berbagi dengan kawan yang caranya lebih simpel sekali setelah saya mengadakan percobaan :r;


Tapi sebelumnya kita buat kesepakatan dulu tentang Struktur Template secara umum dari atas sampai kebawah yaitu - [Header - Menu Navigasi] -[Postingan - Sidebar] - [Footer - Credit] atau apalah namanya, silahkan kawan melihatnya pada Template masing-masing - OK langsung ke :


Cara Membuatnya :
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Template - Edit HTML 
  • Cari ]]></b:skin>
  • Copas kode berikut dibawahnya 
<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#main-wrapper, #sidebar-wrapper, #sidebarkanan-wrapper, #sidebartengah-wrapper, #footer-wrapper, #credit-wrapper  {display:none}
  </b:if></style>
itu hanyalah contoh saja, silahkan kawan menyesuaikan dengan keadaan Template kawan
Kalau melihat kode diatas berarti yang ada pada Home Page hanya Header dan Menu Navigasi
  • Sampai disini simpan Template kawan dulu 
  • Selanjutnya cari <div id='main-wrapper'> untuk gampangnya pilih Lompat ke Widget - Blog1


  • Tambahkan script berikut tepat diatasnya 
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <div class='container' style='text-align:center;width:100%;'>
<b:section class='container' id='container' showaddelement='yes'>
</b:section>
  </div></b:if>



  • Simpan kembali Template kawan 
  • Selanjutnya pilih Tata Letak dan lihat perubahan yang ada 
screenshot setelah ditambah gadget
Perhatikan yang saya kurung dengan warna merah
  • Tambahkan Gadget - pilih tanda [+] pada HTML / JavaScript
  • Simpan Script berikut kedalamnya
<center><a href="http://blogbego-creation.blogspot.com/search?max-results=10"><img border="0" height="270"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha9XWzV0SvE6jQtCx4O58fJbXvfCWbyFc3nS8KxyDPwIDwfvadEqqOxEKuolN6adyiOx4x30P7znYoOn-CDd_K-_ASPDad3m7EsXNBAb32LR5HtSdmjUTc1AFbfLs6YvcaNZorkSwsfUo/s1600/BOMO-.gif" width="500"/></a></center>
Hasilnya seperti berikut


Silahkan kawan ganti :
- Teks yang berwarna merah adalah URL Blog saya silahkan ganti dengan URL Blog kawan
- Angka 10 adalah jumlah postingan terakhir yang akan ditampilan [sesuaikan]
- Teks yang berwarna biru silahkan diganti dengan image kesukaan kawan atau dengan kata
Contohnya seperti berikut
<center><a href="http://NAMA BLOG KAWAN.blogspot.com/search?max-results=10"><button> Masuk </button></a></center>

  • Terakhir simpan Blog kawan dan lihat hasilnya 
Seandainya kawan mempunyai masukkan atau cara yang lain bisa disampaikan lewat Komentar, semoga ada manfaatnya dan sukses selalu 


Read more ...

Tuesday, 23 July 2013

Komentar GPlus untuk Template yang Gagal

Sebelumnya saya sudah berbagi dengan kawan cara meng-Aktifkan Komentar GPlus :q; tentunya bagi kawan yang sudah mempunyai Account G+ ditambah Template yang support dengan Blogspot, begitu juga dengan janji saya bagi kawan yang memakai Template Designer :r; atau yang gagal meng-Aktifkan Komentar GPlus.
Triks ini saya dapatkan pada master kita setelah sebelumnya saya mencari kesana kemari tidak ketemu yang akhirnya menemukan pada dte :z; yang caranya hampir sama dengan meng-Aktifkan Thread Comment sebelumnya 

Oke langsung saja ke cara meng-Aktifkan Komentar GPlus di Blog 
  • Masuk Account Blogger dengan ID kawan
  • Sebaiknya simpan Template kawan dulu 
  • Pada Dasbor pilih Template - Edit HTML
  • Untuk cepatnya, langsung saja menuju Widget - Blog1 lanjut jabarkan

<b:includable id='g-comments' var='post'>
<div id='g-comments-outer'>
<div class='g-comments' expr:data-href='data:blog.canonicalUrl' data-width='600' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD'> <a href='#g-comments-outer' id='g-comments-loader'>Berikan Komentar</a>
</div> </div>
<!-- For slow connection -->
<script type='text/javascript'>
//<![CDATA[
(function() {
var btn = document.getElementById('g-comments-loader'), showGC = function() {
var script = document.createElement('script'),
head = document.getElementsByTagName('head')[0], old;
script.type = "text/javascript";
script.id = "g-comments-script";
script.src = "//apis.google.com/js/plusone.js"; if (document.getElementById('g-comments-script')) {
old = document.getElementById('g-comments-script'); old.parentNode.removeChild(old); } head.appendChild(script); };
btn.onclick = function() {
this.innerHTML = "Memuat...";
showGC(); return false; };
})();
//]]>
</script>
</b:includable>


Teks yang saya beri warna merah silahkan disesuaikan dengan Blog kawan 
Teks yang saya beri warna biru bisa kawan ganti dengan Page-Loading atau dihilangkan



  • Selanjutnya cari  <b:includable id='main' var='top'> yang kodenya kurang lebih seperti berikut 
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
Hapus atau Ganti dengan Kode berikut :

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<!-- b:include data='post' name='comment_picker'/ -->
<b:include data='post' name='g-comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- b:include data='post' name='comment_picker'/ -->
<b:include data='post' name='g-comments'/>
</b:if>
Atau seperti kode berikut
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
Hapus atau Ganti dengan Kode berikut
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<!-- b:include data='post' name='comments'/ -->
<b:include data='post' name='g-comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- b:include data='post' name='comments'/ -->
<b:include data='post' name='g-comments'/>
</b:if>
  • Simpan Template kawan

Read more ...

Tuesday, 16 July 2013

Cara meng-Aktifkan Komentar GPlus

Komentar GPlus yang sudah diperkenalkan kurang lebih 2 bulan yang lalu adalah Komentar lanjutan setelah Thread Comment yang dikhususkan untuk Komentar Blogspot tentunya yang modelnya mirip Kotak Komentar FaceBook itulah yang akan saya bahas sekarang, seandainya kawan ada yang bertanya "mengapa harus Komentar GPlus...?1
Jawabannya pasti berbeda-beda sesuai dengan kepentingan yang sipenjawab, tapi bagi saya pribadi sudah pasti ada alasan yang ingin saya harapkan dengan memakai Komentar GPlus yang salah satunya agar traffic Rank Blog saya bisa normal atau kembali mengecil
Baik buruknya Komentar GPlus sebenarnya lebih banyak buruknya [jeleknya] dibandingkan dengan Komentar FaceBook maupun Thread Comment, disini saya akan mencoba memberikan gambaran [penilaian] pada Komentar tersebut 
  • Komentar GPlus berisi 2[dua] model Komentar yaitu secara keseluruhan dan sesama GPlus dan sipemberi Komentar tidak bisa memakai nama Anonim tanpa URL sedangkan sisi jeleknya kita tidak bisa menjawab biar keterkaitan.
  • Komentar Thread punya kelebihan kita bisa menjawab dan bersifat keterkaitan, sisi jeleknya sipemberi Komentar bisa memakai Anonim dan sejenisnya yang selanjutnya mirip SPAM
  • Komentar FaceBook bagi saya yang paling lengkap tanpa ada sisi jeleknya saya lihat, cuma kita bernaung atau numpang di Blogspot mau tak mau wajib mengikuti aturan mainnya 
Oh maaf ceritanya ngelantur, mari kita langsung saja ke Cara Meng-Aktifkan Komentar GPlus
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor lihat disisi kiri dan pilih Google+
  • Beri tanda centang pada Gunakan Google+ Komentar di Blog ini ? perhatikan image berikut

  • Maaf kelupaan, cara ini khusus untuk Template Standar Blogspot [Template yang belum dimodifikasi tentunya]
  • Kalau ada kawan bertanya bagaimana dengan Template yang sudah dimodifikasi [Design] jawabannya tunggu postingan saya berikut 
Contoh Komentar G+ dan Komentar Global


Read more ...

Saturday, 25 May 2013

Tutorial Membuat Akun Email Yahoo

Tutorial panduan lengkat membuat email gratis , daftar email , bikin akun email baru di yahoo terbaru 2013. Yahoo merupakan situs pencarian online terbesar ke - 2 setelah google.

Kemarin posting cara membuat / mendaftar akun email di gmail milik google. Kali ini adalah panduan lengkap membuat / mendaftar email yahoo. Banyak yang bisa di lakukan dengan email ketika kamu lagi online seperti kirim mengirim surat elektronik secara kilat , kirim foto kilat , sms an gratis via chatting ym dll.

Ok,tanpa panjang lebar berikut tutorial lengkap membuat akun email yahoo di ymail bray :

1. Buka yahoo.co.id
2. Klik ''Buat Account''



2. Kemudian isi semua data sesuai kehendak kamu dan klik ''Buat Akun Saya''


3. Jika data yang diisi sudah benar akan muncul gambar berikut klik ''Lanjutkan''


4. Akun email yahoo telah berhasil dibuat sekarang tinggal log in ke ymail.com ato langsung mail.yahoo.co.id



5. Selamat akun email kamu siap digunakan bray.


Jangan lupa selalu Sign Out setelah selesai menggunakan akun email kamu untuk pengaman akun email dari tangan ulah jahil hacker dll. Semoga bermanfaat bray!
Read more ...

Thursday, 23 May 2013

Tutorial Membuat Akun Email di Gmail

Tutorial membuat akun email gmail di google dan daftar email indonesia untuk gmail. Gmail adalah singkatan dari google mail yang notabene merupakan sarana dan prasana mengirim surat elektronik secara kilat.

Membuat akun email baru bisa digunakan untuk keperluan mendaftar jaringan social seperti facebook twitter dan juga untuk berkomunikasi secara global/dunia melalui fitur gmail berupa chat , video call dll.

Bagi yang masih bingung dengan cara mendaftar email di gmail milik google,blog afiliasibisnis kali ini memberikan tips tips membuat / mendaftar akun email baru gmail di google secara lengkap dan step by step.

1. Buka gmail.com klik ''Buat Akun''



2. Isi data dengan lengkap sesuai dengan kehendak kamu . Untuk kolom no hp harus diisi dengan yang masih aktif . Klik ''Langkah Selanjutnya''



3. Pada opsi ini disuruh untuk memverifikasi akun kamu dengan nomor hp yang sudah kamu isikan tadi. Dan tunggu kode verikasi di kirim ke ponsel kamu . Klik ''lanjutkan''



4. Selesai . Opsi pertama untuk memulai akun google dengan upload gambar / foto kamu.


5. Selamat akun telah berhasil di buat maka silahkan masuk dan login gmail baru kamu.

Semoga bermanfaat bray!!
Read more ...

Monday, 25 March 2013

Cara Auto Withdraw Sistem Bucket di ProfitClicking

Sore bray..Update lagi nie dari bisnis online invetasi Profitclicking.Kali ini gw bagi tips trik withdraw otomatis dari sistem bucket nya profitclicking.

Berikut 2 cara yg sedikit membantu kita mengklik untuk melakukan WD secara otomatis :

Cara Pertama :  menggunakan addon imacros
  • Klik tab Rec ditengah dan klik Record untuk memulai merekam aktivitas klik kita.
    Auto Withdraw Sistem Bucket ProfitClicking
  • Lakukan WD seperti biasa yaitu klik Withdraw pada Payment Processor yang kita inginkan, lalu isi jumlah dana yg akan di WD. Setelah itu klik Withdraw Funds.
    Auto Withdraw Sistem Bucket ProfitClicking
  • Jika muncul limit klik Different Processor.
Auto Withdraw Sistem Bucket ProfitClicking
  • Setelah tampilan kembali ke My Wallet, klik Stop pada tab Rec disebelah kiri.
Auto Withdraw Sistem Bucket ProfitClicking
  • Rekaman aktivitas klik kita sudah tersimpan. Selanjutnya klik tab Play di sebelah kiri.
  • Isi kolom Max: sebanyak yg Anda inginkan. Misalkan 1000
  • Lalu klik Play (Loop)
Auto Withdraw Sistem Bucket ProfitClicking
  • Maka Mozilla firefox anda akan melakukan WD secara otomatis tanpa menunggu Bucket OPEN
  • Selamat mencoba 
Cara kedua : menggunakan addon reloadevery

1. Download add ons mozillla firefox : https://addons.mozilla.org/id/firefox/addon/reloadevery/ lalu instal
2. Login ke akun ProfitClicking Anda.
3. Masukan link berikut ke Address Bar browser internet anda:

  • http://www.profitclicking.com/wallet/withdraw.php?processor(singkatan nama rekening online anda)&from_ajax=1&amount=(jumlah yg mau di WD)&source=old&destination=bucket 
  • Untuk singkatan nama rekening: Liberty reserve, isi dengan : lr , Perfect Money,  : pm , Solid Trust Pay,  : stp,  Egopay,  : ego 
  • Contoh link untuk WD LR pre PROFIT SHIT sejumlah 50 $ USD http://www.profitclicking.com/wallet/withdraw.php?processor=lr&from_ajax=1&amount=50&source=old&destination=bucket 
Setelah anda Paste Script Auto WD diatas, lalu lanjutkan dengan klik kanan di layar browser anda, lalu pilih Reload Every, dan pilih berapa waktu yang ingin anda reload.

Cara wd otomatis dengan reload every klik kanan, pilih reload every.Jika langkah-langkah tersebut telah anda lakukan, maka page akan otomatis me-reload sendiri sesuai waktu yang anda tentukan.

Jika WD open anda berhasil akan ada tulisan seperti ini: WD Sukses  Namun jika ternyata rekening yang anda gunakan untuk WD sudah penuh kuotanya maka anda akan mendapat pesan limit, kurang lebih seperti ini: WD Gagal/Limit WD

Silahkan mencoba dan semoga terbantu bray.. Yang belum daftar segera Join bray...


Read more ...

Saturday, 9 March 2013

Tutorial Cara Daftar Payoneer

Malem bray..request dari agan Exko Sabaku
Tutorial cara mendaftar di Payoneer

Payoneer merupakan perusahaan di Amerika Serikat yang memberikan pelayanan transaksi keuangan secara global. Secara singkat payoneer memberikan fasilitas kepada para penggunanya untuk memiliki akun bank secara virtual atau Virtual Bank Account. Dengan fasilitas ini, anda dapat menerima pembayaran dari perusahaan yang berbasis di AMerika tanpa anda harus secara langsung membuat akun bank disana secara offline.

Payoneer telah bekerja sama dengan perusahaan besar dan ternama seperti amazon, linkshare, infolinks, chitika dll.Payoneer juga bisa di dapatkan dari pihak ketiga seperti kita ikut afiliasi,jika sudah dalam jumlah tertentu bisa mendapatkan kartu payoneer.Contohnya di Infolink.com. Postingan selanjutnya ja gw posting tentang Cara Mendapatkan Kartu Debit Payoneer Lewat Infolink.

Sekarang fokus ke daftar payoneer dulu lewat situs payoneer.com.Step by step tutorial daftar payoneer dan mengisi formulir payoneer:

1.Buka situs Payoneer.com



klik Sign Up (dilingkati merah)

2.Klik Sign Up lagi

3.Ada 3 (tiga) tahapan/step utama dalam mengisi formulir pendaftaran.

selanjutnya


Lalu kamu isi form tersebut dengan data pribadi sesuai KTP :
  • Nama depan
  • Nama belakang
  • Tanggal lahir
  • Alamat tinggal, umumnya berupa alamat rumah
Jika ingin mendapatkan kartu yang cepat sampai tujuan,centang pada bagian "Click here and fill in this section ONLY if your shipping address is different from above or you want your card shipped to a PO Box".

Kamu dapat mengisinya dengan alamat kantor, alamat saudara yang mudah dijangkau pak pos, atau alamat PO Box yang kamu pinjam dari pak pos.Alamat yang sulit dijangkau akan membuat kartu anda makin lama sampai di tujuan.

Setelah semua data pada step 1 anda isi, maka anda dapat melanjutkan ke step 2. 
Yang perlu kamu lakukan pada step 2 ini adalah isi aja formnya dengan alamat email, password, dan pertanyaan untuk keamanan (jika anda lupa password). Jangan lupa selalu centang pada bagian "Apply for the US Payment Service". Jika sudah lengkap kamu dapat melanjutkan ke step 3. 



Step 3 untuk verifikasi data pribadi kamu bray. Kamu dapat menggunakan passport, KTP atau SIM untuk verifikasi. Tuliskan nama sesuai dengan id kamu tersebut. Jangan lupa anda centang pada bagian agreement dan terakhir tekanl finish.

Semoga tutorial daftar payoneer membantu agan Exko Sabaku dan sobat pembaca blog.
sekian bray , sampai kriting ni jari..hee


Read more ...

Monday, 21 January 2013

Cara Membuat Share Button Melayang

Kawan masih ingat postingan saya sebelumnya tentang Cara Pasang Tombol Berbagi Plus :w; itulah yang akan saya bahas kembali karena Share Buttons [Tombol Berbagi] banyak model, bentuk atau penempatannya untuk menarik perhatian pengunjung Blog tentunya, terus yang sekarang akan saya bagikan pada kawan Cara Membuat Share Buttons Melayang yang screen shotnya sudah kawan lihat disamping kanan Blog ini :z; 

Cara Membuatnya :

  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor / Home pilih Tata Letak - Tambah Gadget
  • Pilih tanda [+] pada HTML / JavaScript
  • Copas Script berikut kedalamnya



<!-- Halaman Share Melayang Start  -->
<style>
#pageshare {position:fixed; bottom:10%; left:0px;float:left; border: 0px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:transparent;padding:0 0 2px 0; z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="bagikan ke teman anda">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like>
</div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone>
</div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script>
</div></div>
<br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://blogbego-creation.blogspot.com/" target="blank"><font color="blue">[Widget]</font></a></div>
<!-- Halaman Share Melayang End -->
  • Teks yang saya beri warna merah adalah posisi Share Button, kawan bisa memindahkan posisinya dengan mengganti misalnya : dengan top, right  
  • Kawan bisa menambah atau mengurangi Tombol Berbaginya sesuai kebutuhan

 Kalau kawan ingin yang lebih simpel lagi silahkan Copas Script berikut 

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="right:0px;top:200px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50dbacda3907ad58"></script>
<!-- AddThis Button END --> 

  • Simpan Blog kawan
  • Script tersebut diatas kawan bisa gabung pada Gadget yang sudah ada


Read more ...

Friday, 18 January 2013

Cara Membuat Random Post Plus Summary

Sebelumnya saya memposting Cara Membuat Random Post, yang kelihatan hanya Judulnya saja, sekarang saya akan mencoba berbagi lagi dengan kawan Cara Membuat Random Post yang berisi Summary [Cuplikan beberapa kata] tampilannyapun sama dengan Random Post sebelumnya selalu berubah-ubah bila Blog di muat ulang [Refres]  :r;
Cara Membuatnya :


  1. Masuk Account Blogger dengan ID kawan 
  2. Pada Dasbor pilih Tata Letak - Tambah Gadget
  3. Pilih tanda [+] pada HTML / JavaSript
  4. Copas kode berikut kedalamnya 

<script type="text/javascript">
var randarray=new Array();
var l=0;
var flag;
var numofpost=5;
var wordnumber=15;
</script>
<script style="text/javascript" src="https://sites.google.com/site/blogbegocreation/javascript/randomposts.js"></script>
<script src="/feeds/posts/summary?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script> <a href='http://Nama Blog.blogspot.com/'><img style='border: 0px;padding:0;background:none;' src='http://img1.blogblog.com/img/blank.gif'/></a>

  • Angka 5 menunjukkan jumlah Judul File
  • Angka 15  adalah jumlah kata masing-masing Judul, bukan suku kata dan jangan dihilangkan 
  • Ganti Nama Blog dengan URL Blog kawan
  • Ingat jangan lupa simpan Blog kawan 

Read more ...

Tuesday, 15 January 2013

Cara Membuat Random Post

Semua kawan Blogger saya rasa sudah tahu apa itu Random Post !  :z;
Tapi tak ada salahnya saya sampaikan untuk kawan Blogger Pemula seperti saya ini, akan mencoba berbagi dengan kawan tentang Random Post yang artinya kurang lebih seperti Daftar Isi Blog yang selalu berubah-ubah bila Blog di muat ulang [Refres] :o; 
Cara Membuat Random Post Blog :

  • Masuk Account Blogger dengan ID kawan 
  • Pada Dasbor pilih Tata Letak - Tambah Gadget - [+] pada HTML / JavaScript
  • Copas Script berikut kedalamnya

<script type="text/javascript">
var randarray=new Array();
var l=0;
var flag;
var numofpost=10;
function randomposts(json){var total=parseInt(json.feed.openSearch$totalResults.$t,10);for(i=0;i<numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){flag=1}}if(flag==0&&l!=0){randarray[i++]=l}}document.write('<ul>');for(n in randarray){var p=randarray[n];var entry=json.feed.entry[p-1];for(k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){var item="<li>"+"<a href="+entry.link[k].href+">"+entry.title.$t+"</a></li>";document.write(item)}}}document.write('</ul>')}</script><script src="/feeds/posts/summary?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts"type="text/javascript"></script><a href='http://Nama Blog.blogspot.com'><img style='border: 0px;padding:0;background:none;' src='http://img1.blogblog.com/img/blank.gif'/></a>
  • Angka 10 adalah jumlah yang akan ditampilkan
  • Ganti Nama Blog dengan URL Blog kawan
  • Simpan Blog kawan


Read more ...

Thursday, 13 December 2012

Tampilkan Iklan disamping Thread Comment

Artikel saya sebelumnya tentang Tampilkan Iklan diatas Komentar Blog dan Tampilkan Iklan disamping Kanan Komentar untuk Komentar Default :y; sedangkan untuk Thread Comment dengan Judul Tampilkan Iklan diatas Thread Comment :z; sedangkan untuk menampilkan Iklan disamping Kanan Thread Comment sedikit mengalami masalah seperti Form Komentar tidak muncul atau Iklan Sponsor letaknya tidak tetap maksud saya pasang diatas bisa menjadi dibawah form Komentar :q;  [khusus untuk Thread Comment yang sudah dimodifikasi], karena ingin menempatkan Iklan disamping Thread Comment semakin membuat saya penasaran saja, [maklum saya hanyalah Calon Blogger] yang pada akhirnya saya berhasil menemukan solusinya :w;

Caranya :
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Template - Edit HTML - Lanjutkan 
  • Beri tanda check pada 
  • Cari Kode Comment [Komentar Thread Modifikasi] bisa baca disini dan kawan akan menemukan 2 angka untuk lebar [width] Komentar yang harus kawan rubah/kurangi sesuai lebar kolom untuk Iklan 
  • Selanjutnya cari  <div class='comments-content'> sampai </p> selengkapnya sebagai berikut :
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
 <b:include data='post' name='threaded_comment_js'/>
 </b:if>
 <div id='comment-holder'>
 <data:post.commentHtml/>
 </div> </div>
<p class='comment-footer'>
 <b:if cond='data:post.allowNewComments'>
 <b:include data='post' name='threaded-comment-form'/>
 <b:else/>
 <data:post.noNewCommentsText/>
 </b:if> </p>

  • Tambahkan Script berikut diatas  <div class='comments-content'> 
<table border='0' cellpadding='1' height='auto' width='780'><tr><td valign='top'>
<div style='width:530px;height:auto;padding:1px; align:left; border:0px solid #999'>
<div style='width:480px;height:60px; background:#0FF;text-align:center; border:1px solid #243B0B; padding:15px;font-size:30px;font-family:Tekton Pro;'><br/><b>MAU IKLAN ANDA TAMPIL DISINI</b></div>

dan dibawah </p>


</div> </td><td valign='top'> 
<div style='width:210px;height:auto;padding:5px; align:right;border:0px solid #F00;background:transparent;'>
<img border='0' height='600' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDIkrejlt01BumUsKsyPSij5JJZQUZMz3KVB1IIGF8ySAm1kjagrWrQPUYJIUzP6aDh2se29XOMIgtUpdYZRfQIuyK1W8BiTD-HUk9aihq7x6henZa-yk_DlX7UVwDYTfYpTW2YPMQt2cy/s640/Banner.png' width='200'/>

</div></td> </tr> </table>


Selengkapnya menjadi sebagai berikut :

<table border='0' cellpadding='1' height='auto' width='780'><tr><td valign='top'>
<div style='width:530px;height:auto;padding:1px; align:left; border:0px solid #999'>
<div style='width:480px;height:60px; background:#0FF;text-align:center; border:1px solid #243B0B; padding:15px;font-size:30px;font-family:Tekton Pro;'><br/><b>MAU IKLAN ANDA TAMPIL DISINI</b></div>
    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>
    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
</div> </td><td valign='top'>
<div style='width:210px;height:auto;padding:5px; align:right;border:0px solid #F00;background:transparent;'>
<img border='0' height='600' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDIkrejlt01BumUsKsyPSij5JJZQUZMz3KVB1IIGF8ySAm1kjagrWrQPUYJIUzP6aDh2se29XOMIgtUpdYZRfQIuyK1W8BiTD-HUk9aihq7x6henZa-yk_DlX7UVwDYTfYpTW2YPMQt2cy/s640/Banner.png' width='200'/></div>
</td> </tr> </table>
  • Sampai disini Simpan dulu Template kawan
Keterangan Tambahan :
  • Silahkan kawan mengganti teks yang berwarna merah [780]sesuai Lebar [width] Form Komentar kawan, sedangkan [530px dan 210px] adalah Lebar Komentar dan Iklan 
  • Silahkan ganti juga teks yang berwarna biru dengan script Iklan kawan
  • Karena struktur Template berbeda-beda, atau seandainya template kawan sama seperti template saya ini, yang bisa menyebabkan Form Komentar menghilang, kawan jangan risau :w;  sekarang coba  perhatikan diatas <div class='comments-content'> scriptnya sebagai berikut sebelum perubahan [ditambahkan script Iklan]
<b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <h4 id='comment-post-message'> <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;); </script> </div></b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>

<div class='comments-content'>
  • Silahkan kawan ganti teks yang berwarna biru dengan teks berikut
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    <data:post.iframeColorizer/>
  </div>
</b:includable>
<b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
<h4>
      <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> Pendapat pada : &#8220;<data:post.title/>&#8221;
      </b:if>
    </h4>

  • Perlu kawan ketahui, Iklan Sponsor akan kelihatan kalau sudah ada Komentarnya
  • Simpan Template kawan


    Read more ...

    Friday, 7 December 2012

    Cara Memodifikasi Thread Comment

    Melanjutkan postingan saya sebelumnya tentang Cara menampilkan Thread Comment di Blogspot, yang tampilannya masih standar contohnya seperti Gambar disamping yang bagi saya secara pribadi kurang menarik :y;
    Sekarang ini akan saya bahas Cara Memodifikasi Thread Comment supaya menjadi menarik perhatian biar tampil beda, perlu kawan ketahui script berikut saya Copas saat pertama kali Thread Comment di perkenalkan / ditambahkan oleh Google pada Blogspot [sekarang script tersebut sudah tidak ada lagi di Template] begitu juga script tersebut sudah saya Modifikasi :z; 
    Cara Pemasangan Thread Comment :
    • Masuk Account Blogger dengan ID kawan
    • Pada Dasbor pilih Template - Edit HTML - Lanjutkan  
    • Copas script berikut diatas atau dibawah ]]></b:skin> 

    <style>#comments{clear:both;float:left;width:580px;margin: 10px 0;padding:10px;line-height:1.4em;background: none repeat scroll 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;rgb(255, 255, 255)&#39;, endColorstr=&#39;rgb(185, 185, 185)&#39;);background:-moz-radial-gradient(top, rgb(255, 255, 255), rgb(185, 185, 185));background:-webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to( rgb(185, 185, 185))) repeat-x top center; border: 1px solid #CCC;-webkit-border-radius: 5px; -moz-border-radius:  5px; border-radius:  5px;}
    .comments { clear: both; margin-top: 10px; margin-bottom: 0px; line-height: 1em;}
    .comments .comments-content {font-size: 13px;}
    .comments .comment .comment-actions a { padding: 5px  0 0 5px;  color: yellow !important;}
    .comments .comment .comment-actions a:hover {  text-decoration: none;}
    .comments .comments-content .comment-thread ol { list-style-type: none; padding: 10px; text-align: left;}
    .comments .comments-content .inline-thread { padding: 0.5em 1em;}
    .comments .comments-content .comment-thread { margin: 8px 0px;}
    .comments .comments-content .comment-thread:empty { display: none;}
    .comments .comments-content .comment-replies { margin-top: 1em; margin-left: 36px; width: 544px;}
    .comments .comments-content .comment { margin-bottom: 16px; padding-bottom: 8px;}
    .comments .comments-content .comment:first-child { padding-top: 16px;}
    .comments .comments-content .comment:last-child { padding-bottom: 0;}
    .comments .comments-content .comment-body {position: relative;}
    .comments .comments-content .user { font-size: 14px; color: #666666 !important; text-decoration: none;}
    .comments .comments-content .icon.blog-author { display: inline-block; margin: 0 0 -4px 6px; position: absolute; top: 0; right: 0; background-color: #95CAFF; width: 100%; height: 100%; z-index: -1;}
    .comments .comments-content .datetime { font-size: 10px; color: #F00; text-decoration: none;}
    .comments .comments-content .datetime a { float: right;}
    .comments .comments-content .comment-header { margin: 0 0 8px; border: thin solid #E6E6E6; background-color: #D4E3EA;padding: 5px;}
    .comments .comments-content .comment-content { margin: 0 0 8px; padding: 5px; border: thin solid #E6E6E6; background-color: #FFF; line-height: 21px;}
    .comments .comments-content .comment-content { text-align: justify; line-height: 1.5;}
    .comments .comments-content .owner-actions { position: absolute; right: 0; top: 0;}
    .comments .comments-replybox { border: none; height: 250px; width: 100%;}
    .comments .comment-replybox-single { margin-top: 5px; margin-left: 48px;}
    .comments .comment-replybox-thread { margin-top: 5px;}
    .comments .comments-content .loadmore a { display: block; padding: 10px 16px; text-align: center;}
    .comments .thread-toggle { cursor: pointer; display: inline-block;}
    .comments .continue {background: transparent;  cursor: pointer;text-align: center;}
    .comments .continue a { display: block;  padding: 0.5em;margin: 0 350px 0 50px;font-weight: bold;background: #95CAFF none repeat scroll 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#236C95&#39;, endColorstr=&#39;#7CA9C0&#39;);background:-moz-radial-gradient(top, #236C95, #7CA9C0);background:-webkit-gradient(linear, left top, left bottom, from(#236C95), to( #7CA9C0))repeat-x top left;border: 1px solid #333;-webkit-border-radius:15px; -moz-border-radius: 15px; border-radius: 15px;color: #FFF;}
    .comments .continue a:hover { text-decoration: none !important; color: #FFF; background: #95CAFF;border: 1px solid #00F;}
    .comments .comments-content .loadmore { cursor: pointer; max-height: 3em; margin-top: 3em;}
    .comments .comments-content .loadmore.loaded { max-height: 0px; -ms-filter: quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=0)&quot;; filter: alpha(opacity=0); opacity: 0; overflow: hidden;}
    .comments .thread-chrome.thread-collapsed {display: inline-block;}
    .comments .thread-toggle {background: #00FF00 none repeat scroll 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#00FF00&#39;, endColorstr=&#39;#006400&#39;);background:-moz-radial-gradient(top, #00FF00, #006400);background:-webkit-gradient(linear, left top, left bottom, from(#00FF00), to( #006400))repeat-x top left;border: 1px solid #006400;-webkit-border-radius:15px; -moz-border-radius: 15px; border-radius: 15px;  display: inline-block;padding: 3px 0;width: 120px;height: 20px;text-align: center;}
    .comments .thread-toggle .thread-arrow { display: inline-block; height: 6px; width: 7px; overflow: visible; margin: 0.3em; padding-right: 4px;}
    .comments .thread-expanded .thread-arrow { background: url(&quot;data: image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAA DEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;}
    .comments .thread-collapsed .thread-arrow { background: url(&quot;data: image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAA DEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;}
    .comments .avatar-image-container { float: left; width: 36px; max-height: 36px; overflow: hidden; padding: 0; margin-left: 10px; margin-top: 2px;}
    .comments .avatar-image-container img { width: 36px;}
    img[src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht6uM7rSUuI-JclG8qI21O9ojp1VjEwRXVdzNwNR8fbkaLolGQx_qTl_PGhOECWcGPJ3iGCRBeplFI-4XTV0TujscCHyd4jJwWQBz1hF4xgbpEfkqKheZfo2D1zNtuIln9B2yJsgDByg96/s1600/anon36.gif&quot;] { display: inline;}
    .comments .comment-block { background: rgb(99,147,193);  border: 1px solid #FFF;-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;margin-left: 48px;padding: 5px;position: relative; z-index: 99;}
    /* Responsive styles. */
    @media screen and (max-device-width: 500px) {.comments .comments-content .comment-replies {margin-left: 0;}}
    </style>


    • Kalau script tersebut disimpan diatas ]]></b:skin> teks <style> dan </style> yang berwarna biru bisa kawan hilangkan 
    • Ganti teks yang saya beri warna Merah [width:580px;] sesuai Lebar Blog kawan, sedangkan [width:544px;] ini untuk Komentar Balasan
    • Simpan Template kawan :q;


    Read more ...

    Tuesday, 27 November 2012

    Komentar Blogger Default berisi Reply Plus Iklan

    Pada umumnya Komentar pada Blogspot bersifat default [sebelum adanya Thread comment] yang artinya   tidak ada Reply atau Balasan Komentar, :q; itulah yang akan saya bahas sekarang dan khusus untuk kawan Blogger yang masih mempergunakan Komentar Default agar bisa menjawab atau Reply Komentar yang masuk Plus Penempatan Iklan diatas atau disamping Komentar :w;
    Caranya sebagai berikut :
    • Masuk Account Blogger dengan ID kawan
    • Pada Dasbor pilih Template - Edit HTML - Lanjutkan 
    • Beri tanda 
    h2.date-header {padding: 0 0 2px 5px;margin-top: -10px;margin-bottom: 0;color: #006400;font-size:11px}
    .post {color:#333;font: normal 12px Cherry Cream Soda, Arial, Tahoma, Verdana;margin: 0 auto 0;padding: 5px 10px;text-align:justify;background: none repeat scroll 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#000000');background:-moz-radial-gradient(left, #FFFFFF, #000000);background:-webkit-gradient(linear, left top, right top, from(#FFFFFF), to( #000000)) repeat-x top center;border: 1px solid #FFF;}
    .post-body{overflow:hidden; line-height:16px;font: normal 12px Cherry Cream Soda; background: #FFF;border: 1px solid #ccc;border-left: 3px solid #999;border-top: 3px solid #999;-moz-border-radius:10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px; padding:10px 10px 0 10px; }
    .post h2 {margin: 5px 0 10px;padding: 5px;color: #FF0;font: normal 120% Tekton Pro, Arial, Tahoma, Verdana;border-bottom: 1px dotted #333;background: -moz-linear-gradient(top,#000,#FFF);background:-webkit-gradient(linear, left top, right bottom, from(#000),to(#FFF)) ;}
    .post h2 a, .post h2 a:visited {color: #FF0;margin: 5px 0 10px;padding: 5px 1px 2px 1px;text-align:left;font: normal 120% Tekton Pro, Arial, Tahoma, Verdana;}
    .post h2 a:hover {color: #FFF;text-shadow:1px 1px 1px #F00;text-decoration:none;margin:5px 0 10px;padding: 5px 1px 2px 1px;
    text-align:left;font: bold 120% Tekton Pro, Arial, Tahoma, Verdana;}
    .comment-link{color:#122B15;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Jox3st0f28mUMWak-Xd1OIzM1CF8vNo5xPbHAK3rWMZhHlpkZQHRDiyExrwkChJLoBdrRMBGC6V_2eIKlj4bNhSyPF4EwNE_oT-g7jImQp8P4aWVT070KPlr_mWnfqGM6rk70ExVp_A3/s1600/CLIPBOARD.png) no-repeat;width:60px;height:60px;float: left;margin: 0 5px 0 0;padding:15px 5px 10px 1px;font-size:18px;text-align: center;text-shadow-hover: 2px 2px 2px #F00;}
    .post img {padding: 10px;}

    • Selanjutnya cari <b:includable id='comments' var='post'> Sampai </b:includable> atau selengkapnya kurang lebih sebagai berikut :

      <b:includable id='comments' var='post'>

      ................ Bla - bla - bla ...............................................................................................

      <b:if cond='data:post.allowComments'>
                  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
                </b:if>
              </b:if>
            </p>
          </b:if>

          <b:if cond='data:showCmtPopup'>
            <div id='comment-popup'>
              <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
              </iframe>
            </div>
          </b:if>

          <div id='backlinks-container'>
          <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
             <b:if cond='data:post.showBacklinks'>
               <b:include data='post' name='backlinks'/>
             </b:if>
          </div>
          </div>
        </div>
      </b:includable> .............................. sampai pada disini ................................................

      • Hapus atau ganti dengan Script berikut 
      <b:includable id='comments' var='post'>
      <div class='comments' id='comments'>
      <a name='comments'/>
      <b:if cond='data:post.allowComments'>
      <h4>
      <b:if cond='data:post.numComments == 1'>
      1 <data:commentLabel/>:
      <b:else/>
      <data:post.numComments/> <data:commentLabelPlural/> : &#8220;<data:post.title/>&#8221;
      </b:if>
      </h4>
      <b:if cond='data:post.commentPagingRequired'>
      <span class='paging-control-container'>
      <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
      &#160;
      <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
      &#160;
      <data:post.commentRangeText/>
      &#160;
      <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
      &#160;
      <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
      </span>
      </b:if>
      <table><tr><td valign='top'>
      <div style='width:515px;height:auto; text-align:left; border:0px solid #243B0B; padding-right:5px;'>
      <br/>
      <div style='width:480px;height:60px; background:#0FF;text-align:center; border:1px solid #243B0B; padding:15px;font-size:30px;font-family:Tekton Pro;'><br/><blink><b>MAU IKLAN ANDA TAMPIL DISINI</b></blink></div> </div><br/>
      <b:loop values='data:post.comments' var='comment'>
      <b:if cond='data:comment.author == data:post.author'>
      <ol class='commentlist-destacado'>
      <li class='comment' id='comment'>
      <div class='comment-body' id='div-comment'>
      <div class='comment-author vcard'>
      <b:if cond='data:comment.favicon'>
      <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
      </b:if>
      <a expr:name='data:comment.anchorName'/>
      <b:if cond='data:blog.enabledCommentProfileImages'>
      <data:comment.authorAvatarImage/>
      </b:if>
      <cite class='fn'><b:if cond='data:comment.authorUrl'>
      <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
      <b:else/>
      <data:comment.author/>
      </b:if></cite>
      <span class='says'><data:commentPostedByMsg/>:</span>
      </div>
      <p>
      <data:comment.body/>
      <span class='interaction-iframe-guide'/>
      </p>
      <div class='comment-meta'><a expr:href='data:comment.url' title='comment permalink'>
      <data:comment.timestamp/>
      </a>
      <b:include data='comment' name='commentDeleteIcon'/></div>
      <b:if cond='data:comment.isDeleted'>
      <span class='deleted-comment'><data:comment.body/></span>
      <b:else/>
      </b:if>
      </div>
      </li>
      </ol>
      <b:else/>
      <ol class='commentlist'>
      <li class='comment' id='comment'>
      <div class='comment-body' id='div-comment'>
      <div class='comment-author vcard'>
      <b:if cond='data:comment.favicon'>
      <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
      </b:if>
      <a expr:name='data:comment.anchorName'/>
      <b:if cond='data:blog.enabledCommentProfileImages'>
      <data:comment.authorAvatarImage/>
      </b:if>
      <cite class='fn'> <b:if cond='data:comment.authorUrl'>
      <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
      <b:else/>
      <data:comment.author/>
      </b:if></cite>
      <span class='says'><data:commentPostedByMsg/>:</span>
      </div>
      <p>
      <data:comment.body/></p>
      <span class='interaction-iframe-guide'/>
      <div class='comment-meta'><a expr:href='data:comment.url' title='comment permalink'>
      <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=2755282981621845502&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=450,height=450&quot;); return false;'><span style='color: rgb(255, 0, 0); font-size:14px; font-weight:normal;float:left;padding-right:280px;'><blink>&#187; Balas </blink></span></a>
      <data:comment.timestamp/> </a>
      <b:include data='comment' name='commentDeleteIcon'/></div>
      <b:if cond='data:comment.isDeleted'>
      <span class='deleted-comment'><data:comment.body/></span>
      <b:else/>
      </b:if>
      </div>
      </li>
      </ol>
      </b:if>
      </b:loop>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4><p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/><a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
      </td><td valign='top'>
      <div style='width:200px;height:auto;padding:5px; float:right;text-align:center;margin-left:20px;border:1px solid #243B0B; background:transparent;'>
      <img border='0' height='600' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDIkrejlt01BumUsKsyPSij5JJZQUZMz3KVB1IIGF8ySAm1kjagrWrQPUYJIUzP6aDh2se29XOMIgtUpdYZRfQIuyK1W8BiTD-HUk9aihq7x6henZa-yk_DlX7UVwDYTfYpTW2YPMQt2cy/s640/Banner.png' width='200'/>br/></div></td></tr></table>
      <b:if cond='data:post.commentPagingRequired'>
      <span class='paging-control-container'>
      <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
      <data:post.oldestLinkText/>
      </a>
      <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
      <data:post.olderLinkText/>
      </a>
      &#160;
      <data:post.commentRangeText/>
      &#160;
      <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
      <data:post.newerLinkText/>
      </a>
      <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
      <data:post.newestLinkText/>
      </a>
      </span>
      </b:if>
      <p class='comment-footer'>
      <b:if cond='data:post.embedCommentForm'>
      <b:if cond='data:post.allowNewComments'>
      <b:include data='post' name='comment-form'/>
      <b:else/>
      <data:post.noNewCommentsText/>
      </b:if>
      <b:else/>
      <b:if cond='data:post.allowComments'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
      </b:if>
      </b:if>
      </p>
      </b:if>
      <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
      <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
      </iframe>
      </div>
      </b:if>
      <div id='backlinks-container'>
      <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
      <b:if cond='data:post.showBacklinks'>
      <b:include data='post' name='backlinks'/>
      </b:if>
      </div>
      </div>
      </div>
      </b:includable>

      • Silahkan Ganti teks yang berwarna Biru dengan script Iklan Kawan atau menghilangkannya
      • Teks yang saya beri warna background Hijau silahkan kawan menyesesuaikan dengan lebar Blog kawan 
      • Ganti teks yang berwarna merah dengan Blog ID kawan
      • Teks yang berwarna Violet, seandainya sudah berisi pada Template kawan ada 4[empat] silahkan hapus yang terakhir :x;
      • Jangan lupa simpan Template kawan

      Read more ...