Zlems Creative™: Tutorial

Showing posts with label Tutorial. Show all posts

Cara Membuat Ketupat Lebaran (Gambar & Video)

Selamat siang sobat... Siapa yang tidak tahu dengan ketupat yang merupakan makanan pelengkap di saat Hari Raya Lebaran Idul Fitri khususnya bagi orang Indonesia. Lebaran tanpa ketupat rasanya tidak lengkap, bagaikan sayur tanpa garam,hehe.

Nah, dikesempatan kali ini saya sempatkan untuk share Cara Membuat Ketupat Lebaran yang disertai dengan gambar dan juga videonya sehingga tidak ada lagi alasan untuk sobat tidak tahu cara membuat ketupat dan jangan cuma tahu makan ketupat saja seperti saya, hehehe. Baiklah, buat sobat yang ingin belajar Cara Membuat Ketupat Lebaran (Gambar & Video) Lengkap, silahkan langsung saja disimak, cekiblor...

Cara Membuat Pembungkus Ketupat (selongsong) :
Siapakan daun kelapa (nyiur) mau yang mudah atau yang tua. Jika mau mendapatkan sensai rasa yang berbeda bisa menggunakan daun pandan.

Cara Membuat Ketupat Lebaran :

Bersihkan beras dan sebaiknya rendam selama 2 - 3 jam terlebih dahulu dan tiriskan.
Masukkan beras yang telah dibersihkan ke dalam pembungkus ketupat, isikan dua sepertiga bagian ketupat, jangan terlalu penuh karena nanti jika sudah matang akan keras dan ketupat menjadi melar.
Didihkan air untuk merebus ketupat tersebut.
Rebus ketupat kurang lebih 5 - 6 jam, makin lama makin manteb tuh ketupatnya. Tapi ingat usahakan ketupat yang dimasak harus terus terndam air.
Jika sudah matang, angkat ketupat dan tiriskan dengan cara digantung.

Video :

Selamat Mencoba dan Semoga Bermanfaat...

thanks to : ashtho software easy

Download Microsoft Office 2013

Wah Wah.... Pada malem ini, ane akan share yang tentunya sedikit dari sobat blogger mengetahuinya yakni Microsoft Office 2013. Pada Microsoft Office 2013 ini kalo ane lihat di mbah google memiliki perubahan yang jelas pada segi tampilan, pastinya lebih simple dan mudah dibandingkan Microsoft Office 2010 (Maaf, ane gak kasih screenshotnya, soalnya ane juga lagi download, hehe).

Pada kali ini pihak Microsoft memberikan Microsoft Office 2013 secara cuma-cuma alias gratis dan bisa didownload oleh sobat blogger, karena Microsoft Office ini masih bersifat Costumer Preview.

Jadi bagi para sobat blogger yang ingin menjajal sensasi baru dari office sobat, langsung cek aja yah. Cekiblor...

Link Download :

Semoga Bermanfaat...

sumber : tips-berkomputer

Membuat Banner dan Menghilangkan FlashVortex.com

Gimana kabarnya sobat..?? semoga sobat blogger sehat selalu, Aamiin...

Sore ini ane akan share tutorial yang mungkin sudah tidak asing lagi. Tentunya para sobat sudah tau banner donk. Untuk yang tidak tahu, banner adalah sesuatu (wah, kayak Syahrini aja, hehe) yang tidak lain tujuan utamanya adalah untuk mengiklankan sesuatu, biasanya banner dibuat dalam bentuk gambar (jpg, png, gif, dll) dan flash (swf). Untuk kali ini, ane share bagaimana cara Membuat Banner melalui situs flashvortex.com. Banner flash ini selain untuk promosi/iklan, banner flash juga bisa menjadikan blog sobat tampak lebih keren. Untuk pembuatan banner flash, langsung ane kasih caranya dibawah ini. Simak baik-baik sob...

Caranya :

Kunjungi situs flashvortex.com.
Lalu pilih tab Banner.

Pilih Banner sesuai selera sobat. Ane contohkan Butterfly Leaderboard.
Isi form yang disediakan.
Masukkan URL website/blog sobat pada kolom When clicked, go to this link. Beri centang pada Remove FlashVortex.com advertising (bagi sobat sudah daftar premium di flashvortex.com, apabila sobat tidak mau daftar premium dan ingin menghapus tulisan flashvortex.com di banner sobat, klik Disini).
Kemudian klik Generate Animation.

Lalu ada 2 pilihan, apabila sobat langsung pasang diblog sobat maka copy kode yang ada di kolom nomor 1, apabila sobat mau download banner sobat maka pilih nomor 2.

Langkah-langkah diatas adalah langkah untuk yang free member. Mudah bukan...???

Cara Menghilangkan/Menghapus FlashVortex.com Watermark :

Jika sobat blogger mau mendapatkan banner flashvortex asli dan tanpa embel-embel flashvortex.com, silahkan sobat baca Disini. Seperti screenshot dari blog ane sendiri dibawah ini, dan ikuti semua langkah-langkahnya.

Screenshot dari blog ane sesudah dikasih Jamu :

Semoga Bermanfaat...

Membuat 1 Link Terbuka 2 Halaman

Kali ini ane akan share sesuatu yang berbeda dari yang biasanya :D yakni cara Membuat 1 Link Terbuka 2 Halaman sekaligus. Mengapa ane share mengenai topik ini..?? Berawal dari pemasangan iklan di blog ane, client ane minta 1 link terdapat 2 link dan langsung terbuka sekaligus bersamaan. Bagaimana mungkin bisa terbuka sekaligus..??? ternyata bisa. Lalu, bagaimana caranya..???? Caranya sangat mudah dan simple. Untuk lebih jelasnya simak baik-baik cara Membuat 1 Link Terbuka 2 Halaman dibawah ini.

Caranya :

Sebenarnya ini bukan cara, ane cuma mau kasih scriptnya Membuat 1 Link terbuka 2 Halaman. langsung aja copy scriptnya dibawah ini :

<a href="URL Link 1" onclick="window.open('URL Link 2')" target="_blank">Teks Link</a>

Keterangan :

Kode berwarna Merah ganti dengan URL link 1 & 2 sobat.
Kode berwarna Hijau ganti teks yang akan dibuat link.

Nah, cukup mudah bukan..??? Selamat Mencoba...

Semoga Bermanfaat...

thanks to: diko and otowebsite

Trik Backlink Melalui Kotak Komentar

Backlink merupakan hal yang sangt penting untuk para blogger untuk meningkakan Pagerank blognya, agar mesin pencari (search engine) mengarah ke blognya, untuk itulah kali ini ane akan share Trik Backlink Melalui Kotak Komentar yang sangat mudah unutk dipraktekkan. Langsung aja simak tutorial Trik Backlink Melalui Kotak Komentar dibawah ini.

Caranya :

Kunjungi blog yang akan dikomentari (dengan kata lain yang akan dipasang back link). Saran ane pilih blog-blog yang Pagerank-nya tinggi.
Langsung menuju Kotak Komentar, lalu tulis komentar sobat. Saran ane isi komentarnya yang membangun, agar supaya tidak dihapus oleh pemilik blog.
Setelah selesai nulis, pilih berkomentar sebagai Nama/Url.

Nah, bagaimana..?? mudah bukan.. semoga dengan tutorial diatas tadi dapat meningkatkan trafik kunjungan blog sobat. Selamat mencoba...

Semoga Bermanfaat...

Membuat Daftar Isi di Sidebar Blog

Berhubung banyak yang request di email ane tentang bagaimana Cara Membuat Daftar Isi di Sidebar Blog, langsung aja ane share caranya dibawah ini. Perlu diketahui bahwa salah satu kegunaan daftar isi pada blog adalah dapat mengetahui seluruh hasil postingan penulis. Gak usah lama-lama, silahkan sobat blogger simak Cara Membuat Daftar Isi di Sidebar Blog diawah ini.

Screenshot dari blog Ane :

Caranya :

Masuk ke Blogger sobat.
Pilih menu Rancangan -> Tata Letak -> Tambah Gadget.
Pilih HTML/Java Script.
Copy kode dibawah ini :

