Archos 70 Tablet Android dengan Hardisk 250 GB

Archos 70 Tablet Android dengan Hardisk 250 GB - Tablet baru bernama Archos 70 tersebut dibekali hardisk penyimpanan berkapasitas besar, yaitu 250 GB HDD.

Dengan demikian, Archos 70 adalah tablet Android dengan kapasitas penyimpanan terbesar saat ini. Menilik spesifikasinya pun tidak memalukan, bahkan tablet berbasis Android Froyo itu terlihat bagus di atas kertas.

dari Tom's Guide, Jumat (31/

Facebook Jadi Situs Paling Sering Dikunjungi Tahun 2010

Facebook Jadi Situs Paling Sering Dikunjungi Tahun 2010, Facebook meraup pangsa pasar sekitar 8,9 persen dalam perhitungan yang dilakukan selama bulan Januari hingga November 2010 tersebut. Sementara Google harus puas di posisi kedua dengan kekuasaan 7,2 persen.

Tentu saja ini merupakan pencapaian yang luar biasa bagi Facebook. Sebab sebelumnya, Google selalu berjaya dengan menguasai ranah dunia

Koleksi Icon Social Bookmark

Dibawah ini ada beberapa koleksi icon-icon social bookmark dengan kualitas bagus yang bisa sobat jadikan koleksi. Icon merupakan bagian dari blog yang juga perlu kita perhatikan, selain mengundang minat pengunjung, icon juga bisa melambangkan pribadi seseorang. Buat sobat yang kehabisan ide untuk mempercantik blog, mungkin icon-icon ini bisa menjadi alternatif. Berikut icon-icon social bookmarknya.

1. http://webtreats.mysitemyway.com/simple-glossy-silver-social-media-icons

   

2. http://www.cutelittlefactory.com/freebies/furry-cushions-social-icons

   

3. http://webtreats.mysitemyway.com/108-glossy-black-comment-bubble-social-networking-icons

   

4. http://webtreats.mysitemyway.com/ultra-glossy-silver-button-social-media-icons

   

5. http://nishad2m8.deviantart.com/art/jeans-social-media-icon-pack-131069708

   

6. http://annanta.com/archive/wooden-social-media-icons

   

7. http://sixrevisions.com/freebies/free-set-of-social-media-icons-rivet-social

   

8. http://www.noupe.com/freebie/new-free-social-media-icon-set-for-your-blog.html

   

9. http://webtreatsetc.deviantart.com/art/108-Red-Pearl-Soc-Media-Icons-123745270

   

10. http://deepubalan.com/blog/2009/12/14/high-resolution-social-media-iconset-for-free-price-tag-style

    

11. http://webtoolkit4.me/2009/03/17/polaroid-icon-set

    

12. http://www.snap2objects.com/2007/11/06/free-vector-social-bookmark-icons

    

13. http://www.smashingmagazine.com/2008/09/10/cheers-a-free-social-icon-set

    

14. http://www.chethstudios.net/2009/02/wild-twist-social-media-icon-pack.html

    

15. http://blog.iampaddy.com/2008/11/12/web-20rigami

    

Koleksi Icon Social Bookmark

Dibawah ini ada beberapa koleksi icon-icon social bookmark dengan kualitas bagus yang bisa sobat jadikan koleksi. Icon merupakan bagian dari blog yang juga perlu kita perhatikan, selain mengundang minat pengunjung, icon juga bisa melambangkan pribadi seseorang. Buat sobat yang kehabisan ide untuk mempercantik blog, mungkin icon-icon ini bisa menjadi alternatif. Berikut icon-icon social bookmarknya.

1. http://webtreats.mysitemyway.com/simple-glossy-silver-social-media-icons

   

2. http://www.cutelittlefactory.com/freebies/furry-cushions-social-icons

   

3. http://webtreats.mysitemyway.com/108-glossy-black-comment-bubble-social-networking-icons

   

4. http://webtreats.mysitemyway.com/ultra-glossy-silver-button-social-media-icons

   

5. http://nishad2m8.deviantart.com/art/jeans-social-media-icon-pack-131069708

   

6. http://annanta.com/archive/wooden-social-media-icons

   

7. http://sixrevisions.com/freebies/free-set-of-social-media-icons-rivet-social

   

8. http://www.noupe.com/freebie/new-free-social-media-icon-set-for-your-blog.html

   

9. http://webtreatsetc.deviantart.com/art/108-Red-Pearl-Soc-Media-Icons-123745270

   

10. http://deepubalan.com/blog/2009/12/14/high-resolution-social-media-iconset-for-free-price-tag-style

    

11. http://webtoolkit4.me/2009/03/17/polaroid-icon-set

    

12. http://www.snap2objects.com/2007/11/06/free-vector-social-bookmark-icons

    

13. http://www.smashingmagazine.com/2008/09/10/cheers-a-free-social-icon-set

    

14. http://www.chethstudios.net/2009/02/wild-twist-social-media-icon-pack.html

    

15. http://blog.iampaddy.com/2008/11/12/web-20rigami

    

Daftar 10 Produk Teknologi Terbaik 2010

Ini dia Daftar10 Produk Teknologi Terbaik 2010, mau tau apa aja produk-produk teknologi terbarik tahun 2010 yang akan segera berakhir ini.

Salah satu media teknologi terkemuka, PC World, merilis 100 besar produk teknologi terbaik tahun 2010. Hampir semua produk, khususnya yang edar di Amerika Serikat dianalisa untuk menentukan mana yang paling hebat. Berikut daftar 10 besar:

1. Android 2.2

Inilah Daftar 5 Gadget Yang Gagal di Tahun 2010

