Cara Membuat Widget Komentar Terakhir Di Blog

Saturday, February 9, 2013 | comments


Cara Membuat Widget Komentar Terakhir Di Blog ini sangat mudah dengan sedikit cara akan langsung widget Komentar Terakhir di Blog akan muncul. Cara Membuat Widget Komentar Terakhir di Blog ini pun akan lebih SEO Friendly.

Kita langsung saja langkah-langkah dalam membuat widget komentar di blog sebagai berikut:

1. Login ke dasbor terlebih dahulu.
2. klik tambah gadget kemudian pilih HTML/Java Script.
3. Pasang kode scrip dibawah ini.

<!--Start Comment box Code --><script style=text/javascript src=http://gonxbross.googlecode.com/files/recentcomment.js></script>
<script style=text/javascript >var a_rc=5;
 var m_rc=true;var n_rc=true;var o_rc=100;</script>
<script src=http://amatir-blogid.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<span id=rcw-cr><a href=http://amatir-blogid.blogspot.com/ target=_blank title=blogger widgets>Blogger Indonesia</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-family: Arial,Tahoma;font-size:9px;} </style><!-- End Comment box Code -->
4. kemudian Save dan lihat hasilnya.

Keterangan:
  • Ubah kode yang berwarna merah dengan url/link anda.

Semoga Cara Membuat Widget Komentar Terakhir Di Blog bisa bermanfaat. Bila ada masalah mengenai Cara Membuat Widget Komentar Terakhir Di Blog silahkan komentar di bawah.  

Cara Menghapus Blog di blogger / blogspot

| comments

Cara Menghapus Blog di blogger / blogspot  sangatlah mudah tetapi masih banyak orang yang belum tahu dan masih kebingungan dalam Cara Menghapus Blog di blogger.

Langkah-Langkah cara menghapus Blog di Blogger:

1. Login ke Blogger > Dashboard
2. Klik menu SETELAN, lalu klik Lainnya
Lebih Jelasnya gambar dibawah ini




3. Setelah itu Klik Hapus blog yang terdapat di Alat  blog
4. Klik Hapus Blog ini seperti gambar dibawah ini





Dalam konfirmasi gambar di atas bahwa blog yang di hapus tersebut dapat di pulihkan kembali dalam jangka waktu 90 hari sebelum di hapus selamanya. Apabila sampai 3 bulan baru blog tersebut terhapus secara permanen dan tidak bisa di kembalikan lagi.


Semoga Cara Menghapus Blog di blogger / blogspot bisa bermanfaat. Bila ada masalah mengenai Cara Menghapus Blog di blogger / blogspot silahkan komentar di bawah. 


Cara Membuat Kotak Banner Iklan di Blog / Website

Friday, February 8, 2013 | comments (2)


Cara Membuat Kotak Banner Iklan di Blog / Website | Menampilkan space iklan berupa banner ini untuk membuat penghasilan di website / blog agar seorang Advertiser / pemasang iklan dapat mengiklankan produk di website / blog. Dari kotak Banner iklan tersebut dapat dimanfaatkan bisnis blog yang bermanfaat.
Langsung saja Cara Membuat Kotak Banner Iklan dengan mengikuti langkah-langkah dibawah ini:

1. Login ke Blogger > Template
2. Edit Html > Centang Expand Template Widget
5. Cari kode ]]></b:skin> (Gunakan ctrl+F untuk mempermudah pencarian)
6. Kalau sudah dapat, copy kode dibawah ini dan letakkan diatas kode ]]></b:skin>

#Box-Banner-ads{text-align:center;margin:0;padding:5px}
#Box-Banner-ads img{text-align:center;border:1px solid silver;margin:0 4px 4px 0;padding:3px}
#Box-Banner-ads img:hover{text-align:center;border:1px solid #333;margin:0 4px 4px 0;padding:3px} 

6. Save Template

7. Selanjutnya buka Tata Letak > Add Gadget / Tambah Gadget > HTML/JavaScript

8. Copy kode HTML di bawah ini dan paste di kotak yang telah disediakan

<div id="ads">
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="http://2.bp.blogspot.com/-fdDPuryVCSw/TyPJzGSki1I/AAAAAAAABUA/Sgq1ednInuA/s1600/your-ad-here-15.gif" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="http://2.bp.blogspot.com/-fdDPuryVCSw/TyPJzGSki1I/AAAAAAAABUA/Sgq1ednInuA/s1600/your-ad-here-15.gif" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="http://2.bp.blogspot.com/-fdDPuryVCSw/TyPJzGSki1I/AAAAAAAABUA/Sgq1ednInuA/s1600/your-ad-here-15.gif" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="http://2.bp.blogspot.com/-fdDPuryVCSw/TyPJzGSki1I/AAAAAAAABUA/Sgq1ednInuA/s1600/your-ad-here-15.gif" /></a>
</div>

