Memasang Read More Otomatis di Blogspot

Pada saat mengisi arsip di blog, kita mungkin kurang nyaman melihat tampilan isi blog yang terlalu panjang. Dengan adanya read more otomatis, kita bisa meminimalkan isi blog dan membuat tampilan blog kita lebih rapi untuk ditampilkan. Dibawah ini adalah cara menambahkan read more otomatis di blog.
Pertama:
1. Silahkan menuju menu DESIGN -> Edit HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> jangan lupa save template/simpanterlebih dahulu.
Langsung copy paste aja kode dibawah ini:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 280;
summary_img = 250;
img_thumb_height = 70;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 2px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
</b:if>
</b:if>

2. Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script 
type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - 
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Setelah itu, silahkan klik preview apabila anda masih ragu-ragu lalu silahkan disimpan dan lihat hasilnya. 

Keterangan:

var thumbnail_mode = "float";  (kita dapat memutuskan apakah 
letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti 
dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan 
di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di 
posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

READ MORE - Memasang Read More Otomatis di Blogspot

Teks Animasi dengan Efek Neon Light

Membuat teks animasi dengan efek neon light (Neon Lights Text II)

Jika sebelumnya pernah memposting panduan blog tentang efek neon pada teksdimana teks menyala dari kiri ke kanan hingga semua teks akan terlihat menyala. Maka dengan script berikut akan terlihat efek menyala tetap dari kiri ke kanan namun hanya satu karakter saja yang menyala.

Jika tertarik mencoba efek neon pada text ini , silahkan copy script di bawah ini kemudian masukkan ke dalam gadget html/javascript atau ke dalam postingan,
Scriptnya bisa dilihat di bawah ini :

<h2><script language="JavaScript1.2">
//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//visit http://www.beta-cc.de
//Visit http://www.dynamicdrive.com for this script

var message="Selamat datang di blog pemula ini!"
var neonbasecolor="gray"
var neontextcolor="yellow"
var neontextcolor2="#FFFFA8"
var flashspeed=100 // speed of flashing in milliseconds
var flashingletters=3 // number of letters flashing in neontextcolor
var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0 // the pause between flash-cycles in milliseconds

///No need to edit below this line/////
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></h2>

Keterangan :
Ganti teks Selamat datang di blog pemula ini dengan teks yang ingin ditampilkan
Pada var neonbasecolor="gray" bisa ganti gray dengan warna lain
Pada var neontextcolor="yellow" bisa ganti yellow dengan warna lain
Pada var neontextcolor2="#FFFFA8" bisa ganti #FFFFA8 dengan warna lain
Pada var flashspeed=100 bisa ganti 100 dengan speed yang diinginkan

Sumber
http://www.komputerseo.com/2011/01/membuat-teks-animasi-dengan-efek-neon.html

READ MORE - Teks Animasi dengan Efek Neon Light

Tentang Android 3.0/3.1 Honeycomb

 Android versi 3.0/3.1 (Honeycomb) 

       Android adalah sistem operasi yang berbasis Linux untuk telepon seluler seperti telepon pintar dan komputer tablet. Android menyediakan platform terbuka bagi para pengembang untuk menciptakan aplikasi mereka sendiri untuk digunakan oleh bermacam peranti bergerak. Dalam Android terdapat beberapa versi, berikut akan dibahan Android versi 3.0 (Honeycomb).

     Inilah Versi android yang paling ditunggu-tunggu, terutama bagi pemakai Tablet karena Honeycomb memang lebih dioptimalkan untuk sebuah Tablet.

       Android versi ini mendukung ukuran layar yang lebih besar. User Interface pada Honeycomb juga berbeda karena sudah didesain untuk tablet. Honeycomb juga mendukung multi prosesor dan juga akselerasi perangkat keras (hardware) untuk grafis. Tablet pertama yang dibuat dengan menjalankan Honeycomb adalah Motorola Xoom.

Fiture:

·  Tab, bukan Windows

·  Mudah mengakses akun Gmail plus "Action Bar"

·  Mendukung grafis tiga dimensi

·  Mampu menampilkan layanan Google Map lebih rinci dan dalam bentuk tiga dimensi.

·  Tambahan fitur untuk perusahaan

·  Keyboard Virtual komplit.

     Android Versi 3 yang disebut Honeycomb ini adalah sistem operasi yang dirancang untuk kebutuhan Tablet PC. Walaupun kita banyak jumpai Tablet PC dapat menggunakan Android seperti Eclair maupun Froyo, sudah tentu hasilnya kurang maksimal (hal yang paling mendasar adalah dalam hal size tampilan layar, dimana layar Tablet PC jauh lebih besar dibanding dengan ponsel-ponsel pintar maka Android perlu menyiapkan sistem operasi khusus untuk menyingkapinya).

Fitur-fitur yang disediakan oleh Android Veri 3 (Honeycomb):

·  User Interface (UI) yang totali baru

·  Penanganan multitasking (menjalankan banyak aplikasi) yang lebih baik

·  Banyak menampilkan tab notifikasi (sudah tidak ada popups lagi)

·  Sistem bar di bagian bawah layar untuk sistem, manampilkan status dan mengakomodasi tombol navigasi

·  Memiliki 5 halaman homescreens yang dapat dihiasi dengan widgets serta dengan penampilan 3D

·  Bar untuk pengendalian aplikasi untuk semua aplikasi

·  Disain keyboard virtual yang baru dan lebih besar

·  Dapat melakukan seleksi text untuk copy dan paste, begitu serupa seperti di komputer pada umumnya

·  Dapat langsung bisa sync file media melalui kabel USB

·  Sangat memungkinkan mengkoneksikan perangkat keyboard dengan USB atau Bluetooth

·  Peningkatan jangkauan konektivitas Wi-Fi

·  Dukungan baru untuk Bluetooth Tethering, agar dapat banyak device terkoneksi

·  Peningkatan  web browser untuk layar besar, dengan beberapa fitur seperti membuka tab baru, mode penyamaran untuk browsing anonim, mengelola bookmarks dan history, dukungan multi-touch untuk Java Script, lebih dipermudah untuk melakukam zoom in/out dan scrolling serta mode posisi tetap

·  Aplikasi kamera didesain ulang untuk layar yang lebih besar

·  Di disain ulang untuk aplikasi-aplikasi berjenis layar besar

Kemudian saat ini telah muncul Android Honeycom Versi 3.1 dengan melakukan penyempurnaan sbb:

1. User Interface (UI)

     ·    Animasi Launcher dioptimalkan untuk transisi lebih cepat, dan halus

     ·   Penyesuaian warna, posisi dan teks

     ·    Audible umpan balik untuk meningkatkan aksesibilitas

     ·   Kostum interval touch-hold

     ·   Navigasi dari lima layar homescreens dibuat mudah. Menyentuh tombol home di bar sistem akan mengembalikan Anda ke layar awal yang paling sering digunakan

2. Dukungan untuk variasi perangkat input seperti keyboard, mouse, joystick, trackballdan aksesoris seperti kamera digital dan card readers

3. Kostum untuk Homescreens

     ·  Widget dapat diperluas baik secara vertikal dan horizontal

     ·  Widget untuk aplikasi Email memberikan akses yang cepat

4. Kinerja Wi-Fi diperbaiki, sehingga koneksi tidak mudah putus, walaupun kondisi perangkat sedang screen-off sekalipun

5. Peningkatan aplikasi web Browser

     ·  Kontrol cepat dan di desain ulang, pengguna dapat melihat thumbnail tab-tab yang terbuka, untuk dapat menutup tab yang aktif

     ·   Mendukung CSS 3D, animasi

     ·   Mendukung pemutaran konten video HTML5

     ·   Simpan halaman web lokal untuk melihat secara offline

6. Galeri aplikasi mendukung Picture Transfer Protocol (PTP)

7. Aplikasi email ditingkatkan

8. Memungkinkan penyimpanan data dengan enkripsi

Tablet PC yang sudah mengusung Android Honeycomb adalah Morotola Xoom, Acer Iconia dan Samsung Galaxy Tab 10.1.

Sumber 
http://wbaguspratama.blogspot.com/2012/03/android-versi-3031-honeycomb-tugas.html

READ MORE - Tentang Android 3.0/3.1 Honeycomb