Inilah Daftar 5 Gadget Yang Gagal di Tahun 2010 - Ternyata Tidak semua gadget-gadget di tahun ini yang meraih sukses ada juga yang gagal total seperti 5 Gadget berikut.

1. Microsoft Kin

Saat rilisnya, ponsel Microsoft Kin digadang-gadang memanjakan pecandu Facebook atau Twitter. Ini karena Kin didesain khusus untuk mereka yang aktif di jejaring sosial. Namun ekspektasi tinggi Microsoft berbuah

Spesifikasi Samsung Galaxy Player

Spesifikasi Samsung Galaxy Player - ini dia Saingan Baru iPod Touch kabarnya Samsung berencana menghadirkannya pada ajang Consumer Electronics Show (CES) awal Januari mendatang. Media player ini direncanakan hadir di pasaran setelah Samsung Galaxy S hadir.



Samsung Galaxy Player Pada dasarnya mirip dengan Galaxy S, namun minus fungsi telepon atau SMS. Dari sisi OS pun, Galaxy Player sudah

Paket-paket Bundling iPhone 4

Paket-paket Bundling iPhone 4 - ngintip paket bundling yang di tawarkan untuk membeli iphone yuk artikel ini saya ambil dari detikinet :D siapa tau berguna buat anda yang lagi mencari informasi buat membeli iphone pada penghujung tahun ini. sebelumnya lihat juga fitur-fitur iPhone 4 untuk lebih menyakinkan anda. langsung aja

Pada tanggal 17 Desember 2010 yang lalu, Telkomsel resmi meluncurkan

Inilah 5 Aplikasi BlackBerry Terbaik 2010

Inilah 5 Aplikasi BlackBerry Terbaik 2010 , Setelah mengetahui 5 Smartphone Android Terbaik 2010 kini kita intip 5 Aplikasi BlackBerry Terbaik di tahun 2010 yang akan segera berakhir.

Berikut kilas balik seputar 5 aplikasi terbaik BlackBerry, versi IntoMobile yang dikutip , Senin (27/12/2010).

1. Google Maps versi Mobile

Google Map menjadi aplikasi paling populer, melebihi BlackBerry map

Inilah 5 Ponsel Berbasis Android Terbaik 2010

Mau tau 5 Ponsel Android Terbaik 2010 ? siapa tahu kamu ingin membeli ponsel berbasis android, tapi masih bingung ? kalu gitu lihat aja 5 Ponsel Android Terbaik 2010 ini siapa tau bisa membantu kamu memutuskannya.

Berikut 5 besar smartphone Android yang dinilai punya performa terbaik tahun ini, disarikan dari eWeek, Senin (27/12/2010):

1. Samsung Epic 4G

Boleh dibilang, Epic 4G adalah

Harga Nokia X2-01

Harga Nokia X2-01, Nokia Indonesia mulai menjual ponsel qwerty X2-01 mereka ke sejumlah toko retail di Indonesia. Nokia X2-01 bisa didapatkan di ritel resmi Nokia dengan harga Rp 899.000. dan yang menarik adalah Dalam kegiatan Nokia Fun to the Max ini yang digelar Minggu 26 Desember, Nokia X2-01 dijual dengan harga spesial Rp 699.000,- di Depok, Bekasi, Pontianak, Banjarmasin, Sukabumi, Cirebon,

Rumor Fitur Ipad 2

Rumor Fitur Ipad 2 - iPad generasi kedua kabarnya akan di dikeluarkan untuk 2011, namun entah kapan tepatnya itu tak diketahui pasti oleh karena itu berbagai pihak sudah mulai menebarkan rumor seputar iPad yang generasi kedua ini.


Ipad generasi pertama

Berikut adalah beberapa di antaranya:

* Perubahan desain - Termasuk, mengikuti iPhone 4 sehingga punggungnya menjadi datar. Selain ada

Google Rilis Top Searching di Tahun 2010

Setelah sekian lama saya mengistirahatkan blog ini, akhirnya saya kembali mencoba menulis lagi dengan informasi ringan tentang top searching google di tahun 2010. Ada yang menanjak naik drastis dan stabil, ada pula yang naik drastis dan menghilang dengan cepat. Hal ini sebagai upaya google untuk memberikan informasi buat pengguna internet yang sebagian besar juga pemilik website atau blog seperti kita agar bisa lebih selektif dalam memilih kata kunci.

 

 

Sebagai contoh, pencarian di bidang entertainment :

1. justin bieber
2. shakira
3. eminem
4. netflix
5. youtube videos
6. lady gaga
7. kesha
8. nicki minaj
9. grooveshark
10. transformers 3

 

 

atau, pencarian di bidang olahraga :

1. mundial 2010
2. olympics
3. espn3
4. fifa 11
5. randy moss
6. miami heat
7. mourinho
8. wayne rooney
9. cricket live score
10. david villa

 

 

dan masih banyak lagi daftar pencarian terbaik tahun 2010. Silahkan di cek sendiri, semoga informasi ringan ini bisa bermanfaat.

Google Rilis Top Searching di Tahun 2010

Setelah sekian lama saya mengistirahatkan blog ini, akhirnya saya kembali mencoba menulis lagi dengan informasi ringan tentang top searching google di tahun 2010. Ada yang menanjak naik drastis dan stabil, ada pula yang naik drastis dan menghilang dengan cepat. Hal ini sebagai upaya google untuk memberikan informasi buat pengguna internet yang sebagian besar juga pemilik website atau blog seperti kita agar bisa lebih selektif dalam memilih kata kunci.

 

 

Sebagai contoh, pencarian di bidang entertainment :

1. justin bieber
2. shakira
3. eminem
4. netflix
5. youtube videos
6. lady gaga
7. kesha
8. nicki minaj
9. grooveshark
10. transformers 3

 

 