<div style="background-color: none; border: 1px solid #CCC; height: 300px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 95%;"><div align="center"><span style="font-size: medium;">Daftar Isi</span></div><script src="http://julak-project.googlecode.com/files/dafisiscroll%20.js"> </script><script src="http://zlems-creative.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script></div>

Keterangan :

Kode yang berwarna Orange, untuk menyesuaikan tinggi.
Kode yang berwarna Ungu, untuk menyesuaikan lebar.
Kode berwarna Hijau, bisa diganti sesuai selera sobat, dibiarkan juga nggak apa-apa.
Kode berwarna Merah, ganti dengan URL blog sobat.

--------------------------------------------

Lalu Save, kemudian lihat blog sobat.
Jrreennkk........... sobat telah berhasil membuat daftar isi blog sobat.

Bagaimana..?? Gampang bukan..???

Selamat Mencoba....

Semoga Bermanfaat....

Cara Menampilkan Reply di Kotak Komentar

Kali ini ane share tutorial blogger tentang Reply komentar. Pada blogger tidak disediakan secara otomatis untuk reply/balas komentar, tidak seperti wordpress. Untuk itu ane share Cara Menampilkan Reply di Kotak Komentar seperti yang sudah ane terapkan di blog Ane. langsung aja simak ya sob..

Screenshot dari blog Ane :

Caranya :

Sign In ke blogger sobat.
Pilih Tata Letak -> Edit HTML.
Centang pada 'Expand Template Widget'.
Cari kode <data:commentPostedByMsg/> dengan menekan Ctrl + F pada keyboard.
Setelah ketemu, copy kode dibawah ini dan paste-kan di bawah kode <data:commentPostedByMsg/>.

<b:if cond='data:blog.pageType != "static_page"'> <a expr:href='"https://www.blogger.com/comment.g?blogID= 871652729797757714&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E%3A%20#form"' onClick='javascript:window.open (this.href,"bloggerPopup","toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,"); return false;' style='padding:0px 5px; border:1px solid #ddd;'>Reply Comment</a></b:if>

Ganti tulisan yang berwarna Merah dengan ID blog sobat. Untuk mengetahui ID blog sobat blogger cukup mudah, yakni ketika sobat akan Membuat Entri Baru, coba lihat di Address Bar akan muncul ID blog sobat, misalkan seperti ini (http://www.blogger.com/blogger.g?blogID=4280483619139072991#editor/target=post;postID=871652729797757714) yang bercetak tebal adalah ID blog kita.
Untuk tulisan yang berwarna Hijau bisa sobat ganti dengan " Balas, Balas Komentar....dll " sesuka hati sobat.
Save Template, dan lihat pada kotak komentar pada blog sobat.
Jreeennkk..... Sekarang sobat bisa membalas komentar para pengunjung blog.

Bagaimana..?? Mudah bukan Menampilkan Reply di Kotak Komentar blog..

Selamat Mencoba..

Semoga Bermanfaat...

[UPDATE] Cara Menghilangkan Navbar Blog Terbaru

Waktu lalu ane share Cara Menghilangkan Navbar Blog, eh... ternyata ane nemu cara yang sangat simple bin gampang dalam menghilangkan navbar blog. Mungkin kebanyakan dari sobat blogger sudah tahu sih, tapi buat bahan share aja dah, hehe. Untuk lebih jelasnya langsung aja simak [Update] Cara Menghilangkan Navbar Blog Terbaru dibawah ini.

Caranya :

Masuk ke blog sobat.
Pilih Rancangan -> Tata Letak klik tulisan Edit pada kolom Navbar.

Pilih Off, dan Simpan.

Lihat blog sobat, dan jreeeeennkkkk.. Navbar blog sobat jadi hilang, seperti navbar blog Ane juga hilang.

Bagaimana..?? Simple bin Gampang kan...

Selamat mencoba & semoga berhasil...

Semoga Bermanfaat...

Membuat ChatBox Melayang (Left)

Setelah ane share Cara Membuat ChatBox, sekarang ane akan share trik cara Membuat ChatBox Melayang di sisi kiri blog seperti yang ada di blog Ane. Membuat chatbox melayang juga sering disebut dengan Hidden ChatBox. Ane tegaskan lagi ChatBox adalah buku tamu yang mana anda bisa berchat ria denga pengunjung blog. Gak usah lama-lama, simak tutorial Membuat ChatBox Melayang (Left) dibawah ini.

Screenshot dari Blog ane :

Caranya :

Copy kode dibawah ini.

<style>
#hcl {
position:fixed;
top:35px;
left:0px;
z-index:+1000;
}
* html #hcl {position:relative;}
.hcltab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV6hNMGMH3A_97zD1gYh0cq7eOYGitgAqsAeImiytNLiEj8se6rrVKM6mBTMPy3gA-600DgYajbW6CZ6O_EPU7ZLLVFfdghT_NDOrOp8nxHghMGVpwiSF12cNOI_hswresJd7Na8MVo80/s400/cbred-LEFT.png') no-repeat;
}
.hclcontent {
float:left;
border:2px solid #790909;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcl(){
var hcl = document.getElementById("hcl");
var w = hcl.offsetWidth;
hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
hcl.opened = !hcl.opened;
}
function movehcl(x0, xf){
var hcl = document.getElementById("hcl");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcl.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
}
</script>
<div id="hcl">
<div class="hclcontent">

LETAKKAN KODE CHATBOX ANDA DISINI

<br />
<div class="hc-credit">
<span style="float:left">

Get this
<a href=http://zlems-creative.blogspot.com/2012/06/membuat-chatbox-melayang-left.html
target="_blank">
Widget</a>.
By:
<a href=http://zlems-creative.blogspot.com/
target="_blank">
Zlems Creative™
</a>
</span>
<span style="float:right">
<a href="javascript:showHidehcl()">
[CLOSE]
</a>
</span>
</div>
</div>
<div class="hcltab" onclick="showHidehcl()"> </div>

</div>
<script type="text/javascript">
var hcl = document.getElementById("hcl");
hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
</script>

Keterangan :

Ganti yang berwarna Biru dengan url blog sobat.
Letakkan kode Chatbox sobat pada kode yang berwarna Merah.

------------------------------------------------------

Lanjut, Sign In di blog anda, jangan di blog ane yah, hehe.
Pilih Rancangan -> Tata Letak -> Tambah Gadget.
Pastekan Kode Diatas, lalu Save.
Lihat Blog Sobat. Taaraaa...... ChatBox melayang sudah terpasang diblog sobat.

Catatan :

Bagi sobat yang belum mendapatkan kode chatbox, silahkan klik Disini untuk Membuat ChatBox.

Bagaimana..?? Mudah Bukan. Selamat Mencoba...

Semoga Bermanfaat...

Cara Membuat ChatBox

Kali ini ane akan share bagaimana cara membuat buku tamu atau chatbox. Tentunya kalian sudah tau bukan apa itu chatbox..?? Yupz, chatbox merupakan widget yang biasanya dibuat untuk chatting antar pengunjung blog maupun oleh admin, bisa juga untuk meninggalkan jejak bahwa kita sudah mengunjungi blog tersebut. Kali ini yang ane share pake ChatBox punya cbox.ws Gak usah lama-lama, langsung aja simak bagaimana Cara Membuat ChatBox dibawah ini.

Caranya :

Kunjungi situs Cbox.ws Disini.
Pilih Sign Up atau Get Your Free Cbox Now!, keduanya sama saja koq.

Isikan formulir pendaftaran, kayak masuk sekolah aja, hehe. Untuk Language pilih English saja, karena Indonesia belum tersedia. Jangan lupa centang pada I have read and do...... Lalu klik Create my Cbox!.

Setelah berhasil sign up, masukkan ulang password anda yang sudah diset pada pengisian formulir tadi. Lalu tekan Enter.

Setelah masuk pada akun Cbox anda, pilih Publish!.

Kemudian set dimana anda akan di install. Kalo ane pilih yang Blogger / Blogspot. Lalu klik Copy to clipboard. Catatan: untuk yang dikolomi warna hijau itu merupakan Kode ChatBox Anda.

