Ini tentang pertanyaan saya sendiri. Bagaimana cara memunculkan kode HTML di sebuah postingan? Misalnya, menuliskan kode ]]></b:skin>
Ternyata caranya sangat mudah. Kita hanya tinggal copy kode yang ingin di tampilkan lalu parse (paste) kode tersebut di tempat penyedia parse otomatis. Acacicu biasa menggunakan HTML Endocer. Anda bisa mengunjungi www.opinionatedgeek.com
Setelah di parse (encode), silahkan kopi hasilnya dan di paste (di sisipkan) pada tulisan yang anda maksud.
Silahkan dicoba. Semoga berhasil.
Sabtu, 02 Juli 2011
Cara Membuat Read More di Acacicu
Ada banyak cara membuat read more pada postingan blog. Berikut yang biasa digunakan oleh acacicu dotkom.
Langkah pertama.
Masuklah ke akun blogger anda. Klik pengaturan dan kemudian klik format.
Pada layar paling bawah, ada text area kosong disamping tulisan Templat Entri, isi teks area kosong tersebut dengan kode di bawah ini :
<span class="fullpost">
</span>
Klik tombol simpan pengaturan
Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.
Langkah kedua
Klik rancangan. Kemudian klik edit HTML. Lalu klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :
Tunggu beberapa saat ketika proses sedang berlangsung. Kemudian, silahkan anda cari kode berikut pada kode template milik anda :
<data:post.body/>
Atau kode di bawah ini / sama saja kok.
<p><data:post.body/></p>
Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):
<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/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>
Klik tombol simpan template.
SELESAI
Klik menu posting. Klik entri baru. Maka secara otomatis akan ada tulisan (kode) seperti ini.
<span class="fullpost">
</span>
Tuliskan artikel yang ingin tampak pada blog sebelum kode :
<span class="fullpost">
Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :
</span>
http://www.blogger.com/img/blank.gif
Klik tombol bertuliskan Terbitkan Entri.
Klik tulisan Lihat Blog(di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas.
Artikel ini di sadur sepenuhnya dari blog nya Kang Rohman di KOLOM TUTORIAL. Terimakasih ya Kang. Semoga rejekinya lancar, Amiiin.
Langkah pertama.
Masuklah ke akun blogger anda. Klik pengaturan dan kemudian klik format.
Pada layar paling bawah, ada text area kosong disamping tulisan Templat Entri, isi teks area kosong tersebut dengan kode di bawah ini :
<span class="fullpost">
</span>
Klik tombol simpan pengaturan
Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.
Langkah kedua
Klik rancangan. Kemudian klik edit HTML. Lalu klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :
Tunggu beberapa saat ketika proses sedang berlangsung. Kemudian, silahkan anda cari kode berikut pada kode template milik anda :
<data:post.body/>
Atau kode di bawah ini / sama saja kok.
<p><data:post.body/></p>
Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):
<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/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>
Klik tombol simpan template.
SELESAI
Cara Posting Artikel
Klik menu posting. Klik entri baru. Maka secara otomatis akan ada tulisan (kode) seperti ini.
<span class="fullpost">
</span>
Tuliskan artikel yang ingin tampak pada blog sebelum kode :
<span class="fullpost">
Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :
</span>
http://www.blogger.com/img/blank.gif
Klik tombol bertuliskan Terbitkan Entri.
Klik tulisan Lihat Blog(di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas.
Artikel ini di sadur sepenuhnya dari blog nya Kang Rohman di KOLOM TUTORIAL. Terimakasih ya Kang. Semoga rejekinya lancar, Amiiin.
Cara membuat scroll Bar pada posting blog
Berikut adalah cara membuat scroll Bar pada posting blog. Contohnya bisa dilihat di sini.
Scroll Bar bermanfaat sekali untuk mengatisipasi artikel yang panjang. Scroll Bar bisa mengumpulkannya dalam satu kolom. Klik tulisan Selengkapnya (bawah) bila akan membaca secara lengkap.
Caranya sederhana. Ketika kita melakukan posting ke blog, sisipkan kode:
Copy kode di bawah ini dan letakkan di entri posting :
<div style="overflow:auto;width:450px;height:200px;padding:10px;border:1px solid #eee">
Letakkan Tulisan anda (yang akan dicantumkan) di sini
</div>
Kode tersebut ditulis pada halaman edit HTML, bukan compose . Anda bisa meihatnya pada gambar di bawah ini :
Baru kemudian anda bisa melakukan pengecekan dengan masuk ke halaman compose.
Scroll Bar bermanfaat sekali untuk mengatisipasi artikel yang panjang. Scroll Bar bisa mengumpulkannya dalam satu kolom. Klik tulisan Selengkapnya (bawah) bila akan membaca secara lengkap.
Caranya sederhana. Ketika kita melakukan posting ke blog, sisipkan kode:
Copy kode di bawah ini dan letakkan di entri posting :
<div style="overflow:auto;width:450px;height:200px;padding:10px;border:1px solid #eee">
Letakkan Tulisan anda (yang akan dicantumkan) di sini
</div>
Kode tersebut ditulis pada halaman edit HTML, bukan compose . Anda bisa meihatnya pada gambar di bawah ini :
Baru kemudian anda bisa melakukan pengecekan dengan masuk ke halaman compose.
SELESAI
Tulisan ini di sadur dari :
