Minggu, 19 Desember 2010

Sepuluh Cara Menghias Blog

Dengan mengejutkan, menghibur, memberikan informasi dan pendidikan kepada pengunjung, pemilik blog dapat menganjurkan untuk berkunjung kembali dan menghasilkan kalimat gumaman dari mulut pengunjung. Berikut 10 perangkat pembuat sukses yang dapat membantu blog terlihat lebih memikat.

1. Bubble Guru
Bubble Guru menambahkan pop-up video bubble ke blog. Agar blog Anda benar-benar populer, tambahkan pop-up video bubble. Siapkan webcam dan Bubble Guru akan berikan perangkat sederhana berbasis Web untuk merekam penggalan suara. User juga dapat menambahkan Bubble Guru bubble ke blog-nya secara 
gratis.Akan tetapi, ada pembatasan karena untuk satu bubble hanya berlangsung selama 20 detik. Jika ingin lebih lama, user akan mendapatkan 5 bubble selama 60 detik dengan harga USD 9,95 per bulan.

2. Eyejot
Jika menyukai penambahan rekaman video salam untuk situs tetapi tidak menginginkan kecenderungan pamaksaan pop-up bubble, cobalah Eyejot. Walaupun rancangan awalnya adalah untuk pengiriman video e-Mail, layanan itu juga menawarkan widget terintegrasi dengan blog yang menampilkan pengunjung klip rekaman. Apa hal penting terkait dengan itu? User bisa mendapatkan hal serupa YouTube, kah? Bisa, tetapi Eyejot lebih maju. Situs ini memungkinkan pengunjung "membalas" dengan merekam video milik mereka. Seseorang mungkin akan mendapat beberapa pesan aneh (atau bahkan menakutkan), tetapi user juga mungkin menyerang keseluruhan demografis user pengguna webcam karena semua orang ingin berada di kamera. Eyejot bebas biaya.

3. Google Maps
Ingin mengendalikan pengunjung situs ke stan belanja atau situs training? Permudah mereka dan sertakan peta Google Maps. Hingga saat ini, hal tersebut dahulu membutuhkan loncatan ke beberapa lingkaran pemrograman, tetapi kini sesederhana pembuatan peta yang Anda inginkan, lantas klik ke link "link to this page". Google Maps menyediakan kode yang dibutuhkan. Hanya perlu menyalinnya pada titik tertentu dalam blog. Layanan ini tidak hanya peta diam karena sangat interaktif, sehingga user dapat menggulung, memperbesar, memperoleh direksi, dan melihat versi satelit. Serupa dengan Google Maps itu sendiri, penggunaan peta terintegrasi tersebut tidak dipungut biaya.

4. eBay To Go
eBay To Go memungkinkan user menambahkan kotak daftar lelang interaktif ke dalam blog. Widget ini dapat mendata setiap barang lelang, daftar nama hingga 10 barang, atau bahkan hasil pencarian eBay (iPod nano terbaru, contohnya). Jika telah menyertakan widget, eBay To Go memberikan kode yang dibutuhkan untuk direkatkan ke situs user. Widget ini juga menawarkan instruksi step-by-step untuk pengintegrasian widget ke berbagai situs blog, termasuk Blogger dan LiveJournal.

5. FlexiPoll
Pengunjung menyukai angket. Dengan FlexiPoll, user dapat memberikan polling yang telah ada pada blog terkait waktu yang dibutuhkan untuk membacanya. Hal yang harus dilakukan hanyalah mengetik pertanyaan, kemudian memilih lebar polling (200 atau 400 pixel), lantas menyediakan dua atau lebih jawaban yang memungkinkan. Jika ini telah dilakukan, FlexiPoll menyedikan kode terintegrasi dan meninjau polling serta kotak hasilnya. Jika ada topik menarik, pemilih dapat mengetikkan jawaban mereka sendiri, bukan dari pilihan yang disediakan. Jawaban itu akan ditambahkan ke daftar pilihan. Selain itu, angket juga menjadi cara bagus untuk mendapatkan umpan balik dari konsumen dan pengunjung situs lainnya. Selain itu, FlexiPoll menawarkan cara murah (gratis) dan mudah untuk menyertakannya.

6. Slideshare
User mungkin memikirkan tentang presentasi PowerPoint sebagai hal terakhir yang ingin dilihat pengunjung blog, tetapi hal ini tergantung apa yang tersedia di dalamnya. Presentasi yang informatif atau segar dapat mengendalikan ribuan mata ke situs dan bahkan menghasilkan beberapa dengungan positif dalam dunia blog. Itulah ide di belakang Slideshare, serupa slideshow YouTube. Dengan demikian, user hanya perlu meng-upload PowerPoint, PDF, atau OpenOffice slide deck. Slideshare akan menampung presentasi itu (untuk pilihan pengamatan umum) dan menyediakan blog kode terintegrasi. Serupa YouTube, user juga dapat dengan mudah melakukan hosting presentasi yang bukan miliknya. Inilah cara hebat lain untuk menyertakan konten menarik ke situs kita.

7. Zoho Viewer
Zoho Viewer memungkinkan mengintegrasikan berbagai dokumen, termasuk Word, Excel, dan PDF. Zoho Viewer memungkinkan semua jenis dokumen, termasuk Word, Excel, dan PDF. Artinya user dapat mengintegrasikan petunjuk penggunaan produk, worksheet anggaran, atau segala sesuatu yang mungkin berguna bagi pembaca. User bahkan tidak perlu berlangganan akun Zoho (yang tersedia gratis). Mereka hanya perlu meng-upload dokumen, pilih ukuran frame yang ingin ditampilkan, lantas letakan kode yang tersedia pada blog Anda. Pengunjung dapat melihat dokumen tanpa perlu membuka atau download apa pun.

8. Meebo Me
Jika ingin membuka saluran komunikasi, pertimbangkan penambahan widget Meebo Me. Meebo adalah perangkat chat berbasis browser dengan platform silang. Widget ini mengembangkan fungsionalitasnya ke blog dan menambahkan jendela chat personal, di mana pengunjung dapat mengirim instant-message secara langsung. User lantas dapat memilih tiga ukuran jendela berbeda dan berbagai skema warna. Seperti Meebo sendiri, Meebo Me tersedia secara cuma-cuma.

9. BlogTV
Siap untuk close-up? BlogTV mengintegrasikan streaming-video player ke dalam blog dan menempatkan di tengah panggung untuk semua hal nyata yang harus disiarkan. User dapat menampilkan demo produk, live-blog pameran perdagangan, wawancara dengan kalangan industri terkemuka, atau hanya memandangi pertunjukan yang dirancang sendiri. Player tersebut menyertakan jendela chat untuk mendorong partisipasi komunitas dan BlogTV memungkinkan dua webcam melakukan streaming secara serempak, sehingga user dapat bekerja sama dengan teman dari jarak jauh. Semuanya terkoordinasi rapi.

10. Movavi Video Converter
Widget Movavi Online Video Converter mempermudah user mengendalikan layanan eponymous Movavi. Widget ini mampu mengubah file video yang di-upload ke semua format yang ada. Pengunjung dengan mudah dapat memilih file, khusus format output menarik dan menyediakan alamat e-Mail di mana mereka dapat menerima notifikasi bahwa konversinya telah lengkap (bersama dengan link download). Ini adalah cara paling realistis untuk menghasilkan beberapa dukungan, khususnya jika blog memiliki hal yang harus dilakukan dengan video atau gadget serupa.

Sabtu, 18 Desember 2010

Membuat Tulisan Bergerak

CARA BIKIN TULISAN BERGERAK!!
1. Membuat teks bergerak secara horizontal dari kiri ke kanan

Misalnya kalimat "WELCOME TO MY BLOG" ingin diberikan efek marque yang membuatnya bergerak dari kanan ke kiri, maka perintahnya seperti ini :

<em><marquee>WELCOME TO MY BLOG</marquee></em>





Untuk membuat teks bergerak bolak balik dari kiri ke kanan atau sebaliknya, maka perintahnya adalah sebagai berikut :
<marquee behavior="alternate">WELCOME TO MY BLOG</marquee>






2. Membuat teks bergerak secara vertikal dari bawah ke atas

