Pages

30 Juni 2013

Aplikasi Dan Software Untuk Editing Foto

Selain Photoshop software atau aplikasi yang paling banyak digunakan untuk mengedit foto, ada banyak perangkat lunak atau software editor photo yang bisa digunakan untuk anda yang ingin membuat tampilan foto menjadi lebih menarik. Tentu saja beberapa software ini bisa didownload dan sebagian ada yang memberikan versi full alias gratis dan ada juga bisa didownload dalam versi trial.

Jika ingin langsung mengedit foto secara online, bisa dilihat disini beberapa situs edit foto online yang juga gratis. Dan berikut ini adalah beberapa software untuk edit foto yang bisa di download dan anda manfaatkan untuk membantu pekerjaan mengedit foto / gambar.
 Photoscape. Photoscape adalah salah satu software edit foto yang paling banyak didownload saat ini. Software full version secara gratis diberikan secara cuma-cuma. Versi terbarunya saat ini Photoscape 3.6.3 dengan fitur editor foto lengkap, mendukung RAW dan hampir semua format gambar seperti JPEG, PNG, dan GIF.  Photoscape (20.3MB)

 GIMP. Software ini sedikit lebih lengkap untuk program editing foto profesional. Dilengkapi semua alat editing canggih yang bisa diperlukan untuk setiap desainer grafis, web master, atau photographer. Channels, layers, masks, filters, tabbed palettes, editable text tools, perspective clone dan tool warna sudah disediakan lengkap. Gimp (25.9MB)


Paint.net. Ini adalah software editi foto bagus yang juga tersedia gratis untuk full versinya. Paint.net bekerjasama dengan Microsoft,cocok untuk Windows 2000, XP, Vista, atau Server 2003. Pengguna dapat retouch foto dengan cepat dan mudah dengan beberapa alat canggih untuk layers, painting /drawing, effects, unlimited undo history, dan levels adjustments.
Paint.net (3.5 MB)


Photo Pos Pro
Ini adalah salah satu software edit foto yang cukup baik karena fiturnya mudah, meski demikian tetap memiliki alat canggih seperti editing untuk Computer Graphics Design, Rich Text, Effects, Selection Tools, Layers & Masks, Gradients, Patterns dan banyak fitur baru lainnya.
Photo Pos Pro (43.5MB)

 Picasa. Software gratis milik Google ini memberikan kemudahan edit foto terutma untuk sistem operasi Windows. Selain menyediakan versi online yaitu PWA (Picasa Web Album), Google juga merilis versi Windows dan Mac. Versi terbarunya saat ini Picasa 3.9 memiliki antarmuka yang mudah untuk digunakan. Picasa (14.5MB)

 Pixia. Ini adalah software edit foto gratis dari perusahaan painting Jepang. Memiliki fitur cukup sedehana dilengkapi dengan drawing tool yang menarik. Pixia sangat cocok untuk yang menyukai gambar (menggambar) dengan layer sebesar 10240by10240 pixels dan mendukung sistem operasi Windows 98/2000, XP, Vista dan NT. Pixia (6.7 MB)

 IrfanView . Software ini dilengkapi dengan plug-in support (untuk file gambar, video dan musik), fiturnya sangat sederhana, berbeda dari fitur dari software edit foto biasanya namun mendukung semua jenis format gambar. Ini adalah software yang paling banyak dipake oleh kalangan desainer grafis, pembuat template blog dan tentu pengguna biasa. IrfanView (1.57 MB)

 Photobie. Photobie adalah software gratis yang menggabungkan fitur amatir namun bisa digunakan dengan profesional dengan adanya fitur, alat, pilihan animasi untuk mengedit gambar secara mendalam dan didukung oleh ribuan plugin filter Photoshop. Memungkinkan mengedit format GIF yang cukup bagus, screen capture ideal dan banyak lagi.
Photobie (4.37 MB)

Daftar Situs Editing Foto Online Gratis


Mengedit foto secara online cukup mudah dilakukan. Ada banyak pilihan situs edit foto atau website yang menyediakan aplikasi untuk edit foto baik yang gratis maupun berbayar. dan berikut beberapa situs editing foto yang free alias gratis.

Photoshop - Photoshop menyediakan aplikasi edit foto online gratis melalui Photoshop Express. Meskipun tidak menyediakan fitur lengkap seperti pada Photoshop versi desktop, namun tetap punya fitur yang baik dengan kualitas alat editing foto yang lebih sederhana. Sebanyak 2 Gigabytes (2000 Megabyte) disediakan untuk menyimpan foto pengguna online yang tentunya gratis digunakan.

FlauntR - FlauntR adalah situs milik pribadi yang juga menyediakan aplikasi edit foto online. FlauntR menggunakan antarmuka Adobe Flash yang memungkinkan pengguna bisa langsung menggunakan 6 fitur dari mereka yaitu editR, stylR, textR, mobilR, picasR, dan profilR. Semua fitur sudah disertai keterangan sehingga memudahkan user untuk mengedit foto apapun sesuai keinginan mereka.
Link: http://www.flauntr.com

Pixlr - Pixlr memiliki fitur desain gambar dan alat editing foto yang cukup baik, menggabungkan beberapa program editing dari yang sederhana sampai yang berkualitas tinggi. express editor sangat cocok untuk pemula yang mau mengedit foto dan versi lengkap bekerja mirip dengan Photoshop atau GIMP dengan banyak alat yang berbeda yang dapat digunakan.
Link: http://pixlr.com

Snipshot - Snipshot atau sering disebut Pixoh adalah situs edit foto online yang mudah digunakan. Fitur yang diberikan tidak hanya sekitar mengedit foto atau menambahkan efek khusus, disediakan juga aplikasi yang memungkinkan untuk memotong, memutar atau mengubah ukuran foto.