atau, pencarian di bidang olahraga :

1. mundial 2010
2. olympics
3. espn3
4. fifa 11
5. randy moss
6. miami heat
7. mourinho
8. wayne rooney
9. cricket live score
10. david villa

 

 

dan masih banyak lagi daftar pencarian terbaik tahun 2010. Silahkan di cek sendiri, semoga informasi ringan ini bisa bermanfaat.

Fitur-Fitur di iPhone 4

Berikut inilah Fitur-fitur di iPhone 4, anda tertarik untuk membeli iPhone 4 ? tetapi masih ragu mungkin sedikit info tentang fitur di iPhone 4 ini bisa memutuskan anda untuk membeli smartphone ini atau tidak, berikut artikel yang saya ambil dari detik, karana untuk saya pribadi menganggap Harga iPhone 4 terlalu mahal :D (ketaun kerenya).



fitur-fitur yang ada di iPhone 4

FaceTime
membuat

Harga Preorder LG Optimus 2X

Harga Preorder LG Optimus 2X, akhirnya mulai terungkap juga harga ponsel pertama dengan prosesor Tegra 2 ini.


Spesifikasi LG Optimus 2X

Pada situs yang bermarkas di Swedia, cdon, diketahui bahwa LG Optimus 2X akan dibanderol di kisaran 550 euro (Rp6,6 jutaan) untuk pre-order.

Adapun untuk pembelian kontrak harga yang dibanderol sekitar 340 euro (Rp4,1 jutaan) untuk jangka waktu kontrak 2

Aplikasi Terlaris App Store di 2010

Tahukah kamu apa Aplikasi Terlaris App Store di 2010 ? Apakah aplikasi favorit kamu termasuk di dalamnya? yup Apple mengeluarkan daftar aplikasi terpopuler mereka yang laris diunduh di App Store di penghujung tahun 2010 ini,



Berikut adalah daftar aplikasi gratis dan berbayar pada iPhone, iPod Touch dan iPad. Yang dikutip dari techtree,

Most Downloaded Free iPhone/iPod Touch Games For 2010

Jampete Blogger Template

Jampete blogger template adalah template blogger yang sengaja saya buat dengan desain sederhana. Sama halnya dengan template green hurdico dan green spitial, jampete sengaja saya buat dengan kolom terpisah antara postingan dan sidebar. Dan seperti biasa 3 kolom pada bagian footer menjadi alternatif untuk meletakkan widget-widget yang berlebihan juga saya tambahkan pada jampete.

 

 

Berbeda dari template-template sebelumnya, kali ini saya coba tambahkan slider menu pada bagian atas. Namun begitu slider menu tersebut tidak mutlak harus digunakan karena saya memberikan 2 pilihan yaitu jampete full version (dengan slider menu) dan jampete biasa (tanpa slider menu). Untuk itu, jika slider tersebut terasa berat maka bisa menggunakan jampete versi biasa.

 

Adapun fitur-fitur pada template ini antara lain :

2 kolom utama (post dan sidebar), menu 1 yang letaknya diatas header, banner dengan ukuran 468 x 60 pada bagian header, menu 2 diatas kolom postingan dan tentunya slider menu serta 3 kolom pada bagian footer.

 

Semoga tertarik dan tak lupa saya ucapkan banyak terima kasih buat sobat yang selama ini sudah menggunakan template-template buatan saya.

• Live Demo
• Download Theme

Jampete Blogger Template

Jampete blogger template adalah template blogger yang sengaja saya buat dengan desain sederhana. Sama halnya dengan template green hurdico dan green spitial, jampete sengaja saya buat dengan kolom terpisah antara postingan dan sidebar. Dan seperti biasa 3 kolom pada bagian footer menjadi alternatif untuk meletakkan widget-widget yang berlebihan juga saya tambahkan pada jampete.

 

 

Berbeda dari template-template sebelumnya, kali ini saya coba tambahkan slider menu pada bagian atas. Namun begitu slider menu tersebut tidak mutlak harus digunakan karena saya memberikan 2 pilihan yaitu jampete full version (dengan slider menu) dan jampete biasa (tanpa slider menu). Untuk itu, jika slider tersebut terasa berat maka bisa menggunakan jampete versi biasa.

 

Adapun fitur-fitur pada template ini antara lain :

2 kolom utama (post dan sidebar), menu 1 yang letaknya diatas header, banner dengan ukuran 468 x 60 pada bagian header, menu 2 diatas kolom postingan dan tentunya slider menu serta 3 kolom pada bagian footer.

 

Semoga tertarik dan tak lupa saya ucapkan banyak terima kasih buat sobat yang selama ini sudah menggunakan template-template buatan saya.

• Live Demo
• Download Theme

Cara Pasang Slidshow di Blog

Kali ini saya akan berikan tutorial cara pasang slidshow di blog. Saya mengambil kode yang paling sederhana dengan menu slidshow yang juga sangat sederhana. Slidshow sendiri fungsinya sebagai navigasi link yang biasanya diletakkan dibawah header, dan selalu menampilkan gambar sebagai pemanis agar pengunjung tertarik untuk mengklik isi yang dimaksud. Untuk demo saya gunakan template gris-amarillo dan meletakkannya di dalam main post, silahkan cek disini.

 

Kode css yang akan saya berikan tidak mutlak harus sama, karena setiap template pasti berbeda terutama dalam tutorial ini adalah lebar kolom postingan. Untuk demo saya gunakan template yang lebar postingannya kurang lebih 540px. Buat sobat yang memiliki lebar kolom post lebih atau kurang dari 540px silahkan disesuaikan saja.

 

