Trik Jitu Delete Widget Blank di Blog

Cara Menghapus Widget Yang Tidak Bisa dihapus. Hal ini saya alami ketika aku ingin menghapus widget bawaan template tapi yang muncul hanya kalimat satu baris yaitu Konfigurasikan Feeds dan tombol Simpan atau hapus tidak satupun yang muncul. Setelah googling lagi masih masih tidak dapat-dapat juga, akhirnya saya nekad mencoba menghapus kode widget itu langsung dari Source HTML-nya dan al-hasil ternyata cara itu ampuh Bin Sukses. Jika sobat mengalami hal yang sama, maka cara mengatasinya adalah sebagai berikut. 
Sebelum kita kecara menghapusnya, ciri-ciri widget yang tidak bisa saya hapus itu hanya muncul seperti gambar berikut. 

Trik pembahasan ini juga bisa digunakan untuk menghapus widget yang lain, baiklah kita langsung saya ke cara menghapusnya berikut :

1. Pastikan sobat telah login di Blogger dan telah menandai widget yang akan dihapus.
2. Masuk ke Source template. Pilih Menu Template ==> Edit HTML ==> beri centang Expand Template Widget.
3. Cari Kode widget yang akan dihapus, misalnya ID widget yang akan kita hapus adalah Feed2. Gunakan Ctrl+F agar lebih cepat.
4. Jika sudah menemukan kode widget yang akan dihapus (Feed2), hapus dari kode pembuka sampai akhir.
   Contoh : Hapus dari kode <b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'> sampai </b:widget>.
5. Selanjutnya simpan template lalu akan muncul peringatan seperti berikut, Pilih Hapus Widget 
   
   
6. Terakhir tutup.

Sebagai tambahan untuk membuka widget yang terkunci sobat tinggal merubah nilai kode locked='true' menjadi locked='false'.

Setelah menyelesaikan beberapa langkah ini, seharusnya widget tersebut sudah terhapus, untuk memastikannya silahkan Masuk ke Tata Letak dan cek apakah widget yang ingin dihapus masih ada atau sudah terhapus.

Sekian pembahasan tentang Cara Menghapus Widget Yang Tidak Bisa dihapus kali ini, semoga bisa bermanfaat. Jangan lupa untuk membaca artikel saya sebelumnya tentang Cara Membuat Back To Top Berputar dan artikel menarik lainnya pada menu Daftar isi.

Teimakasih sudah berkenan mampir dan menyimak.

Membuat Menu Login/Masuk di blogger

Kupas Tuntas - Selamat siang semua, kembali lagi saya akan share sebuah widget. Kali ini widget yang akan saya share adalah cara membuat menu login di blogspot/blogger. Pastinya seru donk yaaa, blog anda mungkin akan terlihat proffesional lagi dengan menambah widget ini.

Perhatikan pratinja berikut.

Cara memasang widget ini cukup mudah, anda tinggal ikuti tutorial berikut.

• Silahkan kalian Login atau Masuk ke akun Blogger terlebih dahulu.
• Setelah anda berada di dasbor blogger klik More Options atau opsi lainnya.
• Kemudian klik Layout atau Tata Letak.
• Klik Add a Gadget atau Tambah gadget.
• pilih elemen HTML/JavaScript.
• Kosongkan saja judulnya atau masukkan kode <!---> di bagian judul tersebut.

<br /><br /><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden" /><input value="blogger" name="service" type="hidden" /><input value="8" name="nui" type="hidden" /><input value="8" name="naui" type="hidden" /><input value="2" name="fpui" type="hidden" /><input value="3" name="uilel" type="hidden" /><input value="true" name="skipvpage" type="hidden" /><input value="false" name="rm" type="hidden" /><input value="true" name="alwf" type="hidden" /><input value="http://www.blogger.com/login.g" name="roeu" type="hidden" /><input value="0" name="alinsu" type="hidden" /><input value="WbQ8QiJfUvA" name="GA3T" type="hidden" /><div><label for="Email"> E-Mail: <br /><input id="Email" tabindex="1" value="" name="Email" size="20" type="text" /></label></div><div><label for="Passwd"> Kata Sandi: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br /></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password" /></div><br /><input id="signin-btn-ns" tabindex="0" value="Masuk" class="ubtn ubtn-block" name="submit" type="submit" /></form><span style="amp;percnt;">Widget Editing<a href="http://www.zootodays.blogspot.com/2012/04/cara-membuat-menu-loginmasuk-di-blogger.html">Jin Botol </a></span>