Pixer.us - Situs ini memungkinkan penggunanya untuk mengubah dan memperbaiki foto-foto mereka. Situs edit foto ini bebas, memungkinkan pengguna untuk memperbaiki foto dalam berbagai cara, dari foto amatir, lanskap profesional dan potret.
Splashup - Splashup sebelumnya dikenal sebagai Fauxto. Situs ini memiliki banyak alat dan fitur untuk editing foto online secara gratis. Splashup cocok untuk edit foto cepat jika kita tidak punya waktu untuk mengedit lewat Photoshop atau Paint Shop Pro. Navigasi situs user-friendly, sehingga sangat mudah sekali digunakan untuk editor online.
FotoFlexer - Ini menawarkan edit foto cukup komprehensif, sederhana, rendah bandwidth namun fitur editing fotonya lengkap. Menggabungkan fitur sederhana dan canggih FotoFlexer memungkinkan pengguna bisa membuat, mengatur, memodifikasi atau mengubah foto dari mana saja dengan koneksi internet karena sudah terintegrasi dengan semua layanan foto online seperti Flickr, Photobucket atau Facebook.
Link: http://fotoflexer.com
Aviary - Situs edit foto online gratis dengan aplikasi menarik yang memungkinkan untuk edit foto, topography, audio dan color. Aviary sangat cocok bagi yang sudah punya pengetahuan tentang manipulasi gambar digital, karena terdapat fitur untuk memanipulasi foto, bahkan bisa membuat gambar sendiri.
Link: http://www.aviary.com
Pixenate - Aplikasi editing foto online yang memungkinkan untuk upload, ambil foto dari situs lain untuk diedit dengn fitur editing umum seperti cropping, re-sizing, brightness adjustments, drawing lines dan lainnya.
Link: http://pixenate.com

Picture2Life - Menyediakan semua fitur editing foto standar dan alat penyesuaian untuk mengedit secara cepat. Panel editor menampilkan semua preview pada foto sehingga mudah untuk mengedit foto yang banyak. Selain itu, fitur efek foto juga lengkap tidak hanya Black&White, Sepia atau Blur ada juga Checkerboard, Fish Eye, atau Kuwahara yang tidak ditemukan pada situs edit foto lainnya.
Link: http://www.picture2life.com
Lunapic - Situs ini memiliki fitur edit foto animasi yang unik, alat editing fotonya bisa memungkinkan pengguna menambahkan efek animasi menarik untuk foto yang mau diedit. Hanya saja sebagian besar fitur lain, baik animasi atau editing foto biasa tidak disertai petunjuk tapi mudah jika kita sudah faham fungsi editor foto.
Link: http://lunapic.com
Phixr - situs ini memungkinkan operasi dasar seperti cropping atau mengubah ukuran, penghapusan warna, efek lense, blur, dan banyak lagi. Edit foto langsung dengan meng-upload dari komputer atau melalui URL foto dari situs lain.
Link: http://www.phixr.com

iPiccy - Situs ini sama dengan Pixlr yang cocok untuk pemula, karena menyediakan fitur edit foto yang mudah tanpa harus registrasi. Mengedit foto, menambahkan efek gambar, teks dan lainnya.
Link: http://ipiccy.com

PicMonkey - PicMonkey disebut-sebut pengganti dari situs Picnik (situs edit foto terkenal yang sudah ditutup). Fitur editor foto disajikan lebih simple, cepat, lengkap, dan lebih mudah digunakan.
Link: http://www.picmonkey.com

PiZap - Pizap sama dengan PicMonkey, situs edit foto gratis yang mudah digunakan, memungkinkan kita dengan mudah membuat foto unik dengan gambar digital mereka. Pizap memang diciptakan khusus untuk para pengguna jejaring sosial seperti facebook, twitter dan lainnya.
Link: http://www.pizap.com

22 Juni 2013

Tips Untuk Menginstal Aplikasi Game Pada Android

Android merupakan OS yang tengah booming di masyarakat dan tengah marak dipakai sebagai Operating System ponsel-ponsel pintar bonafit serta memiliki daya tarik tinggi mengingat fitur pelengkap dari Android dikemas secara rijik dan mengesankan. Bagi Anda pemilik Android pemula, tentu akan sedikit kebingungan menjalankan aplikasi dan fitur-fitur di dalam OS Android begitupun juga sedikit kebingungan bagaimana cara menginstal aplikasi-aplikasi dari Android Market. Untuk menginstal aplikasi di dalam ponsel Android Anda, terutama menginstal game setidaknya ada beberapa cara sederhana yang di antaranya adalah:


A. Download Game dari Android Market
Karena ponsel Android biasanya telah dilengkapi dengan aplikasi “Market” maka langkah awal bagi Anda untuk menginstal game di Android Anda dengan menginstalnya dari Android market. Pertama yang perlu Anda lakukan adalah masuk (sign in) ke aplikasi market, tapi ingat koneksi ke internet harus aktif. Selanjutnya pilih aplikasi game yang Anda suka kemudian install aplikasi atau unduh dengan mendownloadnya. Pilih salah satu kategori game atau aplikasi game tertentu. Pilihan yang biasa diambil adalah “Top Free” atau yang tidak berbayar.

