Jumat, 27 November 2009

Tips Rahasia Memasang Iklan Google Adsense

Untuk meningkatkan penghasilan dari Google Adsense sobat harus menempatkan iklan pada posisi yang strategies. Arti strategis yang saya maksud disini yaitu iklan ditempatkan pada posisi yang tepat, mudah dijangkau dan menarik perhatian pengunjung untuk mengklik iklan tersebut. Pertanyaannya dimana posisi tersebut? Kali ini saya akan membuka rahasianya kepada sobat untuk memasang iklan Google Adsense pada posisi yang strategies sehingga dapat mengingkatkan penghasilan sobat. Berikut ini adalah beberapa tips yang saya kembangkan:

1. Hal pertama yang sobat perlu lakukan yaitu memilih format ads yang sesuai. Anda boleh pilih banners, skyscrappers, squares, link dan sebagainya. Sesuaikan ukuran iklan dengan ruang pada blog sobat. Untuk memasang iklan bergambar sobat dapat tempatkan pada sidebar, header, maupun footer. Iklan bergambar biasanya dapat menarik perhatian pengunjung apabila iklan tersebut mudah dilihat pada blog anda. Iklan bergambar biasanya terlihat lebih elegan dan berkesan sehingga pengunjung tertarik untuk melihat iklan tersebut.

2. Orang yang berinternet kebanyakannya ingin mencari informasi bukan untuk klik iklan. Ads yang dimasukkan harus diubah sesuai agar mengadaptasi dengan web. Kesimpulan utama kebanyakan Publishers/webmaster meletakkan ads yang disediakan Google secara by default. Mereka langsung tidak mengubahnya agar kelihatan lebih menarik dan dapat mengadaptasi dengan web seperti warna latar dan text. Pastikan border ads disamakan dengan warna latar web. Ubah warna sehingga ia kelihatan seperti sebagian dari link web anda. Click-Through juga dapat digandakan dengan membuang border ads. Pastikan juga warna text bagi ads sama seperti warna text web anda.

3. Jika sobat memilih iklan teks, maka posisi yang tepat untuk meletakkan iklan tersebut yaitu pada bagian atas dan bawah posting. Biasanya lebih banyak pengunjung yang secara tidak sengaja mengklik iklan teks pada bagian ini. Tentunya sobat perlu menyesuaikan karakter dari iklan teks agar tidak menyerupai sebuah iklan.

4. Yang terakhir rahasia ampuh dari saya yaitu buatlah Sticky Sidebar. Sobat dapat mencari tutorial cara membuat sticky sidebar pada google search engine. Sticky sidebar dapat memuat Google Adsense, dan hal tersebut tidak akan malanggar TOS dari Google. Sticky sidebar sesuai dengan namanya menerapkan fungsi scrolling apabila anda mengscroll halaman ke bawah atau keatas. Anda dapat mengatur pada posisi mana scrolling dimulai dan diakhiri pada blog anda. Jika sobat menampatkan iklan Google Adsense dengan menerapkan efek sticky sidebar maka akan menarik perhatian pengunjung untuk mengklik iklan tersebut.
ReadFull Article ..

Tips dan Triks Google Adsense

Buat yang belum apply Google Adsense (GA) atau sering ditolak apply di adsense, mungkin bisa memulai dengan menulis blog berbahasa Inggris di www.blogger.com. Buatlah beberapa artikel yang menarik, lalu tunggu hingga 1 - 2 Minggu, jika sudah baru apply GA. Langkah ini kemungkinan berhasil 90% dengan catatan situs anda bukan situs illegal (hacker, porno, download crack) dan sejenisnya serta situs juga harus sering di-update

Seperti yang saya katakan sebelumnya sebaiknya situs anda berbahasa Inggris kalau Indonesia atau campuran biasanya akan jarang keluar text adsnya Google, yg keluar 99% iklan layanan (bisa diakalin tapi melanggar TOS - Terms of servises) kecuali situs anda sudah tahunan (lebih dari 1 - 2 tahun) baru keluar iklan bahasa Indoesia atau terkadang iklan campuran (iklan berbahasa Indonesia dan Inggris).

Sobat jangan sekali-kali mencurangi Google karena cepat atau lambat anda pasti ketahuan, baca TOS terlebih dahulu karena tiap 3 - 6 bulan sekali pasti ada ketentuan yang diperbaharui. 90% yang punya GA pasti pernah melakukan kecurangan baik disengaja ataupun tidak, yang paling sering curang pasti akan di ban (dikeluarkan/dilarang) sedangkan yang jarang paling diperingatin terlebih dahulu.

Ingatlah untuk meningkatkan penghasilan dari Google Adsense maka sobat perlu meningkatkan trafik pengunjung. Bagi yang ingin meningkatkan traffic situsnya bisa memakai cara seperti tukeran link dengan sesama teman, gunakan forum dan jejaring social untuk mempromosikan blog dan tulisan anda, teruslah update situs dengan artikel yang menarik dan informatif untuk menarik minat pengunjung.

Hal terakhir yg paling penting adalah "jangan pernah menyerah" karena semua orang dan saya juga memulai dari nol. Segala sesuatu selalu ada permulaannya. Belajar dan bekerja keras adalah kunci utama kalau mau sukses di bidang ini dan saya juga masih melakukannya hingga hari ini.
ReadFull Article ..

5 Langkah Mudah Menjalankan Bisnis Affiliate

Dari kemarin mau bikin artikel tentang Bisnis Online tapi sayang-nya belum ada ide, lalu saya coba browsing ke situs luar sembari mencari inspirasi kemudian menemukan artikel menurut saya berguna buat pebisnis online yang baru mulai menjual produk serta ingin mengembangkan affiliate marketingnya. Artikel ini juga dapat nantinya dijadikan masukan untuk pengembangan bisnis online affiliate pada masa yg akan datang.

Dari artikel aslinya berjudul “5 Tips for Making Money with Affiliate Programs” saya mencoba sedikit menterjemahkan tetapi pastinya menurut cara saya sendiri. Berikut ini 5 Tips Sukses Menjalankan Program Bisnis online Affiliate..!

1.Relevansi Antara Pembaca, Produk dan Konten
Salah satu kunci untuk mendapatkan konversi tinggi ketika mempromosikan produk affiliate adalah sebisa mungkin menyesuaikan kebutuhan audiens anda, dengan produk yang anda promosikan dan konten dihasilkan dari blog anda. Misalkan Kita membuat ebook tentang “Sukses Bisnis Online Untuk Pemula”, maka kita harus membuat blog yang berisi konten tentang prinsip dasar Bisnis Online itu sendiri. seperti cara cepat mempromosikan web/ blog, tips dan trik bisnis online, tips mendatangkan banyak trafik/ pengunjung, strategi bisnis, jenis-jenis bisnis online, teknik bermain Forex, top keyword google adsense, menghasilkan uang dari bisnis PTC, dan masih banyak lagi.

2. Membangun Kepercayaan
Saya berfikir bahwa promosi affiliate yang paling ampuh adalah bekerja dengan blog dimana kita dapat berinteraksi secara langsung terhadap pengunjung dengan cara ini selain berpromosi kita juga akan mendapatkan banyak teman sesama blogger lainnya. Contoh: bila kita membaca artikel-artikel/ konten di blog seorang pe-bisnis online sukses dimana ia selalu memberikan masukan, nasihat, kaya informasi dan bermanfaat bagi pembaca-nya bukan tidak mungkin blog tersebut menjadi besar dengan demikian akan lebih mudah untuk menawarkan serta menjual produk affiliatenya.

3. Traffic Pengunjung
Ini penting!! Traffic bisa dimasukkan ke dalam kategory inti dari teknik marketing anda, karena semakin banyak trafik maka akan tinggi pula peluang penjualan bisnis/ produk anda. Untuk tips mendatangkan banyak traffic bisa dicari ke Search Engine, anda akan menemukan bagaimana cara, kiat dan tips menghasilkan lalu lintas (traffic) di web/ blog.

4. Perkuat Pesan Email (Autoresponder)
Buatlah sesering mungkin pesan terbaru pemasaran produk anda, tidak cukup hanya sekali, lakukanlah secara berkala dan teratur.

5.Posisi Iklan (Strategy Promosi)
Jangan terlalu berlebihan dalam menawarkan produk anda, seperti meletakkan banner produk setiap kali posting. Ini akan berdampak berkurangnya kredibilitas dan nilai jual dari harga produk yang akan ditawarkan. Lakukanlah secara professional.!!
ReadFull Article ..

Cara Menghemat Memori Firefox

Kali ini akan kami jelaskan beberapa tips untuk menghemat memori firefox hingga 3x lipat, yang berarti akan meningkatkan performa firefox kesayangan anda. Langkah Pertama buka firefox, lalu pada ada address ketikkan about:config

1. Batasi kapasitas cache memori
Setiap kali Anda membuka sebuah halaman web, Firefox otomatis akan menyimpannya dalam cache memori. Secara default Firefox menggunakannya sebesar jumlah maksimal RAM yang Anda miliki. Itulah mengapa semakin banyak Anda membuka web, memori komputer Anda semakin habis. Untuk membatasinya tambahkan opsi: browser.cache.memory.capacity. Caranya klik kanan, New > Integer. Ketik browser.cache.memory.capacity, enter, masukkan angka 2048. 2048 disini artinya gunakan cache memori maksimal hanya 2 Mega. Anda bisa coba – coba dengan angka yang lain, namun usahakan merupakan kelipatan dari 1024.

2. Batasi kapasitas cache history
Sama seperti cache memori, hanya bedanya peruntukan cache disini oleh Firefox lebih ditujukan untuk mempercepat loading halaman saat Anda menekan tombol back dan forward pada browser. Apabila Anda jarang memakai back dan forward, ada baiknya Anda set dengan nilai kecil guna menghemat memori. Pada filter ketikkan: browser.sessionhistory.max_total_viewers, ubah nilai -1 menjadi 3. Default -1 artinya gunakan semaksimal RAM yang ada. hmm.. nilai default dari Firefox benar-benar rakus bukan?

3. Batasi kapasitas cache disk
Secara default Mozilla menset ukuran cache disk sebesar 50 Mega. Tentunya ini pemborosan memori. Mensetnya menjadi 2 MB dapat memberikan performa yang positif khususnya bagi komputer dengan memori dibawah 128 MB dan harddisk model lama. Pada filter ketikkan: browser.cache.disk.capacity, ubah nilai 50000 menjadi 2000.

4. Batasi extension/add-ons
Semakin banyak add-ons yang Anda gunakan, semakin besar RAM yang dihabiskan. Disable add-ons yang kurang Anda gunakan. Untuk membandingkan performa memori yang digunakan saat menggunakan dan tanpa add-ons dapat dilakukan dengan mencoba menjalankan Firefox pada kondisi safe-mode. Caranya dengan perintah: $ firefox -safe-mode. Pada pilihan yang muncul pastikan Anda beri tanda pada opsi: Disable all add-ons.

5. Disable Flash
Tahukah anda bahwa animasi flash yang di load saat Anda membuka web memakan resource RAM yang lumayan besar? Konsekuensinya adalah waktu loading menjadi lebih lambat dan berat. Bahkan pada plugin flash sebelum versi 9, resource RAM yang dipakai merupakan akumulasi dari jumlah flash yang dibuka sebelumnya. Ada baiknya anda disable flash. Silahkan download dan install flashblock addon pada menu tools> addon> get extension.

6. Disable download history
Sebaiknya anda nonaktifkan fitur history ini. Karena semakin banyak download history yang disimpan, maka akan menurunkan performa Firefox. Apalagi bila media penyimpannya pada media removeable seperti disket. Caranya mudah, pilih menu Tools > Options > Privacy. lalu hilangkan pilihan pada “Remember what I’ve downloaded”.