• Dan terakhir klik Save atau Simpan.
• Selesai.

Catatan: Jika anda ingin melihat turorial membuka elemen HTML/JavaScript ini dengan detail anda bisa melihatnya  DI SINI! Saya memisahkan cara yang lebih detail karena takut loading di halaman ini sedikit berat dan membuat anda bosan menunggu.

Aktivasi Akun Institusi di PADAMU NEGERI 2014

Langkah-langkah mengaktifkan AKUN INSTITUSI/AKUN SEKOLAH, akun institusi sekolah yang berupa angka NPSN/SIAP ID hanya bisa digunakan untuk mengelola akun  yang ada dibawah naungan sekolah tersebut, yaitu akun Admin Sekolah, PTK dan Siswa. Untuk mengaktifkan akun institusi sekolah, ikuti langkah-langkah berikut ini :

Langkah Awal Mendaftarkan Email ke SIAP Komunitas

1. Pertama siapkan laptop/PC yang sudah terhubung ke internet/bisa menggunakan modem.

2. Siapkan email sekolah masing-masing yang masih aktif.

3. Buka aplikasi browser, disarankan menggunakan aplikasi ”Google Chrome”

4. Tulis alamat http://padamu.siap.web.id di addressbar kemudian tekan enter. Lihat panah pada gambar berikut.

5. Tunggu sampai jendela Padamu terbuka, kemudian klik tombol “Login Admin/Operator Sekolah”. Lihat panah pada gambar berikut.

6. Kemudian muncul jendela Login/Masuk, lalu klik “Mendaptar”. Lihat panah pada gambar berikut.

7. Kemudian muncul jendela pendaftaran email (tuliskan email yang aktif di kotak “Email Saya”), lalu klik lanjut.Lihat panah pada gambar berikut.

8. Isi semua data rinci sampai selesai, kemudian klik “Lanjut”. Lihat panah pada gambar berikut.

9. Langkah akhir membuat password baru (usahakan password sama dengan password email), jika selesai klik “Lanjut”. Lihat panah pada gambar berikut.

Langkah pertama mendaftarkan email sudah selesai...

Mengaktifkan Akun Institusi Sekolah

10. Seperti biasa ketik alamat http://padamu.siap.web.id di addressbar,lalu lakukan cara seperti langkah 4 dan 5 di atas, kemudian login menggunakan NPSN sekolah anda, lalu klik “Masuk”.

11. Setelah login, maka anda akan ditampilkanke halaman seperti dibawah ini. Lakukan klik Kelola Akun Institusi.

12. Pilih menu Kelola Grup Akun> Daftar Anggota Grup Admin. Lihat panah pada gambar berikut.

13. Klik icon Tambah (+). Lihat lingkaran pada gambar berikut.

14. Masukkan email pribadi Admin Sekolah, kemudian klik tombol Cek Email. Pastikan email sudah terdaftar di layanan SIAP Komunitas, jika belum terdaftar silakan didaftarkan terlebih dahulu ke http://siapku.com  (https://paspor.siap-online.com/registrasi/). Jika sudah terdaftar lanjut ke langkah berikutnya.

15. Jika email sudah benar dan terdaftar di SIAP Komunitas maka akan dimunculkan biodata dari pemilik akun tersebut, klik tombol Simpan.

16. Cetak Surat Akun dan lakukan aktivasi sesuai perintah yang tertera pada Surat Akun tersebut. Tips jika anda tidak terhubung dengan printer pada saat proses pendaftaran akun institusi ini, ada dapat mencetak surat aktivasi akun institusi ini di lain waktu dengan jalan menyimpan terlebih dahulu dengan format PDF menggunakan browser google chrome. dengan cara CTRL + P > Save As PDF.

17. Setelah selesai, lakukan LOGOUT dari login anda yang menggunakan Akun Institusi Sekolah (SIAP ID Sekolah) dengan mengklik tombol logout. Lihat panah pada gambar berikut.

18. Kunjungi lagi alamat http://padamu.siap.web.id lalu lakukan cara seperti langkah 4 dan 5 di atas, selanjutnya login menggunakan email yang telah didaftarkan tadi. Lalu klik ”Masuk”.