Perintah marquee untuk membuat teks bergerak dari bawah ke atas adalah sebagai berikut :
<marquee direction="up">WELCOME TO MY BLOG</marquee>






Untuk mebuat teks tersebut bergerak bolak balik secara vertikal, maka perintahnya seperti ini :
<marquee direction="down" behavior="alternate">WELCOME TO MY BLOG</marquee>





3. Membuat kalimat berkedip-kedip

Untuk membuat teks, baik itu kata atau kalimat berkedip kedip, perintahnya seperti ini :

<blink>teks yang akan dibuat berkedip</blink>

hasilnya akan menjadi seperti ini :

WELCOME TO MY BLOG

mudah bukan dan selamat mencoba kalo gak bisa silakan coment ja ^_^

Cara buat Tag Cloud melayang

TAG CLOUD MELAYANG
Kemarin pas lagi jalan-jalan didunia maya aku ngelihat web dengan tampilan Tag/Label dengan tulisan yang melayang, bukan yang cuman diem aja.., tapi bergerak bebas saat cursor mouse didekatkan, karena penasaran akhirnya ngorek informasi dari mbah 'Google',
alhasil aku nemuin caranya, ternyata nama tagnya "Cumulus",dengan tampilan flashnya, dan bisa diterapkan tuk blogspot, tapi yang template baru ya..
Susah nggak...?, tentu saja tidak Maria....( kayak telenovela aja..),
Gini nih caranya..

* Pertama masuk ke account Blogger.
* Kedua kalau belum ada widget Labels, Add dulu Widgetnya, judulnya terserah, disini saya pake TAG CLOUD.
* Ketiga kebagian Layout, pilih Edit HTML, jangan lupa tuk ceklist di Expand Widget Template ( tuk jaga-jaga mendingan backup pake Download Full Template )
* Kempat cari kode ini

<em><b:section class='sidebar-box' id='sidebar2' preferred='yes'>.</em>


Kalo mo cepet pake Ctrl+F dan Copy Paste code diatas
* Kelima Copy Paste code dibawah ini

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>



tepat dibawah kode
<b:section class='sidebar-box' id='sidebar2' preferred='yes'>


&quot;240&quot;, &quot;300&quot
Klo mo rubah warna backgroundnya cari kode ini

"#ffffff"

Cara masukin LOGO

Banyak para netter pemula (newbie) atau mungkin para netter lain yang mungkin bingung gimana cara buat favicon atau icon yang bisa muncul di address bar yang bisa menunjukkan identitas si pemilik blog atau website.
Akan saya beberkan sedikit cara untuk membuatnya, tapi ini khusus untuk di BLOGGER bukan di WORDPRESS sebab di BLOGGER ada format untuk edit HTML.
Ada 2 caranya:

1. Cari format yang bertuliskan:
]]></b:skin>

Lalu paste kode HTML ini:
<link href='http://i465.photobucket.com/albums/rr20/jakabanda/JBGIF-1.gif' rel='SHORTCUT ICON'/>

Tepat dibawah ]]></b:skin> jadi formatnya:

]]></b:skin>
<link href='http://i465.photobucket.com/albums/rr20/jakabanda/JBGIF-1.gif' rel='SHORTCUT ICON'/>

Kode HTML yang berwarna merah Anda ganti dengan kode HTML icon milik Anda. Ukuran icon saya sarankan berukuran 16 x 16 pixel, bisa format apa saja: GIF (gambar animasi) atau PNG (gambar icon non animasi) atau bisa dengan format lain. Anda bisa upload icon atau gambar Anda di photobucket.com lalu edit image saja di sana, daftar gratis.

2. Cari format yang bertuliskan:

]]></b:skin>

Lalu paste kode HTML ini:

<!-- iconj.com dynamic favicon code -->
<link href='/favicon.ico' rel='shortcut icon'/>
<link href='http://www.iconj.com/ico/6/t/6tu57idfpu.ico' rel='shortcut icon'/>
<!-- end of iconj.com dynamic favicon code -->