7. Load yang perlu saja
Secara default Firefox tanpa kita sadari merusaha melakukan pre-download pada link halaman web yang mungkin akan kita klik. Hal ini meniru taktik Google yang mencache terlebih dahulu result pertama dari link pencarian yang dia temukan. Tentu cara ini hanya memboroskan bandwdith, dan performa CPU. Untuk menonaktifkan fitur ini ketik pada filter: network.prefetch-next, klik dua kali, agar nilainya menjadi false.

8. Download dan segera tampilkan.
Tips ini mungkin berguna buat yang tidak sabaran. Umumnya firefox akan menunggu beberapa saat setelah download untuk mulai menampilkan halaman yang dituju. Untuk memaksa Firefox agar segera menampilkan halaman web yang didownloadnya Anda bisa menset nilai: nglayout.initialpaint.delay menjadi 0. Apabila belum ada silahkan klik kanan, new > integer > nglayout.initialpaint.delay

Tips untuk menghemat memori lainnya adalah dengan mengaktifkan fitur config.trim_on_minimize. Hanya saja fitur ini hanya efektif pada lingkungan Windows. Caranya klik kanan, new > boolean, ketikkan config.trim_on_minimize. Set nilainya True. Dengan cara ini setiap kali Firefox di minimize, otomatis memori yang di pakai akan dilepas / dibebaskan, sehingga dapat dipakai untuk proses aplikasi lainnya. Untuk melihat besar cache memory yang digunakan Firefox saat ini, dapat dilihat dengan mengetikkan about:cache pada url browser.
ReadFull Article ..

Kamis, 08 Oktober 2009

Membuat Back To Top dengan Efek Smooth Scroll

"Back to Top" adalah salah satu fasilitas yang dapat digunakan pada blog untuk memudahkan pengunjung menavigasi halaman pada blog anda. Fungsi dari Back To Top yaitu mengantarkan kembali pengujung anda ke halaman paling atas. Penggunaan JQuery dengan fungsi ini dapat memberikan hasil scroll yang lebih baik, dalam hal ini scroll menjadi lebih smooth atau halus. Jika anda udah gak sabaran pengen membuatnya langsung aja dipraktekin...

1. Login ke blogger.
2. Pilih Rancangan -- Edit HTML
3. Masukan script jquery berikut ini diatas </head>
<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://defecafe-blogspot.googlecode.com/files/sed_back_to_top.js' type='text/javascript'/>
<script src='http://vianjb.googlecode.com/files/to%20top.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
/*
var defaults = {
containerID: &#39;moccaUItoTop&#39;, // fading element id
containerHoverClass: &#39;moccaUIhover&#39;, // fading element hover class
scrollSpeed: 1200,
easingType: &#39;linear&#39;
};
*/
$().UItoTop({ easingType: &#39;easeOutQuart&#39; });
});
</script>
5. Letakkan kode dibawah ini diatas kode ]]></b:skin>
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(http://1.bp.blogspot.com/-jl2zCOaMrgc/T8R3jjBc44I/AAAAAAAADUo/fhv5oCrzd7E/s400/ui.totop.png) no-repeat left top;
}
#toTopHover {
background:url(http://1.bp.blogspot.com/-jl2zCOaMrgc/T8R3jjBc44I/AAAAAAAADUo/fhv5oCrzd7E/s400/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
7. Simpan template sobat dan lihat hasilnya.
ReadFull Article ..

Thumbnail Gallery dengan efek JQuery pada Heading dan Caption

Untuk membuat blog anda lebih creative maka anda perlu membuat sesuatu yang berbeda. Kali ini Blog Trik dan Tips akan memberikan trik untuk membuat Thumbnail Gallery dengan efek JQuery pada bagian heading dan caption. Thumbnail Gallery menampilkan efek heading serta caption apabila cursor mouse anda berada diatas gambar. Untuk membuatnya sangat mudah. Ikuti saja langkah berikut ini:

1. Login ke blogger
2. Klik Rancangan -- Edit HTML
3. Centang Expand template widget
4. Masukan script berikut ini sebelum code </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script>$(document).ready(function () {

// transition effect
style = 'easeOutQuart';

// if the mouse hover the image
$('.photo').hover(
function() {
//display heading and caption
$(this).children('div:first').stop(false,true).animate({top:0},{duration:200, easing: style});
$(this).children('div:last').stop(false,true).animate({bottom:0},{duration:200, easing: style});
},

function() {
//hide heading and caption
$(this).children('div:first').stop(false,true).animate({top:-50},{duration:200, easing: style});
$(this).children('div:last').stop(false,true).animate({bottom:-50},{duration:200, easing: style});
}
);

});</script>
5. Masukan kode CSS berikut sebelum ]]></b:skin>
<!--Jquery-Thumbnail-www.defecafe.blogspot.com-BEGIN-->
.photo {
/* relative position, so that objects in it can be positioned inside this container */
position:relative;
font-family:arial;
/* hide those extra height that goes beyong the size of this container */
overflow:hidden;
border:5px solid #000;
width:350px;
height:186px;
}
.photo .heading, .photo .caption {
/* position inside the container */
position:absolute;
background:#000;
height:50px;
width:350px;
/* transparency for different browsers */
/* i have shared this in my CSS tips post too */
opacity:0.6;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;

}
.photo .heading {
/* hide it with negative value */
/* it's the height of heading class */
top:-50px;
}