9. Save dan lihat hasilnya

Keterangan :
  • Silahkan ganti untuk yang warna merah dengan URL website / blog advertiser atau pemasang iklan
  • Warna Orange ganti dengan judul yang ingin ditampilkan oleh advertiser.
  • Warna Biru ganti dengan alt tag yang ingin digunakan, penggunaannya sama seperti alt tag pada gambar posting blog.
  • Warna Magenta ganti dengan alamat URL gambar

Semoga Cara Membuat Kotak Banner Iklan di Blog / Website bisa bermanfaat. Bila ada masalah mengenai Cara Membuat Kotak Banner Iklan di Blog / Website silahkan komentar di bawah. 

Cara Membuat Quote Di Posting Blog

| comments (8)

Cara Membuat Quote Di Posting Blog | Membuat Quote di blog ini berfungsi untuk menaruh catatan dengan memisahkan catatan yang lain agar lebih terlihat menonjol dengan yang lainnya. Banyak contoh-contoh membuat Quote di blog tetapi ini menurut saya Quote yang paling simpel dan enak di lihat. Sebenernya di Blogger pun sudah di berikan Quote tetapi saya ingin memberikannya yang berbeda.
Silahkan copy paste code berikut kedalam HTML postingan, yang ada di bawah ini.

<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: #eeeeee none repeat scroll 0% 0%; border: 1px solid #dddddd; overflow: auto;">
<blockquote>Letakan postingan anda disini</blockquote></div>


<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; background: #eeeeee none repeat scroll 0% 0%; border: 1px solid #dddddd; overflow: auto;">
<blockquote>Letakan postingan anda disini</blockquote></div>

Keterangan:
  • -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;  adalah untuk membuat lengkungan border. Anda bisa merubah ukuran dari 10px tersebut sesuai keinginan,
  • Background: #eeeeee none repeat scroll 0% 0% adalah latar belakang quote tersebut, anda bisa mengganti latar belakangnya dengan gambar, dengan cara ganti code #eeeeee dengan code url (url gambar anda).
  • Border: 1px solid #dddddd adalah border atau bingkai quote tersebut, 1px adalah ukuran tebal border, #dddddd adalah warna border quote.
  • Letakan postingan anda disini adalah tempatkan teks atau gambar yang akan dimasukan pada Quote.
Jadilah Quote di Postingan Blog, anda bisa merubahnya sesuai keinginan.
Semoga Cara Membuat Quote Di Posting Blog bisa bermanfaat. Bila ada masalah mengenai Cara Membuat Quote Di Posting Blog silahkan komentar di bawah.

Cara Membuat 3 Kolom Di Atas Footer Blog

| comments

Kali ini saya akan membahas Cara Membuat 3 Kolom Di Atas Footer Blog dengan mudah. Dengan adanya widget ini akan memberikan informasi ke pada pengunjung kita.
Untuk itu Cara Membuat 3 Kolom Di Atas Footer Blog langsung coba tutorialnya di bawah ini:

1. Login dulu ke Blogger 

2. Sebelumnya Backup dulu Template anda takut terjadi kesalahan penempatan yang terletak di Template > Cadangan/Pulihkan > Unggah Temlate Lengkap

3. Buka Template > Edit HTML > Klik Expaned Template Widget

4. Cari kode ]]></b:skin>

5. Setelah ketemu Copy di bawah ini dan pastekan tepat di atas ]]></b:skin>


#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}

6. Selanjutnya cari kode yang mirip di bawah ini:
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

7. Copy Kode di bawah dan pastekan tepat di atas code yang tadi cara no.6

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

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

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

<div style='clear:both;'/>
<p> <hr align='center' color='#5d5d54' width='90%'/></p>

<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>

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


8. Klik Pratinjau dulu, bila tidak ada kesalahan di templatenya maka langsung Save dan lihat hasil elemennya apakah sudah berubah.

Semoga Cara Membuat 3 Kolom Di Atas Footer Blog bisa bermanfaat. Bila ada masalah mengenai Cara Membuat 3 Kolom Di Atas Footer Blog silahkan komentar di bawah.
 
Support : Creating Website | Johny Template | Berbisnis Online | Mas Template | gonxbross
Copyright © 2013. Amatir BlogID - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger