tag:blogger.com,1999:blog-20451505537184007502024-03-12T20:46:44.029-07:00sijiwaesijiwae bloghttp://www.blogger.com/profile/05613763634044953180noreply@blogger.comBlogger6125tag:blogger.com,1999:blog-2045150553718400750.post-28600221070605449412010-11-02T18:10:00.001-07:002010-11-02T18:10:31.334-07:00Memberi Jam Pada Blog<div style="text-align: justify;">Time is Money = waktu adalah uang. kali ini <span style="font-weight: bold;">ade</span> mau memberi tahu tentang bagaimana memasang jam di blog. agar blog kita mempunyai jam ada banyak cara untuk memasang jam di blog. Ada sebuah situs yang menyediakan berbagai bentuk jam apalagi di situs tersebut kita tinggal mengcopy dan paste kodenya tanpa harus registrasi terlebih dahulu ke situs tersebut situs-situs tersebut sangatlah banyak tetapi yang banyak di pakai adalah : </div><br />
<a href="http://www.clocklink.com/" target="_blank">www.clocklink.com</a> <br />
<br />
Berikut cara memasang widget Jam di blogger <br />
<br />
<ol><li><span style="font-weight: bold;">Pertama</span> kunjungi www.clocklink.com</li>
<li>lalu klik pada menu <span style="font-weight: bold;">Gallery</span> (disitu kita bisa memilih kategori-kategori yang ingin kita pilih)</li>
<li>sebagai contoh kategori <span style="font-weight: bold;">analog</span> kita pilih,</li>
<li>kemudian klik <span style="font-weight: bold;">view html tag</span> pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. disitu nanti kita ada ketentuan-ketentuan yang memakai bahasa inggris,</li>
<li>langsung aja kita pilih <span style="font-weight: bold;">accept</span></li>
<li>Selanjutnya kita diminta memilih warna (color), {time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih JOG : Jogyakarta Indonesia Time (GMT + 07.00)} serta jangan lupa tuliskan ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya. Dapat juga diatur kemudian.</li>
<li>Copy seluruh kode HTML kemudian disimpan di komputer kita contoh pada notepad.</li>
</ol><span style="font-weight: bold;">Langkah selanjutnya</span> kita menuju blog kita <br />
<ol><li>Silahkan login ke blogger dengan ID anda </li>
<li>Klik <strong>Tata Letak</strong> </li>
<li>Klik tab <strong>Elemen Halaman </strong></li>
<li><strong></strong>Klik <strong>Tambah Gadget</strong></li>
<li>Klik tanda <strong>plus (+)</strong> untuk <strong>HTML/Javascript</strong></li>
<li>Copy paste kode yang kita taruh di notepad tadi ke dalam kolom konten yang tersedia</li>
<li>selesai</li>
</ol><br />
<br />
<br />
ada beberapa situs lain yang menyediakan widget jam untuk blog secara gratis diantaranya adalah : <br />
<br />
<a href="http://www.mytictac.com/" target="_blank">www.mytictac.com</a> <br />
<br />
<div style="text-align: center;">Semoga berhasil.. </div><center>Demikianlah artikel mengenai <a href="http://adesyams.blogspot.com/2009/06/cara-memasang-jam-di-blog.html" title="Cara Memasang Jam di Blog">Cara Memasang Jam di Blog</a><br />
Semoga Bermanfaat..</center>sijiwae bloghttp://www.blogger.com/profile/05613763634044953180noreply@blogger.com0tag:blogger.com,1999:blog-2045150553718400750.post-89668886716443119122010-11-02T01:06:00.000-07:002010-11-02T01:06:21.049-07:00Memasang Radio Online atau MP3 di Blog 3<a href="http://4.bp.blogspot.com/_uvCk0NsQD2k/TM_GLOWbOyI/AAAAAAAAAAM/h8UH_huQogI/s1600/internet_radio_250x251.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_uvCk0NsQD2k/TM_GLOWbOyI/AAAAAAAAAAM/h8UH_huQogI/s1600/internet_radio_250x251.jpg" /></a>Setelah sebelumnya saya membahas tentang cara memasang <a href="http://forantum.blogspot.com/2009/07/online-radio.html">radio Muslim</a> dan <a href="http://forantum.blogspot.com/2009/11/memasang-radio-di-blog-2.html">radio Sunnah</a> di blog, sekarang saya akan membahas tentang cara memasang Ceria Radio di blog. Radio online ini hanya berisi lagu-lagu, sehingga saya memberikan judul <b>cara memasang Mp3 di blog</b>. Radio online ini auto play jadi akan langsung hidup ketika blog kita di buka, seperti radio pada blog ini. Untuk memasangnya kita harus memasang kode radio online pada blog kita, gimana apakah anda tertarik? Kode radio ceria online dapat diambil di website resminya di <b>ceriaradio.com</b>, tapi saya juga telah menyediakan kodenya di blog <a href="http://forantum.blogspot.com/">forantum</a> ini.<br />
<a href="" name="more"></a><br />
<br />
<br />
<br />
<center></center><br />
<div style="text-align: center;"><span style="font-size: xx-small;">Widget By: <a href="http://forantum.blogspot.com/">Forantum </a></span></div><br />
<b>Cara memasang radio online atau cara memasang Mp3 di blog</b> adalah sebagai berikut:<br />
<ul><li>Login ke Blogger</li>
</ul><ul><li>Setelah masuk ke Dasbor, klik "Tata Letak"</li>
</ul><ul><li>Maka anda akan masuk ke "Elemen Halaman"</li>
</ul><ul><li>Klik tulisan "Tambah Gadget"</li>
</ul><ul><li>Pilih widget "HTML/JavaScript"</li>
</ul><ul><li>Masukkan kode di bawah ini, lalu Simpan.</li>
</ul> <br />
<div class="separator" style="clear: both; text-align: center;"></div><blockquote><span style="font-size: small;"><center><embed style="margin-top: 0px;" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" autostart="true" displaysize="0" showstatusbar="1" type="application/x-mplayer2" src="http://ceriaradio.com:8000/" name="RAOCXplayer" allowscriptaccess="never" height="70" width="160"></embed></center><br />
<div style="text-align: center;"><br />
<center><span style="font-size: xx-small;">Widget By: <a href="http://forantum.blogspot.com/">Forantum </a></span></div></center></span></blockquote>sijiwae bloghttp://www.blogger.com/profile/05613763634044953180noreply@blogger.com0tag:blogger.com,1999:blog-2045150553718400750.post-38432384143078174432010-11-02T01:03:00.001-07:002010-11-02T01:03:43.791-07:00Cara Menghilangkan Angka Dalam LabelSewaktu saya kemarin melakukan <strong>tapa brata</strong> di dalam goa yang pengap selama beberapa hari, ternyata masih tetap ada yang mencoba mengajukan pertanyaan melalui kotak komentar. Salah satunya adalah seperti ini : <br />
<br />
<br />
<blockquote> Kang,tanya nih, cara buat ngilangin angka yang didalam kurung pada label gimana? misal : <br />
<br />
<span style="color: blue;">Serba-serbi</span> (3) <br />
<br />
jumlah post-nya itu di ilangin bisa gak? </blockquote><div class="fullpost"> <br />
<br />
Jawabannya tentu saja bisa, dan untuk melakukan ini anda tidak harus mengeluarkan keringat yang banyak karena hanya dengan menghapus sedikit kode di dalam kode template, maka keinginan anda akan segera tercapai. Caranya adalah seperti ini : <br />
<br />
<ol><li>Sign in ke blogger dengan ID anda.</li>
<li>Klik <strong>Layout</strong>.</li>
<li>Klik menu <strong>Elemen Halaman</strong>.</li>
<li>Klik tab <strong>Edit HTML</strong>.</li>
<li>Klik tulisan <strong>Download Template Lengkap</strong>, silahkan di save dulu untuk backup (penting untuk di lakukan).</li>
<li>Beri tanda <strong>centang</strong> pada kotak di samping tulisan <strong>Expand Template Widget </strong>, lihat gambar di bawah : </li>
<img alt="expand widget template" src="file:///G:/sijiwae/kumpulan%20script%20blog/text%20all%20blog%20%20n%20modem/tutorial%20blog/cara-menghilangkan-angka-dalam-label_files/expand-template.jpg" />
<li>Tunggu beberapa saat ketika proses sedang berlangsung.</li>
<li>Silahkan anda cari kode berikut pada kode template milik anda :</li>
<span style="color: red;"> <code> (<data:label.count/>) </code> </span>
<li>Jika anda sudah menemukan kode yang seperti di atas, silahkan hapus/delete.</li>
<li>Klik tombol <strong>Simpan Template</strong>.</li>
<li>Selesai. Silahkan lihat hasilnya !</li>
</ol><br />
<br />
Apabila anda sudah melakukan langkah di atas, maka dapat di pastikan angka yang menyertai <strong>Label</strong> akan menghilang entah kemana. <br />
<br />
Selamat mencoba ! </div>sijiwae bloghttp://www.blogger.com/profile/05613763634044953180noreply@blogger.com0tag:blogger.com,1999:blog-2045150553718400750.post-30057690435812184882010-11-02T01:00:00.001-07:002010-11-02T01:00:43.307-07:00Buat Frame Iklan<div align="justify"> <span class="awal">S</span>obat fajar widodo rupanya tertarik untuk mengetahui bagaimana cara membuat frame seperti frame iklan yang ada di blog ini. Apakah sobat juga sama tertarik untuk membuat frame tersebut? baca saja sampai akhir, saya akan memberitahu caranya.<div class="fullpost"> <br />
<br />
Untuk membuat frame seperti itu banyak cara yang bisa di tempuh, diantaranya bisa menggunakan kode HTML <code><span style="color: red;"><div></span></code> atau bisa juga dengan menggunakan kode HTML <code><span style="color: red;"><span></span></code>. Langkah yang harus di persiapkan adalah tentukan dahulu lebar, warna latar belakang, warna huruf, jenis huruf, besarnya huruf, serta hal lain yang sekiranya berhubungan. Agar lebih mudah untuk di mengerti, saya buatkan sebuah contoh frame sebagai berikut: <br />
<br />
<div style="background: none repeat scroll 0% 0% rgb(0, 90, 245); border: 3px dashed red; color: white; padding: 10px; text-align: left; width: 330px;"> <a href="http://kolom-tutorial.blogspot.com/2007/07/perkenalkan-situs-wwwresepbisniscom.html" style="color: yellow; font-size: 17px; text-decoration: none;" title="klik di sini"><b>Belajar membuat website </b></a> »<br />
Membuat website itu sangatlah mudah, dapatkan panduannya di sini ! ditunjang berbagai software & full support. daftar segera !!<br />
<a href="http://kolom-tutorial.blogspot.com/2007/07/perkenalkan-situs-wwwresepbisniscom.html" style="color: yellow; font-size: 12px; text-decoration: none;" title="klik di sini"><b>http://www.resepbisnis.com/?id=rohman</b></a> </div><br />
<br />
<br />
Kode asli dari frame di atas adalah sebagai berikut : <br />
<br />
<div align="left"> <code> <span style="color: red;"> <div style="border: 3px dashed red; background: #005af5; padding:10px; width:330px; text-align:left; color:white;"><br />
<a style="font-size: 17px;COLOR: yellow; text-decoration:none;" href="http://kolom-tutorial.blogspot.com/2007/07/perkenalkan-situs-wwwresepbisniscom.html" title="klik di sini"><b><span style="color: blue;">Belajar membuat website </b></a> &raquo;</span><br/><br />
<span style="color: blue;">Membuat website itu sangatlah mudah, dapatkan panduannya di sini ! ditunjang berbagai software & full support. daftar segera !!</span><br/><br />
<a style="color:yellow; font-size:12px; text-decoration:none;" href="http://kolom-tutorial.blogspot.com/2007/07/perkenalkan-situs-wwwresepbisniscom.html" title="klik di sini"><b><span style="color: blue;">http://www.resepbisnis.com/?id=rohman</span></b></a><br />
</div> </span> </code> </div><br />
<br />
Jika saya membuat spesifikasi pada frame iklan di atas, maka akan seperti ini : <br />
<br />
warna pembatas : merah <br />
style dari pembatas : garis putus-putus dengan lebar 3 pixel <br />
jarak hurup dengan batas terluar : 10 pixel <br />
lebar frame: 330 pixel <br />
posisi hurup : rata kiri <br />
warna hurup : putih <br />
warna latar belakang : biru <br />
warna link : kuning <br />
<br />
<br />
Bagaimana sudah agak faham? kemungkinan besar masih bingung deh. Agar lebih mudah cobalah sobat otak-atik sendiri kode di atas, saya sedikit malas untuk menerangkan secara terperinci dari kode yang saya buat. <br />
<br />
ooo... iya lupa... sobat fajar widodo lebih spesifik menanyakan kode untuk membuat garis putus-putus. Untuk garis putus-putus perintahnya seperti ini : <br />
<br />
border : 3px dashed red; <br />
<br />
3px menandakan lebar dari garis, dashed berarti garis putus-putus, red adalah kode warna merah. <br />
<br />
Ada juga style yang lain yaitu berupa garis berbentuk garis yang solid ada juga yang berupa titik-titik. <br />
<br />
border : 3px dashed red; --> untuk garis solid<br />
border : 3px dotted red; --> untuk garis berupa titik-titik<br />
<br />
<br />
Sepertinya cukup dulu deh, silahkan untuk bereksperimen menciptakan variasi-variasi baru dari bentuk frame. Salam ! </div></div>sijiwae bloghttp://www.blogger.com/profile/05613763634044953180noreply@blogger.com0tag:blogger.com,1999:blog-2045150553718400750.post-14454065533336068902010-11-02T00:56:00.000-07:002010-11-02T01:00:21.942-07:00Memberi Daftar Isi Pada Blog<span class="awal">A</span>pakah sobat suka membaca buku? jawaban sobat tentunya akan beragam, ada yang akan menjawab suka dan ada juga yang akan menjawab tidak suka. Namun saya yakin sobat pernah membaca sebuah buku. Dalam sebuah buku ada satu bagian yang dinamakan <b>daftar isi</b>, dengan adanya daftar isi buku maka akan mempermudah pembaca buku tersebut untuk menemukan bagian-bagian isi buku yang ingin di baca. Pertanyaan yang mungkin muncul adalah apa hubungannya antara buku dengan blog? tak hanya sebuah buku yang bisa memuat daftar isi untuk mempermudah para pembacanya, didalam sebuah blog pun kita bisa melakukannya, contoh yang bisa dilihat adalah saya memuat judul-judul artikel yang pernah saya posting di bagian footer halaman ini ataupun ketika sobat membuka keluruhan artikel yang mau di baca maka di akhir artikel akan muncul sederet judul-judul artikel lainnya yang menggoda sobat untuk membacanya. Selain untuk menggoda pengunjung agar lebih berlama-lama di blog kita, cara ini pun akan sangat mempermudah para pembaca untuk menemukan artikel yang di rasa menarik untuk di baca. Akan tetapi cara tersebut saya lakukan secara manual yakni saya mencatat seluruh alamat artikel yang telah saya posting kemudian membuatkan link ke artikel tersebut. <br />
<br />
Teknik pembuatan daftar isi di atas bisa saja kita lakukan, akan tetapi tentunya perlu waktu yang lama untuk mebuatnya dan tentunya akan menyita waktu kita. Nah... yang ingin saya terangkan saat ini adalah bagaimana cara membuat sebuah <b>Daftar isi blog</b> secara otomatis. Yupppsss.. dengan hanya sekali kita membuatnya maka daftar isi tidak usah di buat berulang-ulang namun terus bekerja secara otomatis, teknik ini di perkenalkan oleh hans yang di muat melalui blognya <a href="http://beautifulbeta.blogspot.com/2007/04/blogtoc-widget-released.html" target="_blank">beautiful beta</a>. Agar tidak bingung tentang <b>daftar isi blog</b> yang akan saya terangkan, silahkan alihkan perhatian sobat ke bagian sebelah kanan atas blog ini, di sana terdapat link brtuliskan <b>Lihat Daftar Isi</b>, jika sobat meng klik link tersebut maka secara otomatis akan di perlihatkan seluruh judul artikel yang pernah saya posting lengkap dengan tanggal serta kategori dari artikel tersebut. Sunguh menarik bukan? jika sobat ingin melihatnya sobat bisa mengkliknya dan jika sobat tidak ingin melihatnya sobat tinggal mengkliknya kembali dan daftar isi pun akan di sembunyikan sehingga tidak akan menggangu pemandangan. Tertarik untuk membuatnya? silahkan ikuti langkah-langkah berikut : <br />
<br />
Langkah pertama : <br />
<br />
<br />
<ol><li>Sign in di blogger</li>
<li>Klik menu <b>Layout</b></li>
<li>Klik menu <b>Edit HTML</b></li>
<li>Klik link <b>Download full template</b>, silahkan save untuk backup data</li>
<li>Copy paste kode CSS berikut di atas kode <span style="color: red;">]]></b:skin> </span></li>
<div><form name="copy"><div align="left"></div><div align="left"><textarea cols="55" name="txt" rows="100" style="height: 200px; width: 380px;">#toc { border: 0px solid #000000; background: #ffffff; padding:2px; width:495px; margin-top:10px;} .toc-header-col1, .toc-header-col2, .toc-header-col3 { background: #B5CBFA; color: #000000; padding-left: 5px; width:250px;} .toc-header-col2 { width:75px;} .toc-header-col3 { width:125px;} .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited { font-size:100%; text-decoration:none;} .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover { font-size:100%; text-decoration:underline; color:#3D3F44;} .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:100%; background:#f0f0f0;} </textarea></div></form></div><li>Klik tombol <b>SIMPAN TEMPLATE</b></li>
</ol><br />
<br />
<br />
Langkah kedua : <br />
<br />
<ol><li>Klik menu <b>Elemen Halaman</b></li>
<li>Klik tulisan <b>Tambah sebuah Elemen Halaman</b></li>
<li>Klik tombol <b>TAMBAHKAN KE BLOG</b> di bawah tulisan <b>JavaScript/HTML</b></li>
<li>Copy paste kode berikut ke dalam elemen yang muncul</li>
<div align="left"><textarea cols="30" name="code" rows="4"> <div id="toc"></div> </textarea></div><li>Klik tombol <b>Simpan</b></li>
<li>Pindahkan elemen yang baru di buat tepat di atas elemen <b>Post</b></li>
<li>Klik tombol <b>Simpan</b> yang berada di sebelah atas</li>
<li>Klik tulisan <b>Tambah sebuah Elemen Halaman</b> kembali</li>
<li>Klik tombol <b>TAMBAHKAN KE BLOG</b> di bawah tulisan <b>JavaScript/HTML</b></li>
<li>Beri judul elemen tersebut dengan yang kata yang sobat ke hendaki. Contoh : DAFTAR ISI, kemudian copy paste kode berikut ke dalam kotak elemen</li>
<div><form name="copy"><div align="left"></div><div align="left"><textarea cols="55" name="txt" rows="100" style="height: 200px; width: 380px;"><div id="toclink"><a href="javascript:showToc();">Lihat Daftar Isi</a><br/><br/></div> <script style="text/javascript" src="http://home.planet.nl/~hansoosting/downloads/blogtoc.js"></script> <script src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script> </textarea></div></form></div><li>Ganti tulisan <span style="color: red;">YOURBLOG</span> dengan nama blog sobat</li>
<li>Klik tombol <b>Simpan</b></li>
<li>Pindahkan elemen yang baru di buat ke tempat yang sobat sukai (sebaiknya di simpan disebelah atas)</li>
<li>Klik tombol <b>SIMPAN</b> yang berada di sebelah atas</li>
<li>Selesai</li>
</ol><br />
<br />
<br />
Kode yang terakhir di pasang merupakan kode asli yang di buat oleh hans dan tentunya semua hasil dari kode tersebut berbahasa inggris, baik itu judul , alert dan segala macamnya adalah berbahasa inggris, jika sobat menginginkan jadi berbahasa indonesia, saya sudah memodifikasi javascrips nya sehingga akan menjadi berbahsa indonesia seperti milik saya. Cara yang harus di lakukan sangatlah mudah, sobat tinggal mengganti kode terakhir yang di pasang dengan kode di bawah ini : <br />
<br />
<br />
<div><form name="copy"><div align="left"></div><div align="left"><textarea cols="55" name="txt" rows="100" style="height: 200px; width: 380px;"><div id="toclink"><a href="javascript:showToc();"><img src="http://amen24.googlepages.com/folder.gif"/> &nbsp;&nbsp;Lihat Daftar Isi !</a><br/><br/></div> <script style="text/javascript" src="http://amen24.googlepages.com/daftarisi.js"> </script><script src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script> </textarea></div></form></div><br />
<br />
Jangan lupa untuk mengganti tulisan <span style="color: red;">YOURBLOG</span> dengan nama blog sobat. <br />
<br />
Selamat mencoba ! <br />
<br />
Eh... yang mau dapet menu navigasi buat di header yang cantik, kunjungi aja <a href="http://css-lybrary.blogspot.com/" target="_blank"><b>http://css-lybrary.blogspot.com</b></a>sijiwae bloghttp://www.blogger.com/profile/05613763634044953180noreply@blogger.com0tag:blogger.com,1999:blog-2045150553718400750.post-13403135576484136112010-11-02T00:50:00.001-07:002010-11-02T00:50:39.729-07:00Cara Memberi Read More Pada BlogSudah banyak yg tanya cara buat READ MORE di blogger beta / baru (untuk <span class="IL_AD" id="IL_AD6">tutorial</span> buat read more di blogspot / <span class="IL_AD" id="IL_AD7">blogger template</span> lama atau classic lihat di sini) dan sudah saya beritahu alamatnya. Tapi tampaknya <a class="st_tag internal_tag" href="http://www.2lisan.com/tag/sebagian/" rel="tag" title="Posts tagged with sebagian">sebagian</a> agak kesulitan dg tutorial bahasa Inggris. Untuk Anda yg termasuk golongan ini, saya persilahkan mengikuti panduan berikut.<br />
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 <a class="st_tag internal_tag" href="http://www.2lisan.com/tag/halaman/" rel="tag" title="Posts tagged with halaman">halaman</a>).<br />
Cara Pertama:<br />
1. Buka <span class="IL_AD" id="IL_AD10">template</span> -> Edit HTML -> Kasih tanda tik pada menu “expand widget tempate”<br />
2. Letakkan kode berikut persis di atasnya kode </head><br />
<div style="float: none; margin: 0px 0pt; text-align: center;"> </div><style><br />
<b:if cond=’data:<span class="IL_AD" id="IL_AD11">blog</span>.pageType == “item”‘><br />
span.fullpost {display:inline;}<br />
<b:else/><br />
span.fullpost {display:none;}<br />
</b:if><br />
</style><br />
3. Letakkan kode berikut di bawah kode <p><data:post.body/></p><br />
<b:if cond=’data:blog.pageType != “item”‘><br />
<a expr:href=’data:post.url’> Read More..</a><br />
</b:if><br />
4. Klik Simpan. Selesai.<br />
5. Klik SETTINGS atau Pengaturan, terus klik <span class="IL_AD" id="IL_AD4">FORMATTING</span> atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE <span class="IL_AD" id="IL_AD2">POSTING</span>. Isi kotak kosong tsb dg kode berikut:<br />
<span><br />
</span><br />
Jangan lupa klik SIMPAN PENGATURAN.<br />
<a class="st_tag internal_tag" href="http://www.2lisan.com/tag/cara-memposting/" rel="tag" title="Posts tagged with Cara Memposting">Cara Memposting</a><br />
Ketika memposting, klik EDIT HTML (bukan COMPOSE). Maka, secara otomatis akan tampak kode<br />
<span><br />
</span><br />
Letakkan posting yg akan <a class="st_tag internal_tag" href="http://www.2lisan.com/tag/ditampilkan/" rel="tag" title="Posts tagged with ditampilkan">ditampilkan</a> di <a class="st_tag internal_tag" href="http://www.2lisan.com/tag/halaman/" rel="tag" title="Posts tagged with halaman">halaman</a> muka di atas kode sementara sisanya (yakni keseluruhan entry/artikel), letakkan di antara kode<br />
<span><br />
dan<br />
</span><br />
Masalah yang Sering Dihadapi<br />
1. Saat mengklik “Simpan Perubahan” kita sering mendapat pesan demikian:<br />
<a class="st_tag internal_tag" href="http://www.2lisan.com/tag/xml/" rel="tag" title="Posts tagged with XML">XML</a> error <span class="IL_AD" id="IL_AD12">message</span>: The element type “style” must be terminated by the matching end-tag “”.<br />
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.<br />
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 <a class="st_tag internal_tag" href="http://www.2lisan.com/tag/semua/" rel="tag" title="Posts tagged with semua">semua</a> tanda kutip buka/tutup (quote/unquote) di “fullpost” dan ganti dengan tanda kutip yang baru. Jangan lupa klik “Simpan”.<br />
Selesai. Selamat ngeblog di blogger / blogspot dengan READ MORE.<br />
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.<br />
Cara Kedua:<br />
1. Buka template –> edit HTML<br />
2. Kasih tanda tik/cek menu “expand widget template”<br />
3. Cari kode berikut di TEMPLATE blog Anda:<br />
<div class=’post-header-line-1′/><br />
<div class=’post-body’><br />
4. Kalau sudah ketemu, letakkan kode berikut DI BAWAH kode html di atas:<br />
<b:if cond=’data:blog.pageType == “item”‘><br />
<style>.fullpost{display:inline;}</style><br />
<p><data:post.body/></p><br />
<b:else/><br />
<style>.fullpost{display:none;}</style><br />
5. Di Bawah kode di atas ada kode html sbb:<br />
<p><data:post.body/></p><br />
<div style=’clear: both;’/> <!– clear for photos floats –><br />
</div><br />
6. Nah, di antara kode<br />
<p><data:post.body/></p><br />
dan kode<br />
<div style=’clear: both;’/> <!– clear for photos floats –><br />
</div><br />
pasang kode html ini:<br />
<a expr:href=’data:post.url’>Read More .. </a><br />
</b:if><br />
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):<br />
<div class=’post-header-line-1′/><div class=’post-body’><br />
<b:if cond=’data:blog.pageType == “item”‘><br />
<style>.fullpost{display:inline;}</style><br />
<p><data:post.body/></p><br />
<b:else/><br />
<style>.fullpost{display:none;}</style><br />
<p><data:post.body/></p><br />
<a expr:href=’data:post.url’>Read More……</a><br />
</b:if><br />
<div style=’clear: both;’/> <!– clear for photos floats –><br />
</div><br />
Klik Simpan Template. Selesai.<br />
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:<br />
<span class=”fullpost”><br />
</span><br />
Jangan lupa klik SIMPAN PENGATURAN.<br />
<a class="st_tag internal_tag" href="http://www.2lisan.com/tag/cara-memposting/" rel="tag" title="Posts tagged with Cara Memposting">Cara Memposting</a><br />
Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode<br />
<span class=”fullpost”><br />
</span><br />
Letakkan posting yg akan <a class="st_tag internal_tag" href="http://www.2lisan.com/tag/ditampilkan/" rel="tag" title="Posts tagged with ditampilkan">ditampilkan</a> di <a class="st_tag internal_tag" href="http://www.2lisan.com/tag/halaman/" rel="tag" title="Posts tagged with halaman">halaman</a> muka di atas kode sementara sisanya (yakni keseluruhan entry), letakkan di antara kode<br />
<span class=”fullpost”><br />
dan<br />
</span><br />
<a class="st_tag internal_tag" href="http://www.2lisan.com/tag/catatan/" rel="tag" title="Posts tagged with Catatan">Catatan</a> Penting:<br />
(A) Artikel yg diposting sebelum pemasangan kode READ MORE di atas akan tetap tampil penuh di <a class="st_tag internal_tag" href="http://www.2lisan.com/tag/halaman/" rel="tag" title="Posts tagged with halaman">halaman</a> muka, Anda <a class="st_tag internal_tag" href="http://www.2lisan.com/tag/bisa/" rel="tag" title="Posts tagged with bisa">bisa</a> mengeditnya dg cara sbb:<br />
1. Klik menu EDIT POSTS<br />
2. Klik EDIT di artikel yg akan diedit.<br />
3. Pasang kode <span><br />
di bawah paragraf yg akan <a class="st_tag internal_tag" href="http://www.2lisan.com/tag/ditampilkan/" rel="tag" title="Posts tagged with ditampilkan">ditampilkan</a>. Dan pasang kode </span><br />
di akhir artikel.<br />
Ingat kode hanya ada SATU kode <span> dan </span>. Apabila terdapat lebih dari satu, dan biasanya numpuk di bagian paling bawah artikel, maka dibuang saja.<br />
Masalah yang Sering Dihadapi<br />
1. Saat mengklik “Simpan Perubahan” kita sering mendapat pesan demikian:<br />
<a class="st_tag internal_tag" href="http://www.2lisan.com/tag/xml/" rel="tag" title="Posts tagged with XML">XML</a> error message: The element type “style” must be terminated by the matching end-tag “”.<br />
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.<br />
2. Anda sudah berhasil memasang seluruh kode di atas, tetapi ‘read more’ gak berhasil; posting tetap panjang? Solusi: klik “Pengaturan” -> klik “Format” -> buang <a class="st_tag internal_tag" href="http://www.2lisan.com/tag/semua/" rel="tag" title="Posts tagged with semua">semua</a> tanda kutip buka/tutup di “fullpost” dan ganti dengan tanda kutip yang baru. Jangan lupa klik “Simpan”.<br />
Perhatian:<br />
Kalau Anda masih gagal juga dengan tutorial di atas, silahkan <span class="IL_AD" id="IL_AD1">download</span> tutorial versi text di bawah ini.<br />
Cara buat read more blogger blogspot barusijiwae bloghttp://www.blogger.com/profile/05613763634044953180noreply@blogger.com0