19. Akan dimunculkan Dasbor Layanan, pilih PADAMU SEKOLAH.

20. Masukkan Kode Aktivasi yang terdapat pada Surat Akun (S01c), kemudian klik tombol Aktivasi.

Selamat Akun Institusi/Akun Sekolah anda sudah berhasil di aktivasi...

Memasang Skitter Slideshow di Blog

 Cara Memasang Skitter Slideshow di Blog – setelah beberapa waktu lalu sudah pernah membahas untuk Menambah Fitur jQuery Animasi Slider Pada Blog dengan efek transisi yang menarik, maka pada tutorial kali ini kembali akan membahas untuk menambah fitur slider pada blog dengan efek-efek yang tidak kalah menarik menggunakan plugin jQuery Skitter Slideshow. Sebelum membahas lebih jauh ke tutorial, saya sedikit akan menjelaskan mengenai plugin jQuery Skitter Slideshow. Skitter adalah plugin jQuery yang memungkinkan kita untuk mengkonversi menjadi slideshow dengan efek animasi transisi pada gambar. jQuery Skitter sangat memungkinkan kita untuk membuat slideshow dengan efek gambar yang menarik dan terdiri dari 22 efek transisi. Skitter Slideshow ini dapat menampilkan daftar slide sebagai angka atau thumbnail dan item dapat diakses dengan bantuan tombol prev dan next. Ada beberapa opsi yang ditawarkan untuk kustomisasi maksimum seperti: kecepatan (untuk partikel animasi), interval antara setiap slide atau menampilkan label on/off. Fitur lain yang bagus adalah kemampuan untuk menyebutkan jenis animasi untuk setiap slide sebagai nama class yang memungkinkan kita untuk menggunakan beberapa jenis animasi dalam satu slide. Untuk membuat slider ini terpasang ke dalam blog, berikut tutorial Cara Memasang Skitter Slideshow di Blog.

1. Login ke blogger.

2. Masuk ke Tata Letak kemudian Tambahkan Widget HTML/Javascript.

3. Copy kode berikut ini.

