Latest Post

Kini Google Translate Kini Bisa DipakaiOffline

tujuh Google Translate(mhpbooks.com)

Google hari ini meluncurkan paket bahasa offline untuk Google Translate pada Android. Paket ini mendukung 50 bahasa, mulai dari Bahasa Inggris, Prancis, Spanyol, China, Arab, dan Indonesia.
"Pernahkah Anda sedang bertamasya sendiri di negara asing dan ingin tahu bagaimana mengatakan 'aku tersesat!' atau 'saya alergi dengan kacang' dalam bahasa lokal?" kata Minqi Jiang, Associate Product Manager.
"Layanan seperti Google Translate bisa membantu. Dan, kini Anda bisa menggunakannya tanpa harus terhubung dengan internet," tutur Minqi Jiang dalam keterangan resminya yang diterima VIVAnews, 28 Maret 2013.
Bagaimana caranya?
Anda tinggal memilih Offline Languages pada menu aplikasi untuk melihat semua paket bahasa yang tersedia untuk diunduh.
Untuk mengaktifkan penerjemahan secara offline antara dua bahasa, Anda hanya bisa memilih bahasa-bahasa yang tersedia di menu bahasa offline.
Setelah paketnya diunduh, Anda bisa menggunakannya kapan dan di mana saja.


Tampilan Google Translate versi offline di perangkat Android. (Google)

"Meski, kami akui, belum sekomprehensif versi online, versi offline ini sangat berguna untuk menerjemahkan kata-kata dan kalimat untuk situasi apa saja ketika Anda bepergian ke luar negeri dan tidak ada akses data seluler," tutur Minqi Jiang.
"Jadi, pergilah bertamasya pada bahasa dan budaya baru tanpa harus khawatir tentang mengakses Internet," pungkasnya.
Bagi yang menggunakan perangkat berbasis Android versi 2.3 ke atas, Anda bisa mengunduhnya melalui tautan ini.

Sumber : VIVAnews

Bagaimana Mengatasi Loading Blog dengan Google Code

web building Bagi Anda pengguna blogger, untuk memberikan solusi logis untuk meningkatkan performa kecepatan loading blog, khususnya bagi anda pemakai template style magazine.

Jika anda memakai sebuah template dengan menggunakan banyak fitur, seperti slider, label per categori atau lainnya. Pasti pernah menemukan sebuah script yang panjang (biasanya diletakkan diatas kode </head>) atau script yang sudah disimpan di tempat penyimpanan Google Code oleh si pembuat template.

Javascript yang belum disimpan di Google Code

Saya akan berikan contoh sebuah script dan cara menyimpannya di Google code anda sendiri. Perhatikan contoh script di bawah ini saya ambil yang sederhana :

<script language='javascript'>
function Barva(koda)
{
document.getElementById(&quot;vzorec&quot;).bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById(&quot;vzorec2&quot;).bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}

</script>

Perhatikan kode warna biru diatas, buka notepad kemudian copy kode warna biru ke notepad. (hanya warna biru). Setelah itu klik save as, pada File name beri nama file itu dengan diakhiri .js (misalnya :contoh.js). Dan pada Save as type pilih All files, Encoding biarkan pada ANSI, seperti pada gambar di bawah :