B. Download Game Android dari PC
Selain melalui market, game bisa didownload dari PC. Langkah pertama yang bisa Anda lakukan adalah mencari file aplikasi atau game dengan komputer yang selanjutnya bisa Anda unduh. Hubungkan gadget atau ponsel Android Anda dengan komputer melalui kabel data, blutooth, ataupun card reader dimana memudahkan transfer data dari komputer ke ponsel ataupun sebaliknya. Transfer file game yang telah terdownload ke ponsel Anda dan lakukan installasi, selanjutnya Anda bisa menikmati aplikasi game terbaru sesuai keinginan Anda yang telah terinstall.
Pada ponsel android yang tidak memiliki aplikasi file manager bisa mendownload game dari Android Market. Tetapi jika ponsel android Anda adalah android keluaran lawas, biasanya belum ada android market sehingga untuk menginstal aplikasi baru semisal game Anda bisa mencoba menggunakan download melalui PC dan menginstallnya pada ponsel Anda. Ketika aplikasi “File Manager’ tidak dapat terinstall dengan baik, tips yang perlu Anda lakukan adalah: klik Setting atau Pengaturan, klik Aplications atau Aplikasi, lalu beri tanda centang yakni berupa “Unknown Source” atau tidak dikenalnya sumber.

Tips Mudah Untuk Menghemat Baterai Android

Menghemat baterai ponsel terlebih untuk ponsel android tentu bukanlah suatu hal yang sulit. Dengan modal ketekunan dan mampu mengopersikan beebrapa pengaturan tertentu ponsel Android Anda bisa membuat ponsel Android menjadi lebih awet dari segi baterai.  Terlalu banyak dan menumpuknya fitur atau aplikasi yang menunjang ponsel Android merupakan salah satu penyebab cepat ngedrop dan hang-nya baterai.
Beberapa sistem operasi dari Andoroid yang mengubah komunikasi mobile dan PDA membuat beberapa fitur terbuka secara otomatis, dan hal inilah yang memicu cepat habisnya dan tidak awetnya baterai. Adapun beberapa tips ampuh menghemat baterai pada ponsel Android adalah sebagai berikut:

  1. Cari tahu bagian telepon Anda yang mana yang menggunakan presentase terbesar dari baterai pada menu setting > about phone > bateray use.
  2. Buatlah Android Anda hanya menggunakan layanan 2G jika memang layanan 3G tidak dibutuhkan untuk akses data secara tinggi, namun pastikan masih memiliki akses ke Wifi dan EDGE untuk memudahkan Anda akses data sewaktu-waktu. Hal ini bisa dilakukan dengan setting > wireless >controls > mobile networks > use only 2G networks.
  3. Kecerahan layar perlu untuk Anda kurangi dengan masuk perintah setting > sound & display > brightness.
  4. Gunakan latar belakang hitam untuk perangkat layar Android yang menggunakan AMOLED. Hal ini bisa menghemat kebutuhan baterai karena gradasi warna yang ditawarkan tujuh kali lebih hitam dari gambar biasanya.
  5. Cobalah untuk setting screen timeout layar dalam waktu yang sesingkat mungkin. Semakin sedikit waktu yang digunakan untuk mematikan layar maka semakin sedikit pula kebutuhan baterainya.
  6. Masuk menu setting > wireless controls > wifi or get the Wireless setting free app, untuk mematikan aplikasi nirkabel yang menyedot banyak kebutuhan baterai.
  7. Bluetooth yang tidak diperlukan wajib untuk matikan, selain mengamankan ponsel Anda dari bahaya kiriman data atau aplikasi tidak dikenal dari sekitar hal ini juga bisa menghemat baterai. Masuklah menu setting > wireless controls > bluetooth, atur aktif atau tidaknya.
  8. Menghemat baterai bisa Anda lakukan dengan mematikan GPS dengan masuk menu setting > security & location > enable GPS satelites. Ketika kebutuhan navigasi tidak diperlukan setiap saat, maka mematikan GPS adalah langkah tepat dalam progam menghemat baterai Android.
  9. Matikan fungsi getar pada ponsel Anda karena setiap getaran pada ponsel Anda akan memerlukan daya yang lebih maka Andapun perlu mengatur getar dengan masuk setting > sound && display > phone vibrate.
  10. Hindari kebiasaan tetap membuka aplikasi yang berjalan sendiri tanpa Anda menggunakannya seperti aplikasi pada jejaring sosial yang tetap berjalan dan memberitahu setiap aktivitas di dalamnya.
Pada dasarnya tips ini juga bisa digunakan pada ponsel jenis lain. Selamat mencoba dan dapatkan kepuasan hemat baterai pada ponsel Android sehingga tidak merepotkan Anda untuk mencharger baterai dengan jarak waktu yang singkat.

18 Juni 2013

Manfaat Air Beras Untuk Kecantikan Wajah



Manfaat Air Beras Untuk Wajah - Jangan heran apabila mendengar para wanita Jepang menggunakan air beras untuk wajah atau mencuci muka, bahkan ada juga untuk mandi karena dipercaya manfaat air beras untuk wajah bisa membuat kulit menjadi makin halus dan cerah.
Banyak juga resep nenek moyang yang memanfaatkan khasiat beras untuk membuat kulit tetap lembap serta senantiasa cantik dan sehat.
Manfaat Air Beras Untuk Wajah misalnya, dapat digunakan untuk masker beras tumbuk yang diembunkan agar wajah tetap kencang dan tidak berjerawat.
Manfaat Air Beras Untuk tubuh misalnya, dapat digunakan untuk lulur, sebagai contoh lulur Jawa yang memiliki campuran bubuk beras dan rempah herbal
Zat oryzanol mampu memperbarui perkembangan pembentukan pigmen melanin dan efektif menangkal sinar ultraviolet. Oleh karena itulah, rice bran oil banyak digunakan dalam produk tabir surya dan conditioner rambut. Tidak hanya itu, penggunaan rice bran oil ini juga bisa kita dapatkan dalam perona bibir dan cat kuku, karena daya rekatnya tinggi dan sangat halus teksturnya.
Beda Warna, Beda Manfaat Air Beras
Beras adalah biji padi yang telah dipisah dari sekamnya. Dalam proses pemisahan tersebut, gabah ditumbuk dengan lesung atau digiling sehingga bagian kulitnya terlepas dari isinya. Bagian isinya ini berbeda-beda warnanya, tidak hanya putih, dan khasiatnya juga berbeda-beda.
  • Beras Putih: Berwarna putih agak transparan. Beras jenis ini mendominasi pasar beras. Paling cocok un­tuk kulit normal cenderung berminyak.
  • Beras Merah: Berwarna merah ke­unguan. Sesuai untuk kulit nor­mal cenderung kering.
  • Beras Hitam: Berwarna ungu pekat mendekati hitam, jenis yang sangat langka. Keharumannya terasa lebih pekat dibandingkan dengan jenis beras lainnya, dan pas digunakan untuk segala jenis kulit.