1. Masuk ke Edit HTML.
2. Jangan klik Expand Template Widget karena akan membuat sobat jadi pusing dengan kode yang panjang.
3. Copas kode berikut diatas kode ]]></b:skin>

    

   /* SLIDESHOW */
   #slider-holder{width:540px;height:300px;overflow:hidden;margin-left:-15px;padding:0}
   #s3slider{width:540px;height:300px;position:relative;overflow:hidden}
   #s3sliderContent{width:540px;position:absolute;top:0;margin-left:0}
   .s3sliderImage{float:left;position:relative;display:none}
   .s3sliderImage span{position:absolute;left:0;font-weight:700;font-size:12px;color:#fff;height:70px;width:540px;background-color:#4e4d3c;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;display:none;bottom:0;padding:10px}
   .s3sliderImage span a.featured-title:link,.s3sliderImage span a.featured-title:visited{color:#FFF;font-size:14px;padding:0 0 2px}
   .s3sliderImage span a.featured-title:hover{color:#999}
   .s3sliderImage span a:link,.s3sliderImage span a:visited{color:#888}
   .s3sliderImage span a:hover{color:#555}

4. Kemudian copas kode berikut diatas kode </head>

    

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' type='text/javascript'/>
   <script type='text/javascript'>
   <!--//--><![CDATA[//><!--

   (function($){ 

       $.fn.s3Slider = function(vars) {      
           var element     = this;
           var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;
           var current     = null;
           var timeOutFn   = null;
           var faderStat   = true;
           var mOver       = false;
           var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");
           var itemsSpan   = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
           items.each(function(i) {
               $(items[i]).mouseover(function() {
                  mOver = true;
               });
               $(items[i]).mouseout(function() {
                   mOver   = false;
                   fadeElement(true);
               });
           });
           var fadeElement = function(isMouseOut) {
               var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
               thisTimeOut = (faderStat) ? 10 : thisTimeOut;
               if(items.length > 0) {
                   timeOutFn = setTimeout(makeSlider, thisTimeOut);
               } else {
                   console.log("Poof..");
               }
           }
           var makeSlider = function() {
               current = (current != null) ? current : items[(items.length-1)];
               var currNo      = jQuery.inArray(current, items) + 1
               currNo = (currNo == items.length) ? 0 : (currNo - 1);
               var newMargin   = $(element).width() * currNo;
               if(faderStat == true) {
                   if(!mOver) {
                       $(items[currNo]).fadeIn((timeOut/6), function() {
                           if($(itemsSpan[currNo]).css('bottom') == 0) {
                               $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                                   faderStat = false;
                                   current = items[currNo];
                                   if(!mOver) {
                                       fadeElement(false);
                                   }
                               });
                           } else {
                               $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                                   faderStat = false;
                                   current = items[currNo];
                                   if(!mOver) {
                                       fadeElement(false);
                                   }
                               });
                           }
                       });
                   }
               } else {
                   if(!mOver) {
                       if($(itemsSpan[currNo]).css('bottom') == 0) {
                           $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                               $(items[currNo]).fadeOut((timeOut/6), function() {
                                   faderStat = true;
                                   current = items[(currNo+1)];
                                   if(!mOver) {
                                       fadeElement(false);
                                   }
                               });
                           });
                       } else {
                           $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                           $(items[currNo]).fadeOut((timeOut/6), function() {
                                   faderStat = true;
                                   current = items[(currNo+1)];
                                   if(!mOver) {
                                       fadeElement(false);
                                   }
                               });
                           });
                       }
                   }
               }
           }
           makeSlider();

       }; 

   })(jQuery); 
   //--><!]]></script>

   <script type='text/javascript'>
   $(document).ready(function() {
   $(&#39;#s3slider&#39;).s3Slider({
   timeOut: 4000
   });
   });
   </script>