Setelah proses penyimpanan file di komputer sekarang kita simpan di Google Code agar bisa dipasang pada template. Buka Google Code Anda, kalau belum pernah menggunakan Google Code sebelumnya, Anda harus membuatnya terlebih dahulu berikut caranya :

  1. Login ke akun Google anda, kemudian kunjungi http://code.google.com/hosting/

  2. Setelah itu klik Create a new project seperti gambar diatas, setelah muncul jendela baru isi kotak kosong seperti contoh gambar di bawah.

    Yang perlu anda perhatikan adalah dalam mengisi Version control system dan source code lisence, Anda harus isi seperti contoh gambar diatas. Untuk kolom lain bisa diisi terserah anda. Setelah itu klik Create project.

  3. Anda sekarang sudah mempunyai akun di Google Code, langkah selanjutnya adalah menyimpan kode javascript yang sudah dibuat diatas di Google Code. Menuju ke tab 'Download' dan klik New download. Kemudian klik Browse dan pilih file javascript yang ingin diupload. Isi informasi yang berhubungan dengan file javascript tersebut kemudian klik Submit file.

  4. File javascript anda sudah diupload ke Google code. Sekarang tinggal memanggilnya dan meletakkanya di template Anda. Klik file yang tadi sudah diupload, setelah itu akan terbuka jendela baru. Untuk mendapatkan direct link dari file yang anda upload. Klik kanan pada nama file tersebut kemudian pilih copy link location (firefox) atau salin alamat tautan (Chrome) seperti gambar dibawah.

  5. Sekarang bagaimana menempatkan direct link tersebut ke dalam template? Perhatikan dua gambar di bawah ini :

    Sebelum disimpan di Google code

    Sesudah disimpan di Google code

    Perhatikan kode block biru pada kedua gambar diatas, gambar atas belum diringkas dan pada gambar bawah kode sudah diringkas dan disimpan di tempat penyimpanan Google Code menjadi seperti ini :

    <script src="http://kauman.googlecode.com/files/contoh.js" type="text/javascript"/>

    Kode script diatas adalah kode ringkasan dari contoh kode script panjang paling atas dan warnamerah adalah direct link file yang kita upload di Google Code pada langkah nomer 4 diatas.

Javascript yang sudah disimpan di Google Code

Nah sekarang bagaimana jika file javascript itu sudah disimpan di Google Code milik akun lain? Saya akan berikan contohnya dibawah :

<script src='http://jamu-martin.googlecode.com/files/related-martin.js' type='text/javascript'/>

URL Javascript warna merah diatas yang harus diganti dengan URL script dari Google Code anda. Caranya copy URL tersebut ke browser Anda seperti gambar dibawah :

Kemudian tekan Enter pada keyboard. Jika muncul pilihan save, Anda tinggal save file tersebut kemudian upload ke Google Code Anda seperti langkah nomer 3 diatas. Tetapi jika setelah tekan enter muncul kode javascript yang berderet-deret banyak sekali deh pokoknya, copy kan kode itu ke notepad kemudian simpan seperti pada gambar paling atas pada artikel ini. Setelah itu upload ke Google Code seperti langkah-langkah diatas. Setelah itu masukkan atau ganti URL warna merah pada javascript diatas dengan URL atau direct link dari google code yang sudah Anda upload.

Kok bisa ya dengan menyimpan javascript di tempat penyimpanan Google Code sendiri bisa meringankan loading blog? Penjelasannya seperti ini, jika Anda memakai sebuah template dengan menggunakan banyak script yang disimpan di Google Code oleh si pembuat template, pastinya tidak hanya Anda yang memakai template tersebut, pasti ada pengguna lain yang memakai template yang sama. Jika kedua blog dengan menggunakan template yang sama loading pada saat bersamaan pasti akan terasa semakin berat, kalau cuma dua atau tiga sih nggak terlalu terasa kalau yang memakai template itu banyak apa tidak semakin berat loadingnya? Disamping itu juga untuk berjaga-jaga jika sewaktu-waktu script si pembuat template rusak atau overload.

Itu tadi satu tips untuk mempercepat loading blog Anda dengan menyimpan file Javascript di Google Code Anda sendiri, silahkan dipahami dan semoga bermanfaat.

Sumber : http://www.maskolis.com

5 Cara Mudah Membuat Uang dari Blogger

dua Menghasilkan uang dari blog kita adalah tujuan yang penting bagi banyak blogger, tapi kebanyakan dari kita menginvestasikan banyak waktu dan mungkin begitu uang juga, tapi biasanya kita kecewa dengan hasilnya.