Tepat dibawah ]]></b:skin> jadi formatnya:
]]></b:skin>
<!-- iconj.com dynamic favicon code -->
<link href='/favicon.ico' rel='shortcut icon'/>
<link href='http://www.iconj.com/ico/6/t/6tu57idfpu.ico' rel='shortcut icon'/>
<!-- end of iconj.com dynamic favicon code -->

Kode HTML yang berwarna merah Anda ganti dengan kode HTML icon milik Anda. Ukuran icon sama dengan keterangan di atas. Hanya saja Anda upload icon-nya di iconj.com, tinggal upload di icon generator lalu Anda akan diberi kode Direct Link dan HTML Code (copy dan paste sesuai dengan format di atas). Untuk upload icon di iconj.com tanpa daftar, gratis dan langsung jadi.

Cara Mengganti Cursor di Blog

Langsung saja, begini caranya:


1. Pilih tab “Tata Letak”.
2. Klik “tambah gadget” baik itu berada di bawah, atas atau samping.
3. Pilih “HTML/JavaScript”
4. Copy kode di bawah ini pada tempat pengetikan:

<em><style type="text/css">body {cursor:url("http://www.123cursors.com/freecursors/7676.gif"),default}</style>.</em>

5. Nah, ganti alamat cursor http://www.123cursors.com/freecursors/7676.gif tersebut dengan alamat cursor yang lain. Untuk mengetahui alamat cursor yang lain, kunjungilah www.123cursors.com dan pilih cursor yang Anda inginkan. Supaya lebih mudah, cari berdasarkan kategori. Bila Anda sudah menemukan, copy alamat cursornya dengan cara klik kanan pada gambar cursor tersebut, lalu pilih “copy image location”.
Mudah kan?

Membuat Cursor Selalu Diikuti Oleh Text

Jika sobat tertarik untuk menciptakan cursor dengan text sendiri, silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilhan HTML/JavaScript
6. Pastekan script di bawah ini ke kolom Konten


<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='WELCOME TO MY BLOG'.split('').reverse().join('');

var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>


7. Silahkan ganti tulisan berwarna merah dengan tulisan pilihan anda
8. Klik Simpan
9. Selesai

Kamis, 02 Desember 2010

Cara Buat Read More di Blogger Blogspot


Cara Buat Read More di Blogger Blogspot dengan Editor Lama. Bagi yang belum memakai Read More Editor Lama direkomendasikan untuk  memakai Read More Editor Baru yang jauh lebih mudah dan simple. Editor Baru lihat tutorialnya di sini.
Oleh fatihsyuhud.com
Tips: Cara mencari kode di template blogger.com / blogspot lihat di sini!
[Update: tutorial ini sudah dilengkapi gambar / screenshot untuk lebih memudahkan) Sudah banyak yg tanya cara buat READ MORE atau Baca Selengkapnya atau Baca Selanjutnya
di blogger beta / baru (untuk tutorial buat read more di blogspot / blogger template lama atau classic lihat di sini) dan sudah saya beritahu alamatnya. Tapi tampaknya sebagian agak kesulitan dg tutorial bahasa Inggris. Untuk Anda yg termasuk golongan ini, saya persilahkan mengikuti panduan berikut.
Ada dua cara untuk membuat read more di blogger / blogspot baru (tanda Blogger Baru adalah di admin memakai layout / tata letak dan page element / elemen halaman).
Cara Pertama:

1. Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate" (lihat gambar 1)
2. Letakkan kode berikut persis di atasnya kode </head> (lihat gambar 2)
<style>
<b:if cond='data:blog.pageType == "item"'>
  span.fullpost {display:inline;}
<b:else/>
 span.fullpost {display:none;}
</b:if>
</style>
3. Letakkan kode berikut di bawah kode
 <p><data:post.body/></p> 
(lihat gambar 3)
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
4. Klik Simpan. Selesai.
5. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tsb dg kode berikut:
<span class="fullpost">