5. Setelah itu siapkan gambar dan url yang akan ditampilkan dalam menu slideshow, jika sudah ada gambar dan url-nya, silahkan sobat copas kode berikut setelah kode <div id='main-wrapper'>

    

   <div id='slider-holder'>
   <div id='s3slider'>
   <ul id='s3sliderContent'>

   
   <li class='s3sliderImage' style='display: list-item;'>
   <a href='LETAK LINK DISINI 1'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMDZWA5yHoi2RPwb6JFNzEFfh2eIb3iHw7mhj7teZvDq_JQ-dUEyrSsLnV8cuHrOa0IrZDMGxk-Ff0Ahyd0vqaY3yJAF4TKQU_rTLTsBzBIpAwh9tsunmH_Vab6WVdGnlz_VOSTy0o8Q/s1600/2.jpg' style='width: 540px; height: 300px;'/></a>
   <span style='display: block;'>
   <a class='featured-title block' href='LETAK LINK DISINI 1'>JUDUL POST 1</a><br/>
   Isi diskripsi tentang gambar diatas
   </span>

   </li>

   
   <li class='s3sliderImage' style='display: none;'>
   <a href='LETAK LINK DISINI 2'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjQVm6Tt8nCqH8sePgEn1off4jpf1D0vFCynrufNgBZHhWEdses-wjaVamIeWtnJWZvvE8XL0t3rrOU9Su4taMySoNbObuvv0BqGmetOffhCDyuqsRmfniNbjf665viR37CLw9qMj48Q/s1600/4.jpg' style='width: 540px; height: 300px;'/></a>
   <span style='display: none;'>
   <a class='featured-title block' href='LETAK LINK DISINI 2'>JUDUL POST 2</a><br/>
   Isi diskripsi tentang gambar diatas
   </span>
   </li>

   
   <li class='s3sliderImage' style='display: none;'>
   <a href='LETAK LINK DISINI 3'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNkiBgGBRdL99wAJxeYt-yhny9Qwj7vtZ2GfoeMkGXWsGCl4Q1nXTEdlEYZdGqZqa7fUDfY4QVKwNupCK-LpWDTkJVrwiS6aJVrYmM0fgX2uCzv0SKf6_zC6x0KVLTipfuIAjaKlT9TUo/s1600/2.jpg' style='width: 540px; height: 300px;'/></a>
   <span style='display: none;'>
   <a class='featured-title block' href='LETAK LINK DISINI 3'>JUDUL POST 3</a><br/>
   Isi diskripsi tentang gambar diatas
   </span>
   </li>

    

   <li class='s3sliderImage' style='display: none;'>
   <a href='LETAK LINK DISINI 4'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU6QeIaSAD5-HO1F2nBkhMsrx6JsMIU3BFV3J6kEHH-CGGfLxBcwhRWcRmJQ9UqNU6L2BxRJDr7988oKStL2J9i-lXhWTI6wrEPuKz76wtnTgGG5oZ9euPyyyHOe9Sj_FbldRd3PG770Y/s1600/3.jpg' style='width: 540px; height: 300px;'/></a>
   <span style='display: none;'>
   <a class='featured-title block' href='LETAK LINK DISINI 4'>JUDUL POST 4</a><br/>
   Isi diskripsi tentang gambar diatas
   </span>
   </li>

   
   <li class='s3sliderImage' style='display: none;'>
   <a href='LETAK LINK DISINI 5'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRCKBhwCbg59m6V6uT6bECFmBRGKOXX3fjx3J45oR2L0e8AAaY6AnDZRSPd6XcLYOwLdyN-VGcRinnFVTj1k9havymuyHfni8oXNygJ7wqDYQf5cK8TmE6ChdYlk8YD4ub-4iSWVWKmwo/s1600/4.jpg' style='width: 540px; height: 300px;'/></a>
   <span style='display: none;'>
   <a class='featured-title block' href='LETAK LINK DISINI 5'>JUDUL POST 5</a><br/>
   Isi diskripsi tentang gambar diatas
   </span>
   </li>

   
   <li class='clear s3sliderImage'/>

   </ul>
   </div>
   </div>

6. Simpan Template

 

 

Keterangan :

• Perhatikan lebar 540px, silahkan sesuaikan saja dengan lebar post template sobat.
• Lihat tulisan yang berwarna ungu pada kode css-nya, saya gunakan margin-left:-15px karena menyesuaikan dengan demo template yang saya gunakan.
• Kode yang berwarna pink adalah kode url untuk gambar yang sudah sobat upload sebelumnya.
• dan kode dengan tulisan tebal pastinya bisa dimengerti dan jelas saya tulis disitu.

 

Cukup panjang, semoga berhasil ya !

Cara Pasang Slidshow di Blog

Kali ini saya akan berikan tutorial cara pasang slidshow di blog. Saya mengambil kode yang paling sederhana dengan menu slidshow yang juga sangat sederhana. Slidshow sendiri fungsinya sebagai navigasi link yang biasanya diletakkan dibawah header, dan selalu menampilkan gambar sebagai pemanis agar pengunjung tertarik untuk mengklik isi yang dimaksud. Untuk demo saya gunakan template gris-amarillo dan meletakkannya di dalam main post, silahkan cek disini.

 

Kode css yang akan saya berikan tidak mutlak harus sama, karena setiap template pasti berbeda terutama dalam tutorial ini adalah lebar kolom postingan. Untuk demo saya gunakan template yang lebar postingannya kurang lebih 540px. Buat sobat yang memiliki lebar kolom post lebih atau kurang dari 540px silahkan disesuaikan saja.

 

1. Masuk ke Edit HTML.
2. Jangan klik Expand Template Widget karena akan membuat sobat jadi pusing dengan kode yang panjang.
3. Copas kode berikut diatas kode ]]></b:skin>

    

   /* SLIDESHOW */
   #slider-holder{width:540px;height:300px;overflow:hidden;margin-left:-15px;padding:0}
   #s3slider{width:540px;height:300px;position:relative;overflow:hidden}
   #s3sliderContent{width:540px;position:absolute;top:0;margin-left:0}
   .s3sliderImage{float:left;position:relative;display:none}
   .s3sliderImage span{position:absolute;left:0;font-weight:700;font-size:12px;color:#fff;height:70px;width:540px;background-color:#4e4d3c;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;display:none;bottom:0;padding:10px}
   .s3sliderImage span a.featured-title:link,.s3sliderImage span a.featured-title:visited{color:#FFF;font-size:14px;padding:0 0 2px}
   .s3sliderImage span a.featured-title:hover{color:#999}
   .s3sliderImage span a:link,.s3sliderImage span a:visited{color:#888}
   .s3sliderImage span a:hover{color:#555}

4. Kemudian copas kode berikut diatas kode </head>

    

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' type='text/javascript'/>
   <script type='text/javascript'>
   <!--//--><![CDATA[//><!--

   (function($){ 

       $.fn.s3Slider = function(vars) {      
           var element     = this;
           var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;
           var current     = null;
           var timeOutFn   = null;
           var faderStat   = true;
           var mOver       = false;
           var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");
           var itemsSpan   = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
           items.each(function(i) {
               $(items[i]).mouseover(function() {
                  mOver = true;
               });
               $(items[i]).mouseout(function() {
                   mOver   = false;
                   fadeElement(true);
               });
           });
           var fadeElement = function(isMouseOut) {
               var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
               thisTimeOut = (faderStat) ? 10 : thisTimeOut;
               if(items.length > 0) {
                   timeOutFn = setTimeout(makeSlider, thisTimeOut);
               } else {
                   console.log("Poof..");
               }
           }
           var makeSlider = function() {
               current = (current != null) ? current : items[(items.length-1)];
               var currNo      = jQuery.inArray(current, items) + 1
               currNo = (currNo == items.length) ? 0 : (currNo - 1);
               var newMargin   = $(element).width() * currNo;
               if(faderStat == true) {
                   if(!mOver) {
                       $(items[currNo]).fadeIn((timeOut/6), function() {
                           if($(itemsSpan[currNo]).css('bottom') == 0) {
                               $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                                   faderStat = false;
                                   current = items[currNo];
                                   if(!mOver) {
                                       fadeElement(false);
                                   }
                               });
                           } else {
                               $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                                   faderStat = false;
                                   current = items[currNo];
                                   if(!mOver) {
                                       fadeElement(false);
                                   }
                               });
                           }
                       });
                   }
               } else {
                   if(!mOver) {
                       if($(itemsSpan[currNo]).css('bottom') == 0) {
                           $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                               $(items[currNo]).fadeOut((timeOut/6), function() {
                                   faderStat = true;
                                   current = items[(currNo+1)];
                                   if(!mOver) {
                                       fadeElement(false);
                                   }
                               });
                           });
                       } else {
                           $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                           $(items[currNo]).fadeOut((timeOut/6), function() {
                                   faderStat = true;
                                   current = items[(currNo+1)];
                                   if(!mOver) {
                                       fadeElement(false);
                                   }
                               });
                           });
                       }
                   }
               }
           }
           makeSlider();

       }; 

   })(jQuery); 
   //--><!]]></script>

   <script type='text/javascript'>
   $(document).ready(function() {
   $(&#39;#s3slider&#39;).s3Slider({
   timeOut: 4000
   });
   });
   </script>

