Menu Readmore Yang Lain

Menu Readmore yang kedua ini dengan menggunakan javascript sehingga kita tidak perlu membagi lagi setiap postingan menjadi dua atau tiga bagian, dan akan bekerja secara otomatis, tapi tampilan dihalamam utamanya kurang memuaskan karena tampilannya seperti tampilan pada RSS.

Langkah kerja:

1. Masuk ke Blogger Dasbor
2. Klik pada: Tata Letak
3. Klik pada: Edit HTML
4. Klik pada: Expand Template Widget
5. Kemudian lihat pada script, copy paste script ke editor atau bila tidak ada bisa menggunakan Notepad
6. Untuk lebih amannya buat backup dari script awal, agar nanti bila terjadi error bisa kembali ke awal.
7. Masukkan Script Dibawah ini tepat diatas Tag </Head> (penutup bagian Head)


Bila script tidak muncul,klik disini untuk melihat script


8. Kemudian cari <data:post.body/> dengan menu find yang tersedia di notepad

script awal:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

9. Ganti dengan script dibawah ini:

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>

</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

10. Selesai

Tips dan Trik Blogger : Membuat Menu Daftar Isi Seluruh Postingan

Langkah Pertama:

1. Masuk ke Blogger Dasbor
2. Klik pada: Tata Letak
3. Klik pada: Edit HTML
4. Masukkan Script Dibawah ini diatas Tag </Head> (penutup bagian Head)

scriptnya:

Bila script tidak muncul,klik disini untuk melihat script

5. Setelah selesai klik pada simpan template. Langkah pertama selesai.


Langkah kedua:

1. Klik pada: Elemen Laman
2. Klik pada: Tambah Gadget
3. Pilih pada HTML/JavaScript
4. Pada bagian konten masukkan script dibawah ini:

<style>
#marqueeee{
border:0px solid #000;
width:99%;margin:0px 0 0 0px; padding:0;
height:400px;
overflow:auto;
}
</style>

<div id="marqueeee">
<script style="text/javascript">var numposts = 999;var namablog = 'NamaBlogYangMauDilihatIsinya'; var numchars = 500;</script>
<script src="http://NamaBlogYangMauDilihatIsinya.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=menudaftarisi"></script><br/>
</div>

setelah selesai klik: simpan. Selesai

Catatan:
1. Ganti NamaBlogYangMauDilihatIsinya dengan nama blog antum.
2. Untuk Var numchars adalah banyaknya karakter yang akan ditampilkan pada bagian title, bisa dirubah. Var Numpost harus minimal sekitar 20, bila ingin menampilkan seluruh postingan isi dengan 999, sebaiknya diiisi dengan 999.
Misalnya kita hanya ingin menampilkan 5 postingan saja,atau 10 postingan, ubah pada max-result=999 menjadi max-result=5 atau 10.

Bila kita ingin menampilkan daftar isi blog lain diblog kita, ganti NamaBlogYangMauDilihatIsinya dengan nama blog tersebut, tapi biasanya proses loadingnya agak lama, untuk mengatasinya letakkan menu daftar isi ini dibagian paling bawah halaman kita, sehingga pengunjung blog bisa melihat dulu bagian halaman blog kita yang lain.

Selamat mencoba.

Tips dan trik Blog : Memperpendek Tampilan Postingan Pada Halaman Utama Blogspot ( Menu Read more )

1. Masuk ke Blogger Dasbor
2. Klik pada: Tata Letak
3. Klik pada: Edit HTML
4. Klik pada: Expand Template Widget
5. Kemudian lihat pada script, copy paste script ke editor atau bila tidak ada bisa menggunakan Notepad
6. Untuk lebih amannya buat backup dari script awal, agar nanti bila terjadi error bisa kembali ke awal.
7. Kemudian cari <data:post.body/> dengan menu find yang tersedia di notepad

script awal:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Kemudian ganti dengan script dibawah ini:

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<style type='text/css'>.bawah {display:none;}</style>
<data:post.body/>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'> <br/> <div style='text-align: right;'>Baca lebih lanjut...</div></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><br/><div style='text-align: right;'>Baca lebih lanjut...</div></a>
</b:if>
</b:if>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

kemudian copy semua script dan masukkan ke blogger, klik pada simpan template.
Selesai.

Langkah selanjutnya, kita harus membagi setiap postingan yang kita buat menjadi 2 bagian, yaitu
<div class="Summary">....</div> dan
<div class="bawah">....</div>

atau bisa juga menjadi tiga bagian dengan susunan:
<div class="bawah">....</div>
<div class="Summary">....</div>
<div class="bawah">....</div>


dibagi menjadi dua, contoh:

<div class="Summary">Isi posting dari awal yang akan ditampilkan dihalaman utama</div>
<div class="bawah">Isi postingan yang tidak ditampilkan</div>

dibagi menjadi 3 bagian, contoh:
<div class="bawah">Isi postingan bagian awal, tetapi tidak ditampilkan dihalaman utama</div>
<div class="Summary">Isi posting yang ingin ditampilkan dihalaman utama</div>
<div class="bawah">Isi postingan bagian selanjutnya sampai yang paling akhir yang tidak akan ditampilkan dihalaman utama</div>

Selamat mencoba.

Tips Trik Blogging : Menampilkan beberapa widget hanya pada halaman Utama Atau Pada Halaman Tertentu

Trik untuk menampilkan beberapa widget hanya pada halaman utama atau hanya pada halaman posting atau hanya pada link tertentu.

1. Login di Dashboard Blogger Anda.
2. Kemudian Klik pada Layout (tata letak).
3. Klik pada Edit HTML.

Sekarang Cari untuk widget yang ingin ditampilkan hanya pada situs atau hanya pada halaman posting.

Cari tag b:section seperti ini .. <b:section id='....'>
kemudian tambahkan tag dibawah ini tepat diatas tag tersebut.


Untuk menampilkan hanya dihalaman utama tambahkan:
<b:if cond='data:blog.url == data:blog.homepageUrl'>

Untuk menampilkan hanya dihalaman postingan tambahkan:
<b:if cond='data:blog.pageType == "item"'>


Untuk menampilkan hanya di link halaman tertentu (halaman postingan tertentu) tambahkan:
<b:if cond='data:blog.url == "Blog Post URL"'>

Ubah Blog Post URL dengan halaman tertentu tersebut.


Setelah selesai tambahkan tag </b:if> tepat dibawah tag </b:section>

contoh: (#content-pad hanya ditampilkan dihalaman utama)

<div id='content-pad'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='main' id='main2' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML6' locked='false' title='KALIMATNYA KALIMAT PEDANG' type='HTML'/>
</b:section>
<b:else/>
<style type='text/css'>
#content-pad {display:none; width:0px}
</style>
</b:if>
</div>

yang berwarna merah adalah tambahan.