.photo .caption {
/* hide it with negative value */
/* it's the height of bottom class */
bottom:-50px;
}

/* styling of the classes*/
.photo .heading span {

color:#26c3e5;
top:-50px;
font-weight:bold;
display:block;
padding:5px 0 0 10px;
}
.photo .caption span{
color:#999;
font-size:12px;
display:block;
padding:5px 10px 0 10px;
}
<!--Jquery-Thumbnail-http://defecafe.blogspot.com-END-->

6. Simpan template sobat
7. Masuk ke Rancangan -- Elemen Laman. Kemudian tambahkan gadjet lalu pilih HTML Javascript. Masukan kode dibawah ini:
<div class="photo">
<div class="heading"><span>Judul Thumbnail Gallery</span></div>
<img src="http://4.bp.blogspot.com/_kmq5S6nnKMQ/SlX3s-xJYOI/AAAAAAAAAV8/cEOKCUQoyL4/s200/konversi.jpg" width="340px" height="175" alt="" />
<div class="caption"><span>Tulislah Caption Thumbnail Gallery Disini</span></div>
</div>
Keterangan:
- Kode berwarna merah diatas adalah judul thumbnail gallery
- Kode berwarna ungu adalah gambar thumbnail gallery
- Kode berwarna hijau adalah lebar dan tinggi (ukuran) thumbnail gallery
- Kode berwarna biru adalah caption thumbnail gallery

8. Simpan gadjet sobat dan lihat hasilnya
ReadFull Article ..

Minggu, 04 Oktober 2009

Membuat Slide Show dan Caption - JQuery

Penerapan JQuery pada blog kini semakin populer, salah satunya yaitu membuat efek Slide Show dan Caption. Slide show ini akan menampilkan beberapa gambar dan caption (deskripsi singkat dari gambar tersebut. Gambar dan caption akan ditampilkan bergantian. Trik ini mudah diterapkan pada blog dan biasanya digunakan untuk menampilkan foto serta informasi yang menarik untuk dilihat oleh pengunjung. Untuk melihat demonya KLIK DISINI. Jika sobat ingin membuat Slide Show dan Caption ikuti triknya dibawah ini:

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Centang Expand template widet
4. Masukan script dibawah ini setelah kode <head>:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
//Execute the slideShow, set 6 seconds for each images
slideShow(3000);
});
function slideShow(speed) {
//append a LI item to the UL list for displaying caption
$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');

//Set the opacity of all images to 0
$('ul.slideshow li').css({opacity: 0.0});
//Get the first image and display it (set it to full opacity)
$('ul.slideshow li:first').css({opacity: 1.0});
//Get the caption of the first image from REL attribute and display it
$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));
//Display the caption
$('#slideshow-caption').css({opacity: 0.7, bottom:0});
//Call the gallery function to run the slideshow
var timer = setInterval('gallery()',speed);