5. Setelah itu siapkan gambar dan url yang akan ditampilkan dalam menu slideshow, jika sudah ada gambar dan url-nya, silahkan sobat copas kode berikut setelah kode <div id='main-wrapper'>

    

   <div id='slider-holder'>
   <div id='s3slider'>
   <ul id='s3sliderContent'>

   
   <li class='s3sliderImage' style='display: list-item;'>
   <a href='LETAK LINK DISINI 1'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMDZWA5yHoi2RPwb6JFNzEFfh2eIb3iHw7mhj7teZvDq_JQ-dUEyrSsLnV8cuHrOa0IrZDMGxk-Ff0Ahyd0vqaY3yJAF4TKQU_rTLTsBzBIpAwh9tsunmH_Vab6WVdGnlz_VOSTy0o8Q/s1600/2.jpg' style='width: 540px; height: 300px;'/></a>
   <span style='display: block;'>
   <a class='featured-title block' href='LETAK LINK DISINI 1'>JUDUL POST 1</a><br/>
   Isi diskripsi tentang gambar diatas
   </span>

   </li>

   
   <li class='s3sliderImage' style='display: none;'>
   <a href='LETAK LINK DISINI 2'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjQVm6Tt8nCqH8sePgEn1off4jpf1D0vFCynrufNgBZHhWEdses-wjaVamIeWtnJWZvvE8XL0t3rrOU9Su4taMySoNbObuvv0BqGmetOffhCDyuqsRmfniNbjf665viR37CLw9qMj48Q/s1600/4.jpg' style='width: 540px; height: 300px;'/></a>
   <span style='display: none;'>
   <a class='featured-title block' href='LETAK LINK DISINI 2'>JUDUL POST 2</a><br/>
   Isi diskripsi tentang gambar diatas
   </span>
   </li>

   
   <li class='s3sliderImage' style='display: none;'>
   <a href='LETAK LINK DISINI 3'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNkiBgGBRdL99wAJxeYt-yhny9Qwj7vtZ2GfoeMkGXWsGCl4Q1nXTEdlEYZdGqZqa7fUDfY4QVKwNupCK-LpWDTkJVrwiS6aJVrYmM0fgX2uCzv0SKf6_zC6x0KVLTipfuIAjaKlT9TUo/s1600/2.jpg' style='width: 540px; height: 300px;'/></a>
   <span style='display: none;'>
   <a class='featured-title block' href='LETAK LINK DISINI 3'>JUDUL POST 3</a><br/>
   Isi diskripsi tentang gambar diatas
   </span>
   </li>

    

   <li class='s3sliderImage' style='display: none;'>
   <a href='LETAK LINK DISINI 4'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU6QeIaSAD5-HO1F2nBkhMsrx6JsMIU3BFV3J6kEHH-CGGfLxBcwhRWcRmJQ9UqNU6L2BxRJDr7988oKStL2J9i-lXhWTI6wrEPuKz76wtnTgGG5oZ9euPyyyHOe9Sj_FbldRd3PG770Y/s1600/3.jpg' style='width: 540px; height: 300px;'/></a>
   <span style='display: none;'>
   <a class='featured-title block' href='LETAK LINK DISINI 4'>JUDUL POST 4</a><br/>
   Isi diskripsi tentang gambar diatas
   </span>
   </li>

   
   <li class='s3sliderImage' style='display: none;'>
   <a href='LETAK LINK DISINI 5'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRCKBhwCbg59m6V6uT6bECFmBRGKOXX3fjx3J45oR2L0e8AAaY6AnDZRSPd6XcLYOwLdyN-VGcRinnFVTj1k9havymuyHfni8oXNygJ7wqDYQf5cK8TmE6ChdYlk8YD4ub-4iSWVWKmwo/s1600/4.jpg' style='width: 540px; height: 300px;'/></a>
   <span style='display: none;'>
   <a class='featured-title block' href='LETAK LINK DISINI 5'>JUDUL POST 5</a><br/>
   Isi diskripsi tentang gambar diatas
   </span>
   </li>

   
   <li class='clear s3sliderImage'/>

   </ul>
   </div>
   </div>