<style type="text/css">
.skitter_slideshow {background:#111;padding:10px 10px 30px 10px;float:left;margin:auto; }
.skitter_slideshow img {width:850px; height:300px;}
.label_skitter {text-transform:uppercase;z-index:150;position:absolute;bottom:0px;left:0px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFd54cJh3TvoptJp4dwsSl8VLPjD_djzthfBJo8FAxBjVR9cKAZmP_YxiSO7S09vjvlV052Ql-xE8fx1pSqBIb-KFJjkIO5lFva5Grm5XnMkPIEy8JxQXzMUh7aV11X71V5S9JSqkkZ-I/h120/back-box-label-black.png) repeat-x left top;color:#fff;display:none;border-top:1px solid #000;}
.label_skitter p {padding:10px;margin:0;font:normal 22px arial,tahoma;letter-spacing:-1px;}
.info_slide * {font-family:Consolas,arial,tahoma !important;}
.slideshow_skitter {position:relative;width:850px;height:300px;}
.slideshow_skitter ul {display:none;}
.slideshow_skitter .container_skitter {overflow:hidden;position:relative;}
.slideshow_skitter .image {overflow:hidden;}
.slideshow_skitter .image img {display:none;}
.slideshow_skitter .slideshow_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.slideshow_skitter .slideshow_clone img {position:absolute;top:0;left:0;z-index:20;}
.slideshow_skitter .prev_button {position:absolute;top:50%;left:0px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlDGBbkhTJYDRsA0-_1ahgBcb5Yk4Azo204Wy-HP5cCgZZciBSvxOaHRzPjn0krtVCxuqaIreM-Gtq7ehprtIkkhGUH_M0fuGjdVcSaH9ehT003YE8ZuuR_yeE1u0y9UCB_SgB47_efsA/h120/prev.png) no-repeat left top;}
.slideshow_skitter .next_button {position:absolute;top:50%;right:0px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhherAZXlTu7SxJUH9F0_MIRJrWZkYgB7_n4jvzbd5ykSrQTFx_nPgKQDD100_Afcp2HXX6FzPxFMrI91Ex8YO-iCpY7cU-oDpjBCul3SVQHIrG9f-BUct4vFgNlH5DiIJnJGdRpcWEGh8/h120/next.png) no-repeat left top;}
.slideshow_skitter .info_slide {position:absolute;bottom:-27px;left:40px;z-index:100;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;}
.slideshow_skitter .info_slide .image_number {background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;}
.slideshow_skitter .info_slide .image_number_select {background:#cc0000;float:left;padding:2px 10px;margin:0 5px 0 0;}
.slideshow_skitter .container_thumbs {position:relative;overflow:hidden;height:50px;}
.slideshow_skitter .info_slide_thumb {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;height:45px;top:auto;bottom:-5px;left:-5px;padding:5px;opacity:1.0;}
.slideshow_skitter .info_slide_thumb .image_number {overflow:hidden;width:70px;height:40px;position:relative;}
.slideshow_skitter .info_slide_thumb .image_number img {position:absolute;top:-50px;left:-50px}
.slideshow_skitter .slideshow_scroll_thumbs {padding:0 10px;}
.slideshow_skitter .slideshow_scroll_thumbs .scroll_thumbs {position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;cursor:pointer;border:1px solid #333;}
.slideshow_skitter .info_slide_dots {position:absolute;bottom:-40px;z-index:100;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.slideshow_skitter .info_slide_dots .image_number {background:#333;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden;}
.slideshow_skitter .info_slide_dots .image_number_select {background:#cc0000;float:left;margin:0 5px 0 0;}
.slideshow_skitter .label_skitter {z-index:150;position:absolute;bottom:0px;left:0px;display:none;}
.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu7dGyH31yfHj3ZunK719ya-X0PM6_w7-bGtoPw78RREqqtTIlxa2w7d5rC2IMpGs8Pu7acnCsDdgd78SLOm_VuPnPMOoRZD_KCyE_7rtVAQ3NNE2S5Kc9UZA_6h_KKLXyERM51odUqwM/h120/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}
.slideshow_skitter_large {width:850px;height:300px;}
.slideshow_skitter_small {width:200px;height:200px;}
</style>
<script src="http://faceblog-evolutions.googlecode.com/files/jquery-1.6.3.min.js" type="text/javascript"></script>
<script src="http://faceblog-evolutions.googlecode.com/files/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://faceblog-evolutions.googlecode.com/files/jquery.skitter.min.js" type="text/javascript"></script>
<script src="http://faceblog-evolutions.googlecode.com/files/jquery.animate-colors-min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var options = {};
if (document.location.search) {
var array = document.location.search.split('=');
var param = array[0].replace('?', '');
var value = array[1];
if (param == 'animation') {
options.animation = value;
}
else if (param == 'type_navigation') {
options[value] = true;
if (value == 'dots') $('.skitter_slideshow').css({'margin': 'auto'});
}
}
$('.slideshow_skitter_large').skitter(options);
});
</script>
<div class="skitter_slideshow">
<div class="slideshow_skitter slideshow_skitter_large">
<ul>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggvnEQYn-ZDdj13Y3A2jbFMGP8sgo6y00w0ZoSRrLZnOS9Jg6yxV93zbvt5qI8fH5iS_r2FV02y9vswcilrey7X4qWGzyHwXz9E8u6B-jYcVHIGZYlgTRDLLiIlL4m4JVNHLaZZaIACVU/w600-h300-no/" class="cube" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek cube</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4mNxAe7ob-xvNQEuoGCpf2TdhdHu8Tztq9xhP6p37XSXfAkM4lDZVKXnLHAib_rpyS5EDVVHiLMdx86g_9R2erwfyoaatg6M4GKKB7ybPm3DqNppIz75pFGg5kef7DzbGc3_DlIp3xhs/w600-h300-no/" class="cubeRandom" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek cuberandom</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidHaRaQrqccAVZPd1E5HT7FlCiKioRhFFpDSj71tk6vxFPaUXulAVELp0mkZYjV6LNiE0Cl9NF_l4KHgNdCYweARO5Q2eGRQNjv4ukGxJ3UX80GPowlvNU9i3jCNTHkklVrE1makV7GNQ/w790-h286-no/" class="block" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek block</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjimg6foBBwm58oyb17j2TXsWLKUO91cmsxhKBl4UontPCbGNiw8Y-vpojoo2y2FZGex6aCxGE05covy0XIlAjhHG_J_7JveGSGwvEn-aAyxshhcUpcSlokS1UiX6I1jd9vm5Fid3jEZ-k/w463-h240-no/" class="cubeStop" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek cubestop</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsFYKuav7IRqMcmMWFa_qFNUTXUDDqgdKho1kZJuJQwLKPP8fK2s-R_4N_bDqGDmkmWAqSDMAFO1OEoRheyT-XUpJvVdILrR4c2VCuNtdmAZQhLD1W9n9KRUh3GIhFpLC9ne_yjpV8kkg/w463-h240-no/" class="cubeHide" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek cubehide</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRAdQDrOlZ7kQgCZtg_agijhWpTk3PqLPJtOkZ1m58v_MEFyID0Rb0zn9dBbRSslhOPVq0dvBQVROlqDcIKt1GTa3W73ktcvg_TBYHofFgZ-6y-W5JTQsSEQxMjgPc4DA98_Izh7L7PT4/w463-h240-no/" class="cubeSize" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek cube size</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuKGWVHIrZtbw_B_fk1LOtbQvZWn9sJH03bJrs0_o_RA5NRMv55n8igDMSYOf6173DYmH-28mMueMuub4exljPcOVJqBL9ueWUUrK-LYTLqocCFbnNBKsxbG1JjZV-kVJYLSB_jzxScHo/w500-h300-no/" class="horizontal" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek horisontal</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-UbD_O78vLAvOrEdDFD-SLhsXuxB7-nmfDyQVzpraI8d4nt4gNz3JO3SZzdN1OdEQswpqt6P8IhmAnIr4MPIhiyssCRBMhi4SgznrQ-qn1qhmLwEBMHPqvVAdIxiOcg6xHqY2F9CjPSQ/w852-h284-no/" class="showBars" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek showbars</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl24Z3rpKej7RzIspLSPJWPMAgFuhCriGPBriqK95VNQMR4j6IEMcIYF8khG0Dc9NGHDp6_IUJC7Di07SDuTW7UW37CjkUU1bdySNS_hdxz9AOYgZYGKKOEISvNEFxviVBASuzvofnoBE/w500-h300-no/" class="showBarsRandom" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek showbarsrandom</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0jpD2NkhgYUOSqCgJSvpvhkagEvZZGWXquxHhk7oIb-wQGt5Ph2rSBpw29Iv62_ZeWGsbOLOkDcVB9VV3D2QHr2cIS5L12aprnQJPKRtp7SNRMYvdwKs-gBhPeucAvmUS8ukoF044Wkw/w758-h438-no/widget-contact-form-blogger.jpg" class="tube" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek tube</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvF756MnI-h8lsvWMVi6HWHM5kD-09zixR_VcyFwFFF9b5YLfLiKQBbzO86aULq2knEGxq5aIpJdROMgpVfk-9jJxXD6cR2b-Q1eIqSixVdzxFJhkAbsp-463GFHWmmxyJOjfjVAGZ1O0/w500-h300-no/" class="fade" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek fade</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXxJqKA0uLTjQb4GxHR4-UydFq4RBGA_fOcnH3G45fBWvVZq79ZSm9-K1kBaBZV4peuPqM13eFSHPgUEPQnbXMYOtJH8FmMERoG5kbpUQzkDyLddSb1d3ElO211HYEIVjuc5OIm5UrAt0/w600-h300-no/form-email-subscribe-blogger.png" class="fadeFour" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek fadefour</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-lNevd5LgcWDWjdyQ4GK7pohn-yyKSSBdIf-z_habZY5R_k3RZdkWBxf57fjdfh6zx6kYfDLPkraGcyIdxoaTWe5WMVC-ZIRSrDW9ZlVQAbzwA-W_qs-7Djvz6M81ofNZE_ndAxOKxf8/w985-h533-no/widget-contact-form-official-blogger.jpg" class="paralell" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek paralell</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0hqZipmLQrI1L4HIlTV8OqFCdnYzrex_0-riuCBmgO6Alq86e0Lr01MgEPdzWn8EvoxWIf4YLrYJg5Sd3PS3J559npu_VEouqEm1t9eVv6kof6HBu_m38UUHBkvuIEkwF8SUHNBkMnQw/w540-h180-no/Pop-Up-Widget-Google%252B-Follower-for-blogger.png" class="blind" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek blind</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif0LZKSSt8PQg5syMjC0HyO3Cvfn-OnG42VUeJ23lY7dN9FK3StNX5VxWQexS6lhfQkQ2P47lOM-AdZ2jwE9zZFHQ8n0Lf-N08IVejZAYVCPZ5iGg4PVkVR_RvE-hW2LfXrTwnfkJHdhU/w353-h243-no/Pop-Up-Widget-Google%252B-Follower-2.png" class="blindHeight" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek blindheight</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuEffZSb7FZWoExCRqnIMHIl0SItuLTsZRqXrS1No0NIK-80DEFxRtBrTG9fTOo1w52sppU3fl00CapxydHfuYRgDBGGe2Ncx1kiSwVQvfs0G5gkLjDOMMbxz7WykwpvVBjNeY_3aR0GI/w540-h180-no/modifikasi-email-subscribe.jpg" class="blindWidth" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek blindwidth</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz9q3fIAKC4AsdhMgthtW6I-aEgkueb0NlpKTkdH_eUYVtC_TecEK5yTMs8RblgddUuCYcDXSjtl7YNxCFJYYUqXJW6JZdKksS_OWrdKNbq0c1_9ggPtbCFq1CXwmLaqTmDje938Ia4vU/w540-h179-no/modifikasi-facebook-like-box.jpg" class="directionTop" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek directionTop</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrNd7254atLPPtLPoi9HL_87EG6IRbS0hjKYU5YM_PXuj-Ix0XIYwqVojoopg7Wmb3EFKHke3YZLv4A9Ig4MIsbUiPYklemisiQnCp56qK66XxsJhgU6w96MN06WMNBn9G0mYdPUC_r1M/w540-h179-no/modifikasi-widget-google%252B.jpg" class="directionBottom" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek directionBottom</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjkcU1JamNKwoD0VKZzhMqyda32ukxQXmnPKuaRr0ulPdBqnM0cwjYCBweI-u9YqVrfm2u-TKAw7tdv7BNTHKsgyi0IdPi_AjLYclckGV-XNHp7VQON8fxdGwBRRLXCbM2amCrf7OnuDI/w500-h300-no/" class="directionRight" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek directionRight</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3JaeBvCnnSQ0EFOWITZwQjJ8O3qXBNwp1a1OAZWrV2PjkWESoNeP5qWYzC-q6gBATo_PJZrR5UiiGL2cLUaOIq-_AVN-VSGT_AamRrkxM5ltNUq-uLjga__pL_tY5Ny6sz_Qp9KV79lw/w400-h274-no/flod-image-hover.jpg" class="directionLeft" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek directionLeft</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimKoCaVijFMVEoxB5A3FM7aoaJd3jEmUd7qY4v3uoX3B5HdoYaO3o2WfMxML8rlaGmFqNQ3K094ORpTeUUFaIDrVhpzNedlamVes0cq0CDeoSJxOfcjRb4FDt0Rwe1kkuArkPGEr1xTKk/w725-h459-no/widget-sidebar-ribbon.jpg" class="cubeStopRandom" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek cubeStopRandom</p></div></li>
<li><a href="http://mas-andes.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJjwvKak5PanhVKB8RXpzd7ojwcju5reK9UjUd4cHHaqwPpkG7qNxB6Eag-wQHkv8nBpMcFdilWy0eNkxhn88SvlWO1rEST8TJpc-myNPNenvB5tIT5za_6oH9MgpoP9yArPdCwClf058/w587-h344-no/sidebar-ribbon.2.jpg" class="cubeSpread" alt="Faceblog Evolutions" title="Faceblog Evolutions"/></a><div class="label_text"><p>Efek cubeSpread</p></div></li>                
</ul>
</div>
</div>

Keterangan:

Ganti http://mas-andes.blogspot.com dan URL gambar.

4. Paste kode tersebut kedalam Widget HTML/Javascript.

5. Langkah terakhir Simpan.

Di atas hanya kode dasarnya saja, silahkan sesuaikan atau custom sendiri dengan tampilan yang lebih menarik sesuai dengan selera masing-masing.