Membuat Read More Tanpa Script

Panduan Cara Membuat Read More Di Blogger Tanpa Menggunakan Script Read More

Hari ini saya ingin menuliskan cara membuat read more tanpa script atau cara membuat posting yang ada tulisan baca selengkapnya tanpa harus menutak-atik template yang kita gunakan, tanpa harus repot-repot menambahkan kode/script lagi. Bagi yang ingin mencoba membuat Auto Read More (Read More Otomatis menggunakan script) silakan baca Cara Membuat Auto Read More di Blogger.

Saya rasa ini bisa di jadikan alternatif yang sangat tepat/JITU bagi siapa saja yang ingin menampilkan sebagian tulisan di home page yang ada tulisan Read More atau Baca Selengkapnya. Cara ini juga sangat aman, karena tidak ada RESIKO EROR.

Ingin tahu Cara Membuat Read More Tanpa Script???

Silakan baca terus ,,,
Oh ia ... bagi yang sudah tahu cara ini silakan tegur jika ada yang salah.

Cara Membuat Read More/Baca Selengkapnya tanpa edit template sangat mudah!!!

1. Silakan tulis artikel seperti biasanya (tulis saja dulu sampai selsai)
2. Letakkan korsur pada tulisan (sesudah kalimat) yang ingin di masukkan Read More.
3. Klik Icon Insert jum break
4. Terbitkan/Publish artikel tersebut dan silakan lihat hasilnya.

Nah itu lah cara mudah membuat read more/baca selengkapnya di blogger tanpa harus pusing dan ribet memasukkan script read more lagi.

Selamat Mencoba


Bagi teman-teman yang sudah menggunakan Cara Membuat Read More Tanpa Script ini namun tombol/tulisan Read More/Baca Selengkapnya tidak ada. Maka silakan teman-teman baca artikel Cara Menambahkan Tombol Read More bagi pengguna cara bikin read more tanpa script.

Sebenarnya artikel tersebut sudah lama saya tulis, namun lupa masukin info nya di sini.

Tutorial Cara Menambahkan Facebook Like Button Di Blogger

Seperti biasa, pertama silakan login dulu ke blogger

Setelah itu silakan klik Design / Rancangan / Tata Letak, kemudian klik bagian Edit Html

Cari Kode

]]></b:skin>

Letakkan kode berikut di atas ]]></b:skin> tadi

.fb_like_box {
-moz-border-radius:5px 5px 5px 5px;
border-radius:10px;
background:#f5f5f5;
border:1px dotted #ddd;
margin-bottom:10px;
padding:10px;
width:500px;
height:20px;
}

Penting Untuk Diketahui !!!

Silakan ganti kode yang saya beri warna merah (500) dengan ukuran lebar yang sesuai dengan template teman.

Simpan dulu dengan cara mengklik tombol Simpan / Save (Letakknya di bawah).
Beri centang pada pada bagian Expand Widget Templates. Jika belum tahu tempatnya silakan lihat di cara membuat auto read more di blogger

Masukkan kode berikut di bawah kode <data:post.body/>

<div class='fb_like_box'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='400'/>
</div>

Sekarang silakan simpan kembali template anda dan silakan lihat hasilnya, apakah Facebook Like Button nya sudah terlihat.

Oh ia ...
Jika anda meninginkan Facebook Like Button nya terlihat di halaman posting saja silakan pasang kode yang ini, kode di atas tidak perlu di pasang.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb_like_box'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='400'/>
</div>
</b:if>

Selamat Mencoba dan semoga berhasil ...

Panduan Cara Mudah Merubah Cursor Blog

Tutorial Mudah Merubah Cursor Untuk Blogspot Baru

1. Klik Tata Letak

2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript

4. Masukkan kode widget jam yang sudah saya sertakan di bawah
5. Simpan (kamu juga bisa memindahkan letak widget jam tersebut dengan cara menarik gadget tersebut)

Tutorial Mudah Merubah Cursor Untuk Blogspot Lama

1. Klik Menu Rancangan / Design

2. Klik Tambah Gadget / Add A Gadget

3. Pilih Gadget Html/JavaScript

4. Masukkan kode widget jam yang sudah saya sertakan di bawah
5. Simpan (kamu juga bisa memindahkan letak widget jam tersebut dengan cara menarik gadget tersebut)

Kode Cursor Untuk Blogger Yang Harus Di Pasang

Silakan copy dan paste kode berikut:

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkGiPvIEHhjmq6-Ae1lFDfANUUKTC-v8ZpzuwEe7J_04PKTtbrc7eGowISsCebKNfau5dY9oimhJ6xnYcAqGvI50yJnItpg9lF0fa0lwMKRXAA02iGadts10h0Jgy7RjojrShh_rqC-We7/s1600/jasablogsitus-web-id.gif"), auto;}
</style>

Catatan:
Silakan rubah tulisan yang saya beri warna Merah dengan url gambar cursor yang kamu suka.
Jika kamu menggunakan semua kode yang saya tuliskan di sini (tanpa mengganti bagian yang saya beri warna Merah) maka cursornya terlihat seperti ini

 

Update !!!

Agar corsornya berubah secara permanen walaupun diarahkan kelink silakan gunakan kode seperti ini:

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkGiPvIEHhjmq6-Ae1lFDfANUUKTC-v8ZpzuwEe7J_04PKTtbrc7eGowISsCebKNfau5dY9oimhJ6xnYcAqGvI50yJnItpg9lF0fa0lwMKRXAA02iGadts10h0Jgy7RjojrShh_rqC-We7/s1600/jasablogsitus-web-id.gif"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkGiPvIEHhjmq6-Ae1lFDfANUUKTC-v8ZpzuwEe7J_04PKTtbrc7eGowISsCebKNfau5dY9oimhJ6xnYcAqGvI50yJnItpg9lF0fa0lwMKRXAA02iGadts10h0Jgy7RjojrShh_rqC-We7/s1600/jasablogsitus-web-id.gif"), auto;}
</style>

Catatan : Yang harus dirubah sama dengan yang sudah saya tuliskan di atas
Selamat mencoba, dan semoga ini bisa mempermudah teman dalam mengganti cursor blog bloggernya.


SUMBER:  
http://blog.ahmadrifai.net/2012/02/cara-mudah-merubah-cursor-blog-blogger.html