Lanjut, Sign In pada blog anda, jangan sign in di blog ane yah, hehe.
Pilih Rancangan -> Tata Letak -> Tambah Gadget.
Pilih yang HTML/Java Script.
Pastekan kode ChatBox Anda tadi lalu Save.
Sekarang lihat blog anda. Taaarraaa, muncul ChatBox. sekarang anda bisa ber-Chat ria dengan pengunjung blog.

Bagaimana..??? cukup mudah bukan tutorial Cara Membuat ChatBox ini.

Selamat Mencoba, semoga berhasil...

Semoga Bermanfaat...

Cara Menghilangkan Navbar Blog

Kali ini ane akan memberikan informasi mengenai Cara Menghilangkan Navbar Blog.Namun,banyak teman - teman yang belum mengetahui mengenai Apa Itu Navbar ?? Oleh karena itu saya akan memberikan Pengertian Navbar terlebih dahulu sebelum memberitahukan bagaimana Cara Menghilangkan Navbar Blog.

Navbar adalah merupakan singakatan dari navigation bar, sesuai namanya navbar adalah frame yang terdapat pada sebuah blog atau website, umumnya Navbar terdapat diatas sebuah web atau blog. Nah bagi sebagian blogger, penggunaan navbar dirasa kurang sedap jika dipandang, makanya banyak yang mencari cara tentang menghilangkan navbar pada blogspot.

Bolehkah menghilangkan navbar ? Ada yang mengatakan, dengan menghilangkan navbar pada blogspot bisa menyebabkan blog tersebut banned karena melanggar TOS (Term of Service), tapi sepertinya itu tidak akan terjadi jika blog tersebut tidak benar - benar melakukan modifikasi ekstrem.

Berikut ini adalah Cara Menghilangkan Navbar Blog yang dapat ane berikan untuk teman - teman semuanya...:

Login ke dashboard.
Klik tab Design.
Kemudian masuk ke halaman Edit HTML.
Lalu cari kode ]]></b:skin>, cara mudahnya tekan " Ctrl+F " pada keyboard lalu ketikkan ]]></b:skin>
Jika sudah ketemu letakkan kode dibawah ini tepat diatas kode ]]></b:skin> :

#navbar-iframe {

height:0px;

visibility:hidden;

display:none;

}

Lalu Save Template.

Keterangan :

Apabila Anda ingin menampilkan Navbar Blog kembali, tinggal hapus kode diatas.

Nah, bagaimana..?? Mudah sekali bukan...????

Selamat Mencoba...

Semoga Bermanfaat...

Sumber : putraaldy

Cara Pasang Kotak Iklan

Sahabat blogger semua, Anda ingin mendapatkan uang di blog..? itu bisa dengan anda menyediakan kotak iklan di blog Anda, hal ini bisa kita manfaatkan untuk menambah penghasilan kita gara-gara kita menyediakan fitur tersebut dan ada yang memasang iklan di blog kita dengan tarif yang kita tawarkan. Tetapi template kita tidak tersedia fitur tersebut dan anda ingin membuatnya. Jangan lama-lama langsung aja simak langkah-langkahnya bung.

Caranya :

Pertama, masuk di blog Anda, lalu menuju Desain -> Edit HTML, jangan lupa cengtang " Expand Widget Template ", lalu cari kode ]]></b:skin>, setelah ketemu copy kode dibawah ini dan letakkan diatas kode ]]></b:skin>.

/* Kotak Banner

===================== */

#Box-Banner-ads {

margin: 0px;

padding: 5px;

text-align: center; }

#Box-Banner-ads img {

margin: 0px 8px 4px 0px;

padding: 3px;

text-align: center;

border: 3px outset #c0c0c0; }

#Box-Banner-ads img:hover {

margin: 0px 8px 4px 0px;

padding: 3px;

text-align: center;

border: 3px inset #333; }

Kemudian Save Template.

--------------------------------------------------------------------------