6. Simpan Template

 

 

Keterangan :

• Perhatikan lebar 540px, silahkan sesuaikan saja dengan lebar post template sobat.
• Lihat tulisan yang berwarna ungu pada kode css-nya, saya gunakan margin-left:-15px karena menyesuaikan dengan demo template yang saya gunakan.
• Kode yang berwarna pink adalah kode url untuk gambar yang sudah sobat upload sebelumnya.
• dan kode dengan tulisan tebal pastinya bisa dimengerti dan jelas saya tulis disitu.

 

Cukup panjang, semoga berhasil ya !

Alakadarnya Blogger Template

Alakadarnya blogger template adalah sebuah template yang memang alakadarnya dan seadanya. Itulah sebabnya mengapa saya beri nama template ini dengan nama alakadarnya. Mengusung tema yang sama dengan sebelumnya, saya coba berikan template blogger sederhana namun tampak menarik dengan sedikit sentuhan garis lengkung pada setiap sisi. Saya berikan juga tambahan padding sebesar 20px pada garis tepi sehingga tampak seperti border.

 

Template ini memiliki 2 kolom, 1 kolom postingan dan 1 kolom sidebar yang terletak di sebelah kanan. Dan tambahan 3 kolom footer membuat alakadarnya memiliki banyak tempat untuk meletakan widget atau link. Selain itu saya tambahkan warna kontras merah pada menu horizontal, dan hover gelap selaras dengan bagian utama template. Kemudian tambahan banner ukuran 468 x 60 pada bagian header yang merupakan kebutuhan kebanyakan blogger untuk memasang banner mereka. Saya rasa itu saja penjelasan tentang Alakadarnya blogger template, semoga tertarik.

• Live Demo
• Download Theme

Alakadarnya Blogger Template

Alakadarnya blogger template adalah sebuah template yang memang alakadarnya dan seadanya. Itulah sebabnya mengapa saya beri nama template ini dengan nama alakadarnya. Mengusung tema yang sama dengan sebelumnya, saya coba berikan template blogger sederhana namun tampak menarik dengan sedikit sentuhan garis lengkung pada setiap sisi. Saya berikan juga tambahan padding sebesar 20px pada garis tepi sehingga tampak seperti border.

 

Template ini memiliki 2 kolom, 1 kolom postingan dan 1 kolom sidebar yang terletak di sebelah kanan. Dan tambahan 3 kolom footer membuat alakadarnya memiliki banyak tempat untuk meletakan widget atau link. Selain itu saya tambahkan warna kontras merah pada menu horizontal, dan hover gelap selaras dengan bagian utama template. Kemudian tambahan banner ukuran 468 x 60 pada bagian header yang merupakan kebutuhan kebanyakan blogger untuk memasang banner mereka. Saya rasa itu saja penjelasan tentang Alakadarnya blogger template, semoga tertarik.

• Live Demo
• Download Theme

Update Post Ke Twitter Via FeedBurner

Untuk meningkatkan pengunjung blog, update postingan ke situs-situs social bookmark merupakan hal yang mutlak dilakukan. Seperti update post di facebook, twitter juga tempat yang wajib kita isi dengan postingan-postingan blog kita. Untuk itu ada cara mudah melakukannya tanpa harus menulis manual di twitter, yaitu dengan menggunakan jasa feedburner.

 

Pertama-tama yang harus sobat lakukan adalah mendaftar di feedburner, kemudian isi dengan url atau feed blog sobat. Jika sudah, sekarang tinggal setting sedikit pada bagian social bookmark.

 

1. Klik pada link yang sudah sobat daftarkan sebelumnya.

    

   
2. Kemudian klik pada tab Publicize.

    

   
3. Klik pada Socialize pada bagian samping.

    

   
4. Masukkan account twitter sobat dengan mengklik Add a Twitter account.

    

   
5. Login dengan account twitter sobat.
6. Kemudian perhatikan tampilan format yang akan ditampilkan dalam postingan di twitter.

    

   
7. Pada bagian Post content ganti dengan Title and Body untuk menampilkan judul dan isi post.
8. Jika sudah selesai, maka klik Active pada bagian paling bawah.

    

   

 

Selamat mencoba !

Cara Membuat Tulisan Besar Pada Awal Postingan

Kemarin saya mendapat email dari sobat johan yang menanyakan perihal membuat huruf yang besar pada awal postingan. Sebenarnya jika ingin tau bisa saja searching di google tentang hal ini karena memang sangat banyak bloggers yang menulis tutorial ini. Saya agak lupa apakah pernah menulis tutorial huruf besar pada awal postingan ini, jadi semalam saya bongkar-bongkar lagi semua judul post dan ternyata memang belum pernah saya tulis mengenai hal ini.

 

Sekedar info buat yang baru, huruf ini akan tampil besar dan berbeda sendiri dengan huruf lain yang ada di blog kita. Biasanya bisa kita lihat di koran atau majalah. Untuk membuatnya sangat mudah, karena hanya butuh satu kode css dan sedikit sentuhan pada saat membuat postingan.

 

1. Setelah masuk blogger, silahkan klik Edit HTML.
2. Tambahkan kode berikut sebelum kode ]]>< /b:skin>

   .huruf {
   float:left;
   color:#000;
   line-height:60px; 
   padding-right:5px;
   font-family:trebuchet ms,verdana;
   font-size:60px; 
   }

3. Simpan Template.

 

 

Cara Posting

 

Tambahkan kode <span class="huruf"> sebelum huruf pertama dan </span> setelahnya. Contohnya seperti ini :

 