10 Kunci Menu Makanan Sehat


1. Makan banyak makanan tinggi serat yaitu buah-buahan, sayuran, kacang-kacangan, dan gandum. Ini adalah karbohidrat “baik”, bergizi, mengisi, dan relatif rendah kalori. Mereka harus menyediakan 20 sampai 30 gram serat makanan yang Anda butuhkan setiap hari, yang memperlambat penyerapan karbohidrat, jadi ada efek kurang pada insulin dan gula darah, serta memberikan manfaat kesehatan lainnya. Makanan tersebut juga menyediakan vitamin penting, mineral, dan fitokimia.


2. Pastikan untuk menyertakan buah-buahan dan sayuran hijau, oranye, kuning, seperti brokoli, wortel, melon, dan buah jeruk. Antioksidan dan nutrisi lainnya dalam makanan dapat membantu melindungi terhadap pengembangan beberapa jenis kanker dan penyakit lainnya. Makanlah lima atau lebih porsi sehari.

3. Batasi konsumsi makanan manis, produk olahan gandum seperti roti putih, dan makanan ringan asin. Hanya satu harian 12-ons sekaleng soda (160 kalori) dapat menambahkan hingga 16 pounds selama setahun. Makanan manis Banyak juga tinggi lemak, jadi mereka kalori-padat.

4. Kurangi lemak hewan. Ini kaya lemak jenuh, yang meningkatkan kadar kolesterol darah dan memiliki efek yang merugikan kesehatan lainnya. Pilih daging tanpa lemak, unggas tanpa kulit, dan produk tanpa lemak
atau rendah lemak atau tanpa lemak susu.

5. Kurangi konsumsi lemak trans, yang disediakan oleh minyak sayur terhidrogenasi digunakan dalam makanan olahan yang paling di supermarket dan di banyak makanan cepat saji.

6. Makan lebih banyak ikan dan kacang-kacangan, yang mengandung lemak tak jenuh sehat. Pengganti zaitun atau minyak canola untuk margarin mentega.

7. Jauhkan porsi banyak, terutama makanan berkalori tinggi. Dalam beberapa tahun terakhir melayani ukuran telah bertambah banyak porsinya, terutama di restoran. Pilih starter bukan suatu hidangan utama, hidangan split dengan teman, dan tidak memesan apa saja yang berlebihan.

8. Jaga asupan kolesterol Anda di bawah 300 miligram per hari. Kolesterol hanya ditemukan di produk hewani, seperti daging, unggas, produk susu, dan kuning telur.

9. Makan berbagai makanan. Jangan mencoba untuk mengisi kebutuhan gizi anda dengan menu makanan yang sama pada setiap hari. Ada kemungkinan bahwa tidak semua nutrisi penting telah diidentifikasi, dan makan berbagai macam makanan membantu untuk memastikan bahwa Anda akan mendapatkan semua nutrisi yang dibutuhkan. Selain itu, paparan ini akan membatasi anda untuk setiap pestisida atau zat beracun yang mungkin ada dalam satu makanan tertentu.

10. Mempertahankan asupan kalsium yang cukup. Kalsium sangat penting untuk tulang dan gigi yang kuat. Dapatkan kalsium Anda dari sumber-sumber rendah lemak, seperti susu skim dan yogurt rendah lemak. Jika Anda tidak dapat mendapatkan jumlah yang optimal dari makanan, minum suplemen.

Kumpulan Kode Rahasia Di Ponsel Android

Setiap ponsel selalu dilengkapi dengan kode rahasia, hal itu berlaku untuk berbagai macam merek ponsel dengan berbagai macam OS (Operating System), termasuk Android phone. Kode rahasia ini sih sebenarnya tidak hanya untuk memeriksa IMEI saja, tapi juga beberapa kode test lainnya lho. Fungsi dari Kode-kode bermacam-macam, mulai dari test speaker, memeriksa layar,sound, dll.
Biasanya tes dapat Anda lakukan setelah penjual melakukan test standar-nya, bertujuan untuk memeriksa lebih detail kesempurnaan kemampuan ponsel baru Anda, atau bisa juga supaya memberikan image bahwa Anda adalah pembeli tingkat elit sehingga penjual akan berpikir dua kali apabila ingin membohongi Anda. hee
Dari pada lama-lama  langsung to ke kode-kodenya di bawah ini ↓
  • *#0673# atau *#0289#Melody test. Kode ini untuk memeriksa speaker ponsel. Setelah menekan kode ini akan muncul tombol pilihan Speaker_on, Receiver_on, Headset_on Left, Headset_on Right, Receiver_Headset_on Left, Receiver_Headstet_on Right, OFF, dan EXIT.
  •  *#2664# Kode ini untuk memeriksa layar. Setelah menekan kode layar akan berubah jadi hitam, sentuh layar dan gerak-gerakan, garis merah akan muncul. Apabila Anda menarik garis dan ada yang putus, berarti ada masalah dengan layar ponsel.
  • *#2663#Touch screen version. Pada menu ini terdapat info touch screen firmwire version, dan pilihan untuk update secara online.
  • *#3282*727336*#Data Create. Menampilkan info data yang ada dalam ponsel seperti info jumlah percakapan, panggilan tak terjawab, SMS, jumlah file foto, video, dll.
  • *#0842#Device Test. Kode ini untuk memeriksa kemampuan getaran ponsel. Pada menu ini akan ada beberapa tombol On, Off, Auto untuk mencoba mode getar ponsel.
  • *#7353# Kode ini untuk menjalankan beberapa tes standar seperti ringtone, getaran, speaker, cahaya layar, kamera, Bluetooth, layar, accelerometer censorproximity censor
  • *#*#0*#*#* LCD test. Kode ini memiliki fungsi utama untuk memeriksa layar ponsel. Setelah menekan kode ini akan muncul beberapa tombol pilihan redgreenbluereceiver(white)vibration(black)dimmingmegacam,sensortouchsleepmodespeaker, dan sub key.
  •  *#0228#Battery Status. Menampilkan info status baterai.
  •  *#*#8255#*#*GTalk Service Monitor. Menampilkan info Gtalk pengguna ponsel.
  •  *#232337#Bluetooth test. Setelah memasukkan kode ini akan tampil Bluetooth device address.
  •  *#232338#Wlan Mac Address. Menampilkan MAC address WiFi.
  •  *#44336#Version. Menampilkan informasi versi firmwire ponsel, waktu pembuatan ponsel, dan changelist.
  •  *#03#Nand Flash Header Read. Menampilkan Nand Flash Unique Number.