dan selalu bertanya, Apa cara terbaik untuk menghasilkan uang dari blog kita, Dan apa yang kita emua harus tahu adalah bahwa jawabannya tidak sama untuk setiap orang dan blog. Tapi kita bisa mencoba daftar cara terbaik dan termudah untuk membuat uang,

di artikel ini, saya hanya akan daftar itu, tapi terakhir dalam artikel berikutnya, saya akan berbicara tentang cara-cara tutorial lebih rinci. dan di sini adalah 5 cara,

1. Program Periklanan

Ini adalah salah satu cara yang paling banyak digunakan untuk membuat uang karena terlalu mudah untuk menambahkannya ke blog Anda, dan Program iklan yang paling terkenal adalah Google dsense.
program ini mudah karena Anda tidak perlu melakukan hal apapun tetapi menambahkan kode program ke blog Anda, dan kemudian bekerja pada penempatan dan lalu lintas.
Lainnya Program Periklanan
- Chitika
- Adbrite

2. Afiliasi Pemasaran

Program ini bekerja dalam banyak cara, mereka memberikan Anda sebuah banner yang Anda dapat menempatkan di blog Anda, sehingga pengunjung Anda dapat mengunjunginya, dan Anda bisa mendapatkan jika pengunjung Anda sign up untuk sebuah situs web atau Membeli sesuatu misalnya, program ini memberikan Anda komisi dari 5% Hingga 75% per lead. Afiliasi Pemasaran perusahaan
- Komisi Junction
- LinkShare
- Klik Bank

3. Tempatkan link Donasi atau Tombol di Blog Anda

dan cara ini tergantung pada pengunjung blog Anda, dan bagaimana blog Anda bermanfaat bagi pengunjung, itu tidak akan membuat Anda mendapatkan banyak uang tetapi mungkin membantu Anda mendapatkan beberapa dolar,

4. Jual Produk Pada blog Anda.

Anda dapat menjual produk-produk terkait di blog Anda jika Anda sudah mendapat jumlah lalu lintas yang baik, dan cara ini sangat bagus ketika Anda berkonsentrasi pada satu niche. Anda dapat menjual e-buku, barang-barang lembut, men-download produk mampu, dan banyak lagi, Anda dapat menjual produk sendiri atau produk orang lain.

5. Jual Space Iklan Di Blog Anda.

Ini adalah cara yang bagus untuk membuat uang dan cara dijamin, karena mudah dan salah satu cara langkah, hanya mencoba untuk menjual ruang Anda dan bersantai untuk 30 hari.Anda mungkin Gunakan untuk memiliki kesempatan yang baik untuk menjual ruang anda seperti:
- BuySellAds.com

Sumber : http://www.allblogtools.com/

Ingin Menjadi Blogger Sukses ? Silakan dicoba Cara ini.

8 Langkah Penting Untuk Memulai Blog Sukses

Ingin menjadi seorang blogger yang sukses ? hal berikut jangan sampai anda lupakan, dimana merupakan langkah awal untuk membuat blog anda lebih sukses.Blog yang sudah lebih dulu menuai kesuksesan biasanya tidak mengusung 1 topik saja.Banyak topik yang mereka muat namun tidak menduakan kualitas dari masing-masing topik tersebut.

Seperti contoh,penilis sangat mengidolakan blog kang rohman ( KRtutorplus) dan ingin menjadi blogger sukses seperti beliau.Kang Rohman sendiri memuat konten tidak monoton pada blogspot saja,tapi juga menjalar ke wordpress dan template gratis.Memang sih semua topik yang dibahas masih seputar blogging,tapi hal itu sudah cukup membuktikan bahwa blog yang karya topik akan memiliki daya tarik yang kuat terhadap banyak orang.
Jadi intinya ,Blog yang sukses adalah blog yang memiliki topik luas dan mampu menciptakan nilai ketertarikan tinggi atas topik yang dibahas.Semakin banyak orang yang tertarik atau bahkan mencari topik yang anda sajikan,maka akan semakin mudah blog anda untuk menuai kesuksesan di waktu mendatang.