<span class="huruf">K</span>emarin saya mendapat email dari sobat johan yang menanyakan perihal membuat huruf yang besar pada awal postingan. Sebenarnya jika ingin tau bisa saja searching di google tentang hal ini karena memang sangat banyak bloggers yang menulis tutorial ini.

 

Sip, semoga bermanfaat !

Google’s URL Shortener

Google baru saja mengeluarkan web dengan tipe yang berbeda dari sebelumnya yaitu url shortener. Url shortener atau yang kita kenal dengan sebutan penyingkat url, biasa digunakan untuk merubah atau mempersingkat url yang panjang dan mungkin cukup ribet untuk di ingat. Masukkan url, kemudian klik “Shorten” dan url baru sudah siap digunakan.

 

 

 

Namanya adalah Goo.gl dan menurut Google memiliki beberapa keunggulan dibandingkan layanan url shortener lainnya yang sebenarnya sudah banyak beredar di internet. Berikut ini adalah kutipannya :

There are many shorteners out there with great features, so some people may wonder whether the world really needs yet another. As we said late last year, we built goo.gl with a focus on quality. With goo.gl, every time you shorten a URL, you know it will work, it will work fast, and it will keep working. You also know that when you click a goo.gl shortened URL, you’re protected against malware, phishing and spam using the same industry-leading technology we use in search and other products.

Setelah mencobanya saya rasa memang layanan yang satu ini berbeda dari layanan url shortener lainnya. Bagi sobat yang mempunyai url panjang dan cukup ribet sobat bisa mencoba layanan dari google ini.

Tool Lengkap Untuk Tes Kecepatan Loading Blog

Seperti yang kita ketahui bahwa kecepatan loading blog merupakan faktor yang sangat penting. Tidak hanya berpengaruh pada pengunjung blog, tetapi juga digunakan sebagai parameter pencarian peringkat oleh Google saat ini. Pada tulisan saya sebelumnya, hal ini sudah pernah saya bahas tentunya dengan tools yang lain. Dan saat ini saya melihat adanya tool online yang berkerja sangat baik untuk menganalisa kecepatan loading blog.

Sobat dapat menemukannya di WebPageTest.org. Hal yang pertama-tama sobat perlu lakukan adalah dengan memasukkan URL dari blog sobat, memilih lokasi geografis untuk melakukan tes, pilih beberapa pilihan dan kemudian klik "Submit". Dibutuhkan waktu sekitar 10-20 detik atau bahkan lebih untuk menyelesaikan tes ini, dan kemudian sobat akan melihat hasilnya seperti pada gambar berikut :

 

 

Disini sobat akan memperoleh waktu loading blog sobat pada kunjungan pertama dan kedua, hasilnya pun akan berbeda . Tool ini akan mempelihatkan grafik apa saja load yang gagal dan elemen apa yang paling banyak dalam blog sobat.

 

Terlihat pada saat loading pertama, blog saya terbaca sampai 8.455 detik dan 2,815 detik pada kunjungan ke-2, masih jauh dari standard. Ketika saya amati, bahwa load gambar-gambar pada blog ini yang banyak menghabiskan waktu sehingga membuat loading blog saya jadi lambat.

 

Bagaimana dengan blog sobat? silahkan di coba dan analisa kecepatan blog sobat dengan segera.

Free Ping Service

Sekarang saya akan berbagi tentang ping service, yang saya artikan seperti sebuah mesin otomatis yang ketika kita klik maka mesin tersebut akan mengindeks artikel-artikel dari blog kita ke beberapa mesin pencari, seperti google, yahoo, dan berbagai situs-situs social bookmark lainnya. Jadi ping service adalah sebuah alat otomatis berbentuk web yang berfungsi menyebarkan artikel blog ke berbagai situs populer di seluruh dunia yang selalu dikunjungi orang.

 

Sebelum menggunakan ping service, saya sarankan sebaiknya lakukan ping setelah menulis postingan terbaru sehingga mesin pencari tahu bahwa sobat punya konten terbaru dan jangan terlalu sering menggunakan jasa ping service karena bisa saja dianggap spam yang mungkin bisa merugikan blog sobat. Seperti pengalaman blog ini yang pernah terkena google sandbox sehingga membuat blog ini menghilang dari mesin pencari.

 

Dibawah ini ada beberapa situs ping service yang selalu saya gunakan untuk mengupdate artikel-artikel blog saya, semoga bermanfaat.

 

1. My Page Rank

   Submit Gratis memungkinkan sobat mengirimkan URL blog sobat ke 20 search engine populer.

2. Pingler.com

   Gunakan Pingler.com untuk Drive Traffic Blog dan Website sobat. Gunakan Pingler.com untuk Ping Blog.

3. Ping-o-Matic!

   Ping-O-Matic adalah sebuah layanan untuk memperbarui mesin pencari yang berbeda untuk mengetahui bahwa blog Anda telah diperbarui.

4. Autopinger

   Ping blog otomatis.

5. Feed Ping

   Layanan Submission Blog Multiple - Website FEED PING dan Pelayanan Feed Blog Multiple.

6. PING.IN

   Blog dan ping, Blog Search, Speed Test.

7. King Ping

   Update ping untuk mendapatkan hasil terbaik dari semua search engine.

8. Pingoat

   Ping lebih dari lima puluh layanan blog secara instan. Pingoat juga memiliki server XML-RPC. Ping layanan seperti Technorati, NewsGator, feedster.

9. Totalping

   Ping blog otomatis ke lebih dari 20 layanan blog.

10. Ping4free

    Harus mendaftar dahulu sebelum melakukan ping.

 

Silahkan pilih yang menurut sobat bagus dan semoga bermanfaat dan bisa menaikkan traffic blog sobat.