</span>
Jangan lupa klik SIMPAN PENGATURAN.
Gambar 1:
cara buat read more gambar 1
Gambar 2:
cara buat read more gambar 2
Gambar 3:
cara buat read more gambar 3
Cara Memposting
Ketika memposting, klik EDIT HTML (bukan COMPOSE). Maka, secara otomatis akan tampak kode
<span class="fullpost">
</span>
Letakkan posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya (yakni keseluruhan entry/artikel), letakkan di antara kode
<span class="fullpost">
dan
</span>
Masalah yang Sering Dihadapi
1. Saat mengklik "Simpan Perubahan" kita sering mendapat pesan demikian:
XML error message: The element type “style” must be terminated by the matching end-tag “”.
Jangan panik. Itu artinya tanda petik / kutip buka tutup (quote/unquote) yakni tanda ' dalam kode tidak cocok dengan font template. Yang perlu dilakukan adalah buang tanda kutip ['] itu dan kasih tanda kutip yang baru di tempat yang sama. Dan coba klik lagi SIMPAN.
2. Anda sudah berhasil memasang seluruh kode di atas, tetapi ‘read more’ gak berhasil; posting tetap panjang? Dan tulisan ‘read more’ nongol di bagian bawah artikel? Tenang. Ikuti solusi berikut: klik “Pengaturan” -> klik “Format” -> buang/delete semua tanda kutip buka/tutup (quote/unquote) di “fullpost” dan ganti dengan tanda kutip yang baru. Jangan lupa klik “Simpan”.
Selesai. Selamat ngeblog di blogger / blogspot dengan READ MORE.
Apabila Anda berhasil melakukan cara bikin READ MORE di atas tak perlu lagi mencoba cara di bawah. Cara di bawah cuma sebagai alternatif dan agak lebih rumit di banding cara yang di atas.
Cara Kedua:
1. Buka template –> edit HTML
2. Kasih tanda tik/cek menu “expand widget template”
3. Cari kode berikut di TEMPLATE blog Anda:

<div class='post-header-line-1'/>
<div class='post-body'>
4. Kalau sudah ketemu, letakkan kode berikut DI BAWAH kode html di atas:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
5. Di Bawah kode di atas ada kode html sbb:

<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
6. Nah, di antara kode
<p><data:post.body/></p>
dan kode
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
pasang kode html ini:

<a expr:href='data:post.url'>Read More .. </a>
</b:if> 
7. Jadi, susunan kode html di template setelah ditambah dg kode READ MORE akan menjadi seperti ini (yg warna biru adalah kode tambahan untuk READ MORE, sedang kode warna hitam adalah kode asli template):
<div class='post-header-line-1'/><div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>
Klik Simpan Template. Selesai.
8. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tsb dg kode berikut:

<span class="fullpost">

</span>
Jangan lupa klik SIMPAN PENGATURAN.
Cara Memposting
Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode

<span class="fullpost">
</span>
Letakkan posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya (yakni keseluruhan entry), letakkan di antara kode

<span class="fullpost">
dan
</span>
Catatan Penting:
(A) Artikel yg diposting sebelum pemasangan kode READ MORE di atas akan tetap tampil penuh di halaman muka, Anda bisa mengeditnya dg cara sbb:
1. Klik menu EDIT POSTS
2. Klik EDIT di artikel yg akan diedit.
3. Pasang kode
<span class="fullpost">
di bawah paragraf yg akan ditampilkan. Dan pasang kode
</span>
di akhir artikel.
Ingat hanya ada SATU kode
<span class="fullpost">
dan
</span>
. Apabila terdapat lebih dari satu, dan biasanya numpuk di bagian paling bawah artikel, maka dibuang saja.
Masalah yang Sering Dihadapi
1. Saat mengklik “Simpan Perubahan” kita sering mendapat pesan demikian:
XML error message: The element type “style” must be terminated by the matching end-tag “”.
Jangan panik. Itu artinya tanda petik / kutip buka tutup (quote/unquote) yakni tanda ‘ dalam kode tidak cocok dengan font template. Yang perlu dilakukan adalah buang tanda kutip ['] itu dan kasih tanda kutip yang baru di tempat yang sama. Dan coba klik lagi SIMPAN.
2. Anda sudah berhasil memasang seluruh kode di atas, tetapi ‘read more’ gak berhasil; posting tetap panjang? Solusi: klik “Pengaturan” -> klik “Format” -> buang semua tanda kutip buka/tutup di “fullpost” dan ganti dengan tanda kutip yang baru.  Jangan lupa klik “Simpan”.