Namun yang jadi pertanyaan,langkah atau Syarat seperti apakah yang harus kita lakukan untuk menyihir blog agar menjadi lebih populer dan tentunya juga sukses ? Jawabannya ada pada artikel berikut ini,simak baik-baik !!

1. Mencintai apa yang anda lakukan.
Cinta datangnya dari hati,sesuatu yang dikerjakan dengan hati akan menuai hasil yang maksimal. Begitupun dengan blogging,menulis sesuatu yang anda cintai akan terlihat lebih relevan dibandingkan dengan tulisan asal jadi.Sebelum anda berfikir untuk membuat blog,pilihlah topik pembahasan yang memang benar-benar anda sukai dan tentunya anda kuasai.Dengan begitu ,secara otomatis semua isi konten blog anda akan terlihat lebih Fress dan berkualitas di mata pengunjung.

2. Mampu Menjaga Komitmen
Blogger yang sukses membutuhkan sebuah dedikasi dan pengorbanan yang tinggi.Membangun sebuah blog yang sukses lebih dari sekedar menulis kemudian mempuliskasikan postingan baru beberapa kali dalam seminggu.Blogger yang sukses akan terus menjaga kosistensi agar kualitas artikel blog mereka tetap terjaga.

3. Cerdas dalam Membagi Waktu
Membangun sebuah blog sukses membutuhkan investasi waktu yang sangat besar,dimana mereka harus mampu meluangkan waktu untuk mempromosikan blog ke pembaca di situs lain.Jadi anda harus mampu mengarahkan lalu lintas pengunjung ke berbagai artikel penting di blog anda karna kegiatan blogging membutuhkan lebih dari sekedar menciptakan artikel baru.

4. Mampu bersosialiasi di Berbagai Jaringan
Melakukan sosialisasi merupakan langkah penting untuk membangun blog sukses karna blogging tidak akan bisa lepas dari alam media sosial.Calon blogger sukses lebih senang meluangkan waktunya untuk menjawab segala bentuk komentar yang masuk dan lebih sering berinteraksi dengan pembaca blog melalui berbagai forum dan juga media sosial.

5. Keinginan Untuk Terus Belajar
Blogger sukses tidak kenal kata menyerah dan akan terus belajar untuk mencari hal-hal baru yang berhubungan erat dengan kemajuan blog mereka.Jadi saran dari penulis,teruslah perbarui wawasan anda agar ide dan kreatifitas tetap berjalan.

6. Penuh Dengan Kreatifitas
Blog sukses pada umunya sangat sering mengalami pembaruan atau sering diperbarui oleh pemiliknya.Itu berarti blog sukses akan selalu menyediakan hal yang segar,unik serta menarik buat pembaca mereka.Menulis konten baru membutuhkan banyak kreatifitas untuk menghindarkan pembaca dari rasa bosan atau perasaan sejenis yang membuat mereka tidak memberikan nilai apapun terhadap blog anda.

7. Bersabar.
Sukses dalam blogging tidak terjadi dalam sehari,seminggu dan sebulan.Jadi anda harus siap untuk bersabar dalam mempromosikan blog di jangka waktu yang relatif panjang.Memang sih...orang sabar kesempatannya lebar....

Sumber : gusbali.com

Cara Cepat Meningkatkan Traffik Blog

Trafik adalah lalu lintas kunjungan di blog. Banyaknya lalulintas di blog menandakan bahwa blog tersebut tentunya banyak dikunjungi. Banyak dikunjungi ini merupakan keinginan seluruh blogger yang maniak mengembangkan blog mereka.

membuat sebuah blog tentunya tidak begitu sulit. Yang sulit tentunya bagaiman kita membangun blog yang menjadi menarik pengunjung dengan jumlah besar. Bila pengunjung besar tentunya menjadi potensi blog kita untuk menghasilkan dolar dengan memasang iklan melalui adsense.

Berikut disampaikan Cara meningkatkan lalu lintas (Traffik) kunjungan dari referensi beberapa blogger sebagai berikut :