Dari beberapa informasi nhe, Kode-kode diatas telah dicoba pada OS Android Froyo, dengan smartphone Samsung Galaxy Gio. Ada Kemungkinan kode tidak berfungsi pada OS Android versi lain, atau smartphone tipe lain.  Jadi ane saranin langsung di coba adja satu persatu. byeee !!!!

15 Juni 2013

Membuat Label Dengan Satu Thumbnail

widget yang menampilkan label dengan susunan satu judul dengan thumbnail dan summary, dan dibawahnya list dari label yang sama tetapi hanya menampilkan judulnya saja. Cara membuatnya adalah sebagai berikut :
  • login bloger, Masuk ke template >> Edit HTML,terlebih dahulu Cadangkan/Pulihkan dulu template sobat.
  • letakkan kode berikut ini diatas kode ]]></b:skin> :
img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:60px;width:60px;padding:2px}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0}
ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0} 


keteranagn : 
warna merah adalah lebar dan tinggi thumbnail image
  • Selanjutnya  masukkan kode berikut ini diatas kode </head>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijG29kLnx9gfpvm_Pz5ef7GX6ftzW4QrjskhnFvzcfdozFlR03traEsFrNHtkRFivLxqKvP8AyROkahfqvGurGMHaBT3xORUaR43gh2sRHXYYYT5xr_DBm2VCs7aBqj_OvTcLw_SXMOpaa/';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script> 


  • Klik preview lihat ada yang bermasalah atau tidak, jika sudah kli SAVE
  • kemudian menuju ke layout pilih kotak yang akan ditambahkan widget ini. Klik add gadget >> HTML/Javascript masukkan kode berikut ini kedalamnya :
<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

<script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 1; i < json.feed.entry.length; i++)
 {
    for (var j = 1; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="http://semutdesa.blogspot.com/feeds/posts/summary/-/magetan?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://semutdesa.blogspot.com/search/label/magetan" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>

keterangan : 
Warna hijau : adalah label atau kategori yang ditampikan, Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
Warna merah : Ganti URL dengan URL blog anda.
  • Selanjutnya save dan lihat hasilnya.

 Demikian tutorial mengenai Membuat Label Dengan Satu Thumbnail semoga bermanfaat dan selamat mencoba !!!

Membuat Silider Keren Di Blog


Jika Anda berminat memasang silider seperti diatas perhatikan baik-baik tutorial cara pemasangan slider ini sebagai berikut ini

1. Pertama membuat satu kolom kosong diatas blog postingan denagn cara
2. Edit template klik Cadangkan/Pulihkan dahulu
3.Masuk Template
4.Cari kode ]]></b:skin>. letakkan kode berikut di atas kode ]]></b:skin>

/* Slide Content
----------------------------------------------- */
.slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
word-wrap: break-word; overflow: hidden;}
.slide {color: #666666;line-height: 1.3em;}
.slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
.slide li {margin:0;padding-top:0;
padding-right:0;padding-bottom:.25em;
padding-left:0px;text-indent:0px;line-height:1.3em;}
.slide .widget {margin:0px 0px 6px 0px;}

5.Kemudian untuk memunculkannya pada layout (diatas blog post), anda harus memanggilnya. Cari kode <div id='main-wrapper'> kemudian letakkan kode berikut dibawahnya kode  <div id='main-wrapper'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
      <div id='slide-wrapper'>
<b:section class='slide' id='slide' preferred='yes'/>
      </div>
</b:if> 

5. Preview untuk mengeceknya jika sudah Save template, sekarang masuk ke Layout/Tata Letak, Anda cek apa sudah terpasang satu kolom di atas Blog Post? Jika sudah ada, masuk lagi ke Edit HTML. Kemudian masukkan kode berikut di atas kode ]]></b:skin> :