Kedua, pilih Elemen Laman / Page Elemen kemudian Tambah Gadget / Add a Gadget, pilih HTML/Java Script. Copy semua kode dibawah ini dan letakkan pada HTML/Java Script.

<a href="http://zlems-creative.blogspot.com/p/pasang-iklan.html" target="new"><img border="0" alt="ads" src="http://www.fileden.com/files/2012/3/13/3277704/Pasang.gif" /></a>

<a href="http://zlems-creative.blogspot.com/p/pasang-iklan.html" target="new"><img border="0" alt="ads" src="http://www.fileden.com/files/2012/3/13/3277704/Pasang.gif" /></a>

<a href="http://zlems-creative.blogspot.com/p/pasang-iklan.html" target="new"><img border="0" alt="ads" src="http://www.fileden.com/files/2012/3/13/3277704/Pasang.gif" /></a>

<a href="http://zlems-creative.blogspot.com/p/pasang-iklan.html" target="new"><img border="0" alt="ads" src="http://www.fileden.com/files/2012/3/13/3277704/Pasang.gif" /></a>

Keterangan :

Untuk yang berwarna Hijau ganti dengan url yang akan di iklankan.
Untuk yang bewarna Merah ganti dengan url gambar.

Dan contoh hasilnya seperti ini :

-----------------------------------------------------------------------
Nah, cukup mudah bukan, selamat mencoba...
Semoga Bermanfaat...

Cara Membuat Read More Otomatis

Cara Membuat Read More Otomatis di Blogspot akan ane berikan untuk kalian saat ini masih kesulitan, memang tidak semuanya bisa dengan hal mudah tapi jangan salah dulu para blogger senior pun sama kesulitan juga. Read More otomatis ini udah ane terapkan diblog ini Gak usah lama-lama langsung cek aja caranya bung.

Caranya :

Pertama, silahkan menuju menu DESIGN -> Edit HTML centang "Expand Widget Template", Cari kode </head> dengan cara menekan tombol " Ctrl + F " pada keyboard, kemudian letakan script dibawah ini di atas kode </head>.

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

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

<script type='text/javascript'>

var thumbnail_mode = "float" ;

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>

Keterangan:

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)
--------------------------------------------------------------------------------

Kedua, masih di Edit HTML, cari kode <data:post.body/> dengan cara menekan tombol " Ctrl + F " pada keyboard, kemudian GANTI kode <data:post.body/> dengan 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 == "item"'><data:post.body/></b:if>

Keterangan :

Kata yang berwarna Orange bisa diganti sesuai selera Anda, seperti: Baca Selengkapnya, Lanjut Baca....dll.

--------------------------------------------------------------------------------

Ketiga, Selesai dah..... Gampang kan,.....

Selamat Mencoba...
Semoga Bermanfaat...

Cara Membuat Spoiler Show/Hide di Blog

Spoiler atau disebut juga show hidden sering digunakan para bloger untuk meminimalis menu pada blog begitu pula saya juga sering menggunakan spoler show hiden agar tidak terlalu banyak menu yang di tampilkan. Saya akan memberikan tips untuk sobat bloger tentang cara membuat spoiler show hidden pada blog. Gk usah panjang lebar, langsung aja cek caranya seperti apa.

Caranya :

Copy code dibawah ini, paste-kan pada posting blog. INGAT! harus dalam keadaan HTML, bukan dalam keadaan COMPOSE.

<div><div style="margin-bottom: 2px;"><i><b><small>Klik untuk melihat </small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button" /></div>

<div style="border:inset ; margin: 0px; padding: 6px;"><div style="display: none;">

TEXT ANDA LETAKAN DISINI

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

Keterangan:

Ganti kata yang berwarna Hijau dengan kata-kata sesuka Anda.
Letakkan teks Anda yang ingin di HIDE pada teks yang berwarna Biru.
Hapus code yang berwarna Merah untuk spoiler yang tanpa kotak.

Hasil Spoiler yang dengan kotak :

Klik untuk melihat

Hasil Spoiler yang tanpa kotak :

Klik untuk melihat

Nah, begitulah cara membuat spoiler show/hide pada blog. Sangat mudah kan..!!

Semoga Bermanfaat...