Cara Cepat Meningkatkan Traffik di Blog
1.Template yang SEO Friendly
Dalam memulai perjalanan untuk menjadi seorang blogger yang baik,terlebih dahulu anda harus menentukan themes atau templates yang akan anda aplikasikan pada blog.Gunakan template yang Simple atau kalau bisa,gunakan template yang masuk kategori Seo Friendly.Hindari penggunaan template yang memunyai sidebar kanan dan kiri karna hal itu akan menghambat proses Crawl google di halaman blog kita.

2. Konten Berkualitas
Pengunjung merupakan hal terpenting dalam membangun sebuah blog.Kebanyakan mereka datang dari kalangan netter yang berselancar menggunakan Mesin Pencari.Untuk itu,buatlah konten yang berkulitas,,fresh dan juga original yang kiranya memiliki nilai fungi tinggi di mata mereka.Jika anda berhasil merlakukan point ini,bisa saya pastikan blog anda akan memiliki pengunjung tetap setiap harinya.

3. Pasang Meta Tag
Dalam merancang struktur blog yang baik di mata search engine,Meta tag merupakan hal yang paling penting untuk menarik perhatian pengunjung.Degan memasang meta tag di blog,artikel anda akan mempunyai pertimbangan lebih besar terindeks oleh mesin pencari dibandingkan dengan yang tidak memasangnya.

4. Update Postingan Blog
Blog yang memiliki nilai jual tinggi adalah blog yang memiliki konten beragam dan berkualitas.Tapi untuk meningkatkan Traffik blog,anda harus Update Blog dengan cara membuat artikel minimal 1 post /minggu untuk dibagikan kepada para pengunjung setia anda.Hal ini bertujuan agar blog anda tidak terlihat seperti blog mayat hidup atau sebuah situs yang isinya itu-itu saja.

5. Tukar Link
Menukar link memang kita kenal sebagai cara kuno atau bisa berhasil jika anda memiliki hubungan khusus dengan blogger lain.Tapi anda bisa mencobanya dan menunggu hasilnya dengan penuh rasa sabar.
Itulah trik cara cepat meningkatkan Traffik blog semoga bermanfaat dan semoga berhasil.

Sumber : gusbali.com

mybloggerthemes dot com

Blogger Templates Gallery

http://www.mybloggerthemes.com  Satu lagi referensi Template yang jangan Anda lewatkan. Mybloggerthemes.com menyediakan Gallery Templates Blogger yang kaya warna dan varian. Anda juga diberikan keleluasaan untum memilih berdasarkan kategori yang ditampilkan dengan cukup elegan.

Mybloggerthemes.com menyediakan macam Templated dengan beberapa varian yang berdasarkan Topic, by design, Style, by Column, dan by Feature. Dengan banyak variasi template yang disediakan di situs ini tentunya membuatkan kita menjadi leluasa mendapatkan Template yang diinginkan.

Anda tentunya bisa mendapatkan Template dengan mudah dan juga bisa melihat tampilan asli Templated yang ingin di download dengan menggunakan menu demo. Ada beberapa Templated yang memang serupa dengan penyedia Templated sebelumnya. Namun tentunya mybloggerthemes memiliki varian lain yang juga sangat menarik Tunggu apa lagi silakan buktikan sendiri dan kunjungi situs dimaksud dan kabarkan bila Anda terpusakan dengan situs ini.

Salam dan Selamat…

AllBlogTools dot Com

http://www.allblogtools.com/  - Anda sebagai maniak blogger tentunya tidak menyia-nyiakan untuk mengunjungi web site ini. Kenapa ? tentunya banyak informasi yang dapat diperoleh bagi para blogger yang ingin mengembangkan kompetensinya terhadap per-blog-kan.

Menu-menu yang ditampilkan sangat bervariasi dan tentunya Anda akan larut dalam keingintahuan semua informasi yang disediakan. Mulai dari varians Templated blogger yang begitu bagus dan diberikan keleluasaan kita untuk memilih berdasarkan topic, warna, Layout. Ada juga Blogger Tutorials dengan konten yang begitu banyak seperti Adsense, Domain name, beginner, dan banyak lagi.