/* Lofslidernews */ #slider{background-color:#e2e2e2;background-image: -moz-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: -ms-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: -o-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f6f6f6),color-stop(100%,#e2e2e2)); background-image: -webkit-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: linear-gradient(to bottom,#f6f6f6 0,#e2e2e2 100%); border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #999;box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;-webkit-box-shadow:0 0 4px #888;padding:10px;margin:4px;position:relative;overflow:hidden;width:600px;height:298px;} .slider-main-outer{position:relative;height:100%;width:400px;z-index:3;overflow:hidden} ul.slider-main-wapper li h3{z-index:10;position:absolute;bottom:-14px;width:385px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS8kCsSffd2yzX9t34LNnvm3M7Q1dGpbeXN-lqixJ1og0TLxPy1XwjoJ7X3YssQHmXZoow3ZhAjDeeMKu69b5qhXZ9MbPJC1x4bkCFgQ4VR2kkXkLbSAcSjxjTS6cnkDFC5jb0ELz-5ssJ/s1600/transparant.png);padding:10px} ul.slider-main-wapper li h3 p{color:#FFF;font-size:12px;padding-top:5px;display:block;margin:0} ul.slider-main-wapper li h3 a{color:#FFF;font-size:16px;line-height:25px;margin:0} ul.slider-main-wapper li .imgauto{width:405px;height:298px;overflow:hidden;margin:0;padding:0} ul.slider-main-wapper{height:298px;width:405px;position:absolute;overflow:hidden;margin:0;padding:0} ul.slider-main-wapper li{overflow:hidden;list-style:none;height:100%;width:405px;float:left;margin:0;padding:0} .slider-opacity li{position:absolute;top:0;left:0;float:inherit} ul.slider-main-wapper li img{list-style:none;width:405px;height:auto;padding:0} ul.slider-navigator{top:0;position:absolute;width:100%;margin:0;padding:0} ul.slider-navigator li{cursor:pointer;list-style:none;width:100%;overflow:hidden;margin:0;padding:0} .slider-navigator-outer{position:absolute;right:10px;top:10px;z-index:10;height:300px;width:200px;overflow:hidden;color:#333} .slider-navigator li h5{color:#333;font:11px Arial;margin:0;padding:5px 10px 0 0} .slider-navigator li div{background-color:#e2e2e2;background-image: -moz-linear-gradient(top,#fff 0,#e2e2e2 100%); background-image: -ms-linear-gradient(top,#fff 0,#e2e2e2 100%); background-image: -o-linear-gradient(top,#fff 0,#e2e2e2 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e2e2e2)); background-image: -webkit-linear-gradient(top,#fff 0,#e2e2e2 100%); background-image: linear-gradient(to bottom,#fff 0,#e2e2e2 100%)color:#444;text-shadow:1px 1px 1px #fff;height:56px;position:relative;margin:0px 0px 3px 10px;padding:0 5px;border:1px solid #c0c0c0;} .slider-navigator li.active div,.slider-navigator li:hover div{color:#0178d3;border:1px solid #999} .slider-navigator li img{border:#ddd solid 1px;height:44px;width:60px;float:left;margin:5px 5px 5px 0} .slider-navigator li.active img{border:#eee solid 1px} .slider-navigator li.active h5{color:#0178d3}
 width:600px;height:298px; adalah ukuran panjang dan lebar slider, silahkan disesuaikan dengan ukuran pada template Anda.