//pause the slideshow on mouse over
$('ul.slideshow').hover(
function () {
clearInterval(timer);
},
function () {
timer = setInterval('gallery()',speed);
}
);
}
function gallery() {

//if no IMGs have the show class, grab the first image
var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));
//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));
//Get next image caption
var title = next.find('img').attr('title');
var desc = next.find('img').attr('alt');

//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
//Hide the caption first, and then set and display the caption
$('#slideshow-caption').animate({bottom:-70}, 300, function () {
//Display the content
$('#slideshow-caption h3').html(title);
$('#slideshow-caption p').html(desc);
$('#slideshow-caption').animate({bottom:0}, 500);
});
//Hide the current image
current.animate({opacity: 0.0}, 1000).removeClass('show');

}
//]]>
</script>
<style type='text/css'>
ul.slideshow {
list-style:none;
width:600px;
height:240px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:Arial,Helvetica,Trebuchet MS,Verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
width:600px;
height:240px;
border:none;
}
#slideshow-caption {
width:600px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
</style>

K
eterangan: kode berwarna merad adalah tinggi dan lebar slideshow dan caption, sobat dapat sesuaikan atau merubahnya sesuai dengan ukuran image yang ingin ditampilkan.

5. Simpan Template sobat
6. Masukan kode berikut ini pada gadjet sobat, caranya masuk ke Rancangan --Elemen Laman, tambahkan gadjet lalu pilih HTML/Javascript
<ul class="slideshow">
<li><a href="http://defecafe.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzHLgjI6KSMuXzYAfsi2opksAvygLvTz2Qhg_FP3CwXr_pZ7Om_qCV_RnWKapr_qDk8znmFM9iTxSbaUjf58WrPntDFB-H_KJE60DyKTGGh6SdHt1vLaqwy_N5Sr99xVbarYON7AzQKVg/s1600/1.jpg" title="This is featured post 1 title" alt="Replace This Text With Your Featured Post 1 Description." /></a></li>

<li><a href="http://defecafe.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglfBcTiyNEjYNRiOOYPzrABXCIe7ec3O3itiG8Wb4I5Qjyfcxs6AEYxb4nzp0LldV00Mle1K0o2VgjZ60ObLreoltwwC6nBGUdf-FK41up-nlFd7JBwaIRZinnbQBBGdbM0XA-FY_r-Vc/s1600/2.jpg" title="This is featured post 2 title" alt="Replace This Text With Your Featured Post 2 Description." /></a></li>

<li><a href="http://defecafe.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwWkyGDnmk7Z4enPpRkOXRHO99lRI7t1FhEU8msAF6BpxMKP7D7-2jPZxlT8rPBw11p4ycOBJENSkIJ8dMFEl31KsIeq8QVrKeQnT6X2RW8h8Fwxe8bDBIwZIQVBtAgyXmUOiZEK7SAxk/s1600/3.jpg" title="This is featured post 3 title" alt="Replace This Text With Your Featured Post 3 Description." /></a></li>

<li><a href="http://defecafe.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYXF3qiKO1Ssz_JgYmoavUKRVFlGTP3C33CJV20kfgeVGPjZlXeo12bQ0TxhSdoQXrT2bIj0gDX6He-0SX0rYeNgAvZW1CVareDOntIHZdT2mB6vgO_Rb_aCFbQbsHtmNJ7iN4-_wDhQ4/s1600/4.jpg" title="This is featured post 4 title" alt="Replace This Text With Your Featured Post 4 Description." /></a></li>
</ul>
Keterangan: Ubahlah alamat url, url gambar, dan caption diatas sesuai keinginan sobat

7. Simpan gadjet dan lihat hasilnya
ReadFull Article ..