Anda juga bisa memanfaatkan Blogger Tools untuk pengkayaan variasi blog Anda dengan tentunya ditampilkan dengan lengkap dan detail dengan panduan HTML yang siap Anda gunakan di Blog Anda.

Ayo…segera browsing ke alamat AllBlogTools.com untuk membuktikan sendiri apa yang sudah diceritakan diatas. Anda tentunya seorang blogger dengan motivasi menjadi blogger ahli maka alamat diatas menjadi referensi yang tidak boleh dilewatkan.

Salam dan Selamat. 

BTemplates 4U

Best Blogger Templates | Premium Wordpress | New Blogger Themes

http://www.btemplates4u.com/ Mendapatkan Templated Premium Blogger dengan embel-embel Free menjadi idaman bagi para blogger.

Maklum saja didunia ini sudah menjadi trending topic bila di Mall atau Plasa dipastikan banyak Sale dengan discount 50% – 70%. Tapi tentunya bila Anda teliti sebenarnya harga tersebut juga tetap mahal juga ( :)). Demikian juga untuk penyediaan Template tentunya yang berbau diskon 100% alias Free tentunya sangat diburuh oleh para blogger.

Terus bagi mereka yang mempunyai karya membangun templated tersebut dari mana donk penghargaannya ? Iya sebaiknya sebelum menggunakan Tempalte mereka terlebih dahulu minta ijin. Bila ingin mengetahui pastinya jawabannya tentunya silakan tanyakan kemerek-mereka.

Selamat untuk mencoba.

Membuat Slider Image Otomatis

image slider otomatis

DEMO

Tutorial akan membahas tentang cara membuat slider image otomatis sederhana yang akan menampilkan postingan terbaru Anda.

Slider otomatis di blog saat ini menjadi aplikasi penting dalam per bloggeran. Animasi berita yang berubah sesuai keinginan pemilik blog tentunya menjadikan web blog menjadi indah dan modern.

Berikut disampaikan bagaimana membuat Slider Image Otomatis versi creatingwebsite-maskolis.blogspot.com berikut. 

Slider ini hanya memakai innerfade jquery dan cycle jquery plugin untuk melembutkan perpindahan content slider (bener nggak ya...?), pengertian Innerfade jquery kira-kira seperti ini :

InnerFade is a small plugin for the jQuery-JavaScript-Library. It's designed to fade you any element inside a container in and out.

These elements could be anything you want, e.g. images, list-items, divs. Simply produce your own slideshow for your portfolio or advertisings. Create a newsticker or do an animation.

Source : medienfreunde.com