6. Masih di Edit HTML, masukkan kode script berikut ini diatas kode </head>

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/24211643151/jquery.easing.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[

(function($) {

var types = ['DOMMouseScroll', 'mousewheel'];

$.event.special.mousewheel = {
    setup: function() {
        if ( this.addEventListener )
            for ( var i=types.length; i; )
                this.addEventListener( types[--i], handler, false );
        else
            this.onmousewheel = handler;
    },
   
    teardown: function() {
        if ( this.removeEventListener )
            for ( var i=types.length; i; )
                this.removeEventListener( types[--i], handler, false );
        else
            this.onmousewheel = null;
    }
};

$.fn.extend({
    mousewheel: function(fn) {
        return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
    },
   
    unmousewheel: function(fn) {
        return this.unbind("mousewheel", fn);
    }
});


function handler(event) {
    var args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true;
   
    event = $.event.fix(event || window.event);
    event.type = "mousewheel";
   
    if ( event.wheelDelta ) delta = event.wheelDelta/120;
    if ( event.detail     ) delta = -event.detail/3;
   
    // Add events and delta to the front of the arguments
    args.unshift(event, delta);

    return $.event.handle.apply(this, args);
}

})(jQuery);

/**
 * @version        $Id:  $Revision
 * @package        jquery
 * @subpackage    lofslidernews
 * @copyright    Copyright (C) JAN 2010 LandOfCoder.com <@emai:landofcoder@gmail.com>. All rights reserved.
 * @website     http://landofcoder.com
 * @license        This plugin is dual-licensed under the GNU General Public License and the MIT License
 */
// JavaScript Document
(function($) {
     $.fn.lofJSidernews = function( settings ) {
         return this.each(function() {
            // get instance of the lofSiderNew.
            new  $.lofSidernews( this, settings );
        });
      }
     $.lofSidernews = function( obj, settings ){
        this.settings = {
            direction            : '',
            mainItemSelector    : 'li',
            navInnerSelector    : 'ul',
            navSelector          : 'li' ,
            navigatorEvent        : 'click',
            wapperSelector:     '.slider-main-wapper',
            interval               : 4000,
            auto                : true, // whether to automatic play the slideshow
            maxItemDisplay         : 5,
            startItem            : 0,
            navPosition            : 'vertical',
            navigatorHeight        : 60,
            navigatorWidth        : 210,
            duration            : 600,
            navItemsSelector    : '.slider-navigator li',
            navOuterSelector    : '.slider-navigator-outer' ,
            isPreloaded            : true,
            easing                : 'easeInOutQuad'
        }   
        $.extend( this.settings, settings ||{} );   
        this.nextNo         = null;
        this.previousNo     = null;
        this.maxWidth  = this.settings.mainWidth || 600;
        this.wrapper = $( obj ).find( this.settings.wapperSelector );   
        this.slides = this.wrapper.find( this.settings.mainItemSelector );
        if( !this.wrapper.length || !this.slides.length ) return ;
        // set width of wapper
        if( this.settings.maxItemDisplay > this.slides.length ){
            this.settings.maxItemDisplay = this.slides.length;   
        }
        this.currentNo      = isNaN(this.settings.startItem)||this.settings.startItem > this.slides.length?0:this.settings.startItem;
        this.navigatorOuter = $( obj ).find( this.settings.navOuterSelector );   
        this.navigatorItems = $( obj ).find( this.settings.navItemsSelector ) ;
        this.navigatorInner = this.navigatorOuter.find( this.settings.navInnerSelector );
       
        if( this.settings.navPosition == 'horizontal' ){
            this.navigatorInner.width( this.slides.length * this.settings.navigatorWidth );
            this.navigatorOuter.width( this.settings.maxItemDisplay * this.settings.navigatorWidth );
            this.navigatorOuter.height(    this.settings.navigatorHeight );
           
        } else {
            this.navigatorInner.height( this.slides.length * this.settings.navigatorHeight );   
           
            this.navigatorOuter.height( this.settings.maxItemDisplay * this.settings.navigatorHeight );
            this.navigatorOuter.width(    this.settings.navigatorWidth );
        }       
        this.navigratorStep = this.__getPositionMode( this.settings.navPosition );       
        this.directionMode = this.__getDirectionMode(); 
       
       
        if( this.settings.direction == 'opacity') {
            this.wrapper.addClass( 'slider-opacity' );
            $(this.slides).css('opacity',0).eq(this.currentNo).css('opacity',1);
        } else {
            this.wrapper.css({'left':'-'+this.currentNo*this.maxSize+'px', 'width':( this.maxWidth ) * this.slides.length } );
        }

       
        if( this.settings.isPreloaded ) {
            this.preLoadImage( this.onComplete );
        } else {
            this.onComplete();
        }
       
     }
     $.lofSidernews.fn =  $.lofSidernews.prototype;
     $.lofSidernews.fn.extend =  $.lofSidernews.extend = $.extend;
   
     $.lofSidernews.fn.extend({
                             
        startUp:function( obj, wrapper ) {
            seft = this;

            this.navigatorItems.each( function(index, item ){
                $(item).click( function(){
                    seft.jumping( index, true );
                    seft.setNavActive( index, item );                   
                } );
                $(item).css( {'height': seft.settings.navigatorHeight, 'width':  seft.settings.navigatorWidth} );
            })
            this.registerWheelHandler( this.navigatorOuter, this );
            this.setNavActive(this.currentNo );
           
            if( this.settings.buttons && typeof (this.settings.buttons) == "object" ){
                this.registerButtonsControl( 'click', this.settings.buttons, this );

            }
            if( this.settings.auto )
            this.play( this.settings.interval,'next', true );
           
            return this;
        },
        onComplete:function(){
            setTimeout( function(){ $('.preload').fadeOut( 900 ); }, 400 );    this.startUp( );
        },
        preLoadImage:function(  callback ){
            var self = this;
            var images = this.wrapper.find( 'img' );
   
            var count = 0;
            images.each( function(index,image){
                if( !image.complete ){                 
                    image.onload =function(){
                        count++;
                        if( count >= images.length ){
                            self.onComplete();
                        }
                    }
                    image.onerror =function(){
                        count++;
                        if( count >= images.length ){
                            self.onComplete();
                        }   
                    }
                }else {
                    count++;
                    if( count >= images.length ){
                        self.onComplete();
                    }   
                }
            } );
        },
        navivationAnimate:function( currentIndex ) {
            if (currentIndex <= this.settings.startItem
                || currentIndex - this.settings.startItem >= this.settings.maxItemDisplay-1) {
                    this.settings.startItem = currentIndex - this.settings.maxItemDisplay+2;
                    if (this.settings.startItem < 0) this.settings.startItem = 0;
                    if (this.settings.startItem >this.slides.length-this.settings.maxItemDisplay) {
                        this.settings.startItem = this.slides.length-this.settings.maxItemDisplay;
                    }
            }       
            this.navigatorInner.stop().animate( eval('({'+this.navigratorStep[0]+':-'+this.settings.startItem*this.navigratorStep[1]+'})'),
                                                {duration:500, easing:'easeInOutQuad'} );   
        },
        setNavActive:function( index, item ){
            if( (this.navigatorItems) ){
                this.navigatorItems.removeClass( 'active' );
                $(this.navigatorItems.get(index)).addClass( 'active' );   
                this.navivationAnimate( this.currentNo );   
            }
        },
        __getPositionMode:function( position ){
            if(    position  == 'horizontal' ){
                return ['left', this.settings.navigatorWidth];
            }
            return ['top', this.settings.navigatorHeight];
        },
        __getDirectionMode:function(){
            switch( this.settings.direction ){
                case 'opacity': this.maxSize=0; return ['opacity','opacity'];
                default: this.maxSize=this.maxWidth; return ['left','width'];
            }
        },
        registerWheelHandler:function( element, obj ){
             element.bind('mousewheel', function(event, delta ) {
                var dir = delta > 0 ? 'Up' : 'Down',
                    vel = Math.abs(delta);
                if( delta > 0 ){
                    obj.previous( true );
                } else {
                    obj.next( true );
                }
                return false;
            });
        },
        registerButtonsControl:function( eventHandler, objects, self ){
            for( var action in objects ){
                switch (action.toString() ){
                    case 'next':
                        objects[action].click( function() { self.next( true) } );
                        break;
                    case 'previous':
                        objects[action].click( function() { self.previous( true) } );
                        break;
                }
            }
            return this;   
        },
        onProcessing:function( manual, start, end ){            
            this.previousNo = this.currentNo + (this.currentNo>0 ? -1 : this.slides.length-1);
            this.nextNo     = this.currentNo + (this.currentNo < this.slides.length-1 ? 1 : 1- this.slides.length);               
            return this;
        },
        finishFx:function( manual ){
            if( manual ) this.stop();
            if( manual && this.settings.auto ){
                this.play( this.settings.interval,'next', true );
            }       
            this.setNavActive( this.currentNo );   
        },
        getObjectDirection:function( start, end ){
            return eval("({'"+this.directionMode[0]+"':-"+(this.currentNo*start)+"})");   
        },
        fxStart:function( index, obj, currentObj ){
                if( this.settings.direction == 'opacity' ) {
                    $(this.slides).stop().animate({opacity:0}, {duration: this.settings.duration, easing:this.settings.easing} );
                    $(this.slides).eq(index).stop().animate( {opacity:1}, {duration: this.settings.duration, easing:this.settings.easing} );
                }else {
                    this.wrapper.stop().animate( obj, {duration: this.settings.duration, easing:this.settings.easing} );
                }
            return this;
        },
        jumping:function( no, manual ){
            this.stop();
            if( this.currentNo == no ) return;       
             var obj = eval("({'"+this.directionMode[0]+"':-"+(this.maxSize*no)+"})");
            this.onProcessing( null, manual, 0, this.maxSize )
                .fxStart( no, obj, this )
                .finishFx( manual );   
                this.currentNo  = no;
        },
        next:function( manual , item){

            this.currentNo += (this.currentNo < this.slides.length-1) ? 1 : (1 - this.slides.length);   
            this.onProcessing( item, manual, 0, this.maxSize )
                .fxStart( this.currentNo, this.getObjectDirection(this.maxSize ), this )
                .finishFx( manual );
        },
        previous:function( manual, item ){
            this.currentNo += this.currentNo > 0 ? -1 : this.slides.length - 1;
            this.onProcessing( item, manual )
                .fxStart( this.currentNo, this.getObjectDirection(this.maxSize ), this )
                .finishFx( manual    );           
        },
        play:function( delay, direction, wait ){   
            this.stop();
            if(!wait){ this[direction](false); }
            var self  = this;
            this.isRun = setTimeout(function() { self[direction](true); }, delay);
        },
        stop:function(){
            if (this.isRun == null) return;
            clearTimeout(this.isRun);
            this.isRun = null;
        }
    })
})(jQuery)

 //]]>
</script>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiILHXuIhfSos6tYifTwp4X2o4lhYOThi6nHtE7JuizlxX8QLRoXBsbmadOgH1jswV07Hii6jQT-cK7vi1VndR22u0TCjwQ6CYc0eBSgsR-NQNFP_CoOpj6EYlADfSdzL05TPCNnAah8vQ/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 70;
summaryTitle = 20;

numposts = 10;

function removeHtmlTag(strx,chop){
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
        if(s[i].indexOf(">")!=-1){
            s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
        }
    }
    s =  s.join("");
    s = s.substring(0,chop-1);
    return s;
}