Wah malah bingung sendiri saya mas/mbak maklum Inggris saya dapat 6 dulu waktu sekolah, langsung saja pada cara pembuatannya :

  1. Login ke blogger dengan akun Anda
  2. Setelah itu pilih blog yang ingin anda tambahkan slider ini.
  3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
  4. Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan nantinya, sebaiknya backup dulu template anda.
  5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :

    #featuredSlider {background:#eee;float:left;margin:0; padding:0 0 10px; width:640px; position:relative;color:#666;border-bottom:1px solid #c3c3c3}
    #featuredSlider .featured-thumb {float:left; margin:10px; padding:0px;}
    #featuredSlider .container {height:226px; margin:0 10px 0 0;overflow:hidden; position:relative;}
    .featuredTitle{padding-top:10px;font:16px Oswald;text-shadow:1px 1px 1px #ccc;}
    .featuredTitle a{color:#f7441a}
    .featuredTitle a:hover{color:#000}
    .navigation {position:relative;bottom:23px;float:right;overflow:hidden;}
    ul.pagination {list-style-type:none; margin:0 auto; padding:0;}
    ul.pagination a { float:left; margin:0 5px; display:inline; }
    ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_UVPefhDaanKbJ2zBXBgEVR3z36Fx-J3-9FUdMcXrY9P8H38kGy1G6xib5xlhUJl-3F7ANL5qEjxqRUvttasLoGktr6HITQlIL5MbujjnDqWWctZ80Gvddu-PH2w2x2HQhrjA54jdhcA/s1600/slider+pagination.png); background-position:0 0; background-repeat:no-repeat; }
    ul.pagination a:hover { background-position:0 -12px; }
    ul.pagination a:hover { background-position:0 -12px; }
    ul.pagination a.activeSlide { background-position:0 -12px }
    a.readmore {float:left;border:1px solid #444;background:#585858 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn39kzi97xg_TfT5tz4mvqbxQH5OGpXL8NEKXHzSX0z2sh2t0mD-oc-CLn-Axvl0lTP_G6lHGX6mXQrbc7z_xgzAhGtlYg_tAYN_Bk-I-gZHlNyqpLENbpoddnvYcpbjLNIuGu4NYWZGE/s1600/fade.png) repeat-x top;display:block;;font:bold 12px Arial;text-shadow: -1px -1px 0 #333;margin:10px 0 0 0;padding:4px 10px;color:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;
    border-radius:3px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}
    a.readmore:hover {color:#ff0}

    Perhatikan kode warna biru diatas, itu adalah lebar dan tinggi slider pada demo yang saya buat, silahkan Anda sesuaikan dengan ukuran template Anda.

  6. Langkah selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode</head> :

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
    <script src='https://masolis-javascript.googlecode.com/svn/trunk/jquery.innerfade.js' type='text/javascript'/>
    <script src='https://masolis-javascript.googlecode.com/svn/trunk/cycle.js' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[
    imgr = new Array();
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0tQML4VCnOlVXREwCX4HNhALVTqAfaqcoZ5UqGhYkoJSkRPFZ7Yc6TO4Apf7AkKBPfvz1J4P9KqJtlVbMTU1WSSbytl09vVUKStQGpbk_jiP3alRaA8vt2PAWfqHJ11jrS-8X9NsyE7U/s1600/no+image.jpg";
    showRandomImg = true;
    aBold = true;
    summaryPost = 150;
    summaryTitle = 25;
    numposts  = 7;
    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();
        document.write('<div class="slides">')
    if (numposts <= json.feed.entry.length) {
    maxpost = numposts;
    }
    else
           {
      maxpost=json.feed.entry.length;
      }
    for (var i = 0; i < maxpost; 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 trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="340" height="212" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a href="'+posturl+'" class="readmore">Read more &#187;</a></div>';
    document.write(trtd);
    j++;
    }
        document.write('</div>')
    }
    //]]>
    </script>

    Keterangan :

    Perhatikan URL script warna merah diatas, itu adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.

    Kode warna biru : 7 adalah jumlah slider yang ditampilkan. Sedangkan angka 340 dan 212adalah panjang dan lebar image yang ada di slider.

  7. Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode <div id='main-wrapper'>, kemudian letakkan kode berikut ini dibawahnya :

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div id='featuredSlider'>
    <div class='container'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/sport?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>
    <div class='navigation'>
    <ul class='pagination'/>     <script>
    $(&#39;.slides&#39;).cycle({
    fx:     &#39;fade&#39;,
    speed:  &#39;slow&#39;,
    timeout: 3000,
    pager:  &#39;.pagination&#39;
    });
    </script>
    </div> </div> <!--end .container-->
    </div>
    </b:if>

    Jika Anda ingin menampilkan slider per kategori atau label tinggal ditambahkan saja kode diatas :

    /feeds/posts/default?max-results
    Menjadi :
    /feeds/posts/default/-/your label?max-results
    Silahkan ganti "your label" dengan kategori yang ingin Anda tampilkan pada slider.
  8. Terakhir, save templates dan lihat hasilnya.

Sumber : http://creatingwebsite-maskolis.blogspot.com/2012/08/membuat-slider-image-otomatis-joss.html