function showrecentposts(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();

      for (var i = 0; i < numposts; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
        var pcm;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
        }
       
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                pcm = entry.link[k].title.split(" ")[0];
                break;
              }
        }
       
        if ("content" in entry) {
              var postcontent = entry.content.$t;}
        else
        if ("summary" in entry) {
              var postcontent = entry.summary.$t;}
        else var postcontent = "";
       
        postdate = entry.published.$t;
   
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
   
    s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];

    for(var u2=0;u2<month.length;u2++){
        if(parseInt(m)==month[u2]) {
            m = month2[u2] ; break;
        }
    }

    var daystr = day+ ' ' + m + ' ' + y ;
   
    var trtd = '<li style="position:relative;"><div class="imgauto"><a href="'+posturl+'"><img width="405" height="298" class=" " src="'+img[i]+'"/></a></div><h3><a href="'+posturl+'">'+posttitle+'</a><p>'+daystr+' / '+pcm+' comments</p></h3></li>';                   
        document.write(trtd);      
               
              j++;
    }
   
}


function showrecentposts1(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();
   
      for (var i = 0; i < numposts; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
        var pcm;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
        }
       
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                pcm = entry.link[k].title.split(" ")[0];
                break;
              }
        }
       
        if ("content" in entry) {
              var postcontent = entry.content.$t;}
        else
        if ("summary" in entry) {
              var postcontent = entry.summary.$t;}
        else var postcontent = "";
       
        postdate = entry.published.$t;
   
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
   
    s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];

    for(var u2=0;u2<month.length;u2++){
        if(parseInt(m)==month[u2]) {
            m = month2[u2] ; break;
        }
    }

    var daystr = day+ ' ' + m + ' ' + y ;
   
    var trtd = '<li><div><img width="60" height="44" class="alignnone" src="'+img[i]+'"/><h5>'+posttitle+'</h5></div></li>';                   
        document.write(trtd);      
               
              j++;
    }
   
}

 //]]>
</script>

numposts:10; adalah jumlah post yang tampil pada slider

7. Klik preview untuk mengeceknya ji sudah klik save template.
8. Sekarang Anda kembali ke Layout/Tata Letak. Masukkan kode di bawah ini ke dalam kolom kosong diatas Blog Post yang sudah Anda buat pertama kali, klik Add a Gadget >> HTML/Javascript :

<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>                   
document.write("<script src=\"/feeds/posts/default/-/label?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>                   
document.write("<script src=\"/feeds/posts/default/-/label?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
</div>
</div>
<script type='text/javascript'>
jQuery(document).ready(function($){   
    $('#slider').lofJSidernews({
        interval:6000,
        duration:800,
        mainWidth: 405,
        navigatorWidth: 200,
        maxItemDisplay:5,
        easing:'easeInOutQuad',
        auto:true,
        isPreloaded: false
    });
});   
</script>

  
Keterangan : Tulisan warna merah adalah label yang anda harus ganti dengan label sobat sendiri silahkan diganti dengan label yang ingin ditampilkan.

9. Terakhir save, selesai.