Daftar Menu Otomatis

Daftar menu blog yang biasanya ditempatkan pada sidebar blog ini ada juga yang menyebutnya dengan table of content. Cara membuat table of content ini sedikit berbeda dengan daftar isi blog otomatis yang pernah saya posting sebelumnya. Pada widget daftar menu otomatis ini sudah dilengkapi fungsi scroll dan pengunjung blog anda dapat mempercepat pencarian artikel dengan menggunakan opsi pilihan label, title, tanggal posting serta dapat juga menampilkan seluruh isi blog jika kita memilih opsi “All label”. Pada script daftar menu blog yang mau saya share ini, mampu menampilkan sampai max 500 halaman posting. Jika blog anda sudah memiliki lebih dari 500 halaman posting, tinggal diganti saja angka 500 dengan angka 1000 beres !. Dan satu lagi kelebihannya : jika anda mengklik icon panah hitam yang ada didepan judul posting, maka akan memunculkan ringkasan artikel tersebut sepanjang 250 kata. Klik kembali icon panah tersebut untuk menyembunyikan ringkasan.

Cara Membuat Daftar Menu/Isi Di Sidebar Blog :

• masuk ke dashboard blog anda
• lalu masuk tata letak/layout
• klik tambah gadget
• cari tulisan (html/javascript)
• copy paste kan code di bawah ini:

<div style="background:#FF0000; no-repeat scroll 0 0; border:2px solid #FFFFFF; height:310px; overflow:auto; padding:10px; width:260px;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 250;
</script>
<script src="http://raihanun.googlecode.com/files/DaftarMenuOtomatis.js">
</script>
<script src="http://altiftif.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">
</script></div>

tulisan yang berwana hijau untuk mengganti warna backgroundnya, jika anda ingin mengganti warna bacgroundnya klik disini dan copy codenya
 Ganti tulisan yang berwarna merah dengan alamat blog anda.

cara membuat read more tanpa javascript

Pertama-tama masuk ke akun blogger. Kemudian ikuti langkah-langkah berikut:
1. Klik menu seperti ini

2. Klik menu / tulisan Template

3. Klik menu Edit HTML

4. Klik tulisan / menu Lanjutkan

5. Beri centang pada Expand Template Widget

Sebagai jaga-jaga jangan lupa backup dahulu template yang kamu gunakan.

Sekarang cari kode <data:post.body/> (agar lebih mudah menemukan kode tersebut silakan baca : Cara Mudah + Cepat Mencari Kode Html di Blogger)

Setelah itu ganti dengan kode berikut ini:

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<style type="text/css">.thumb img {float: left; margin: 0 10px 5px 0;}</style>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

Setelah itu silakan simpan.

Selesai dan silakan lihat perubahan pada blog kamu.

Selamat mencoba,semoga berhasil, dan mudah-mudahan bermanfaat.

Membuat Link Hover Dengan Bintang Berpijar Diblogspot

Mungkin mendengar judulnya saja anda mungkin sudah banyak yang tahu, karena saya mengira masih banyak yang belum tau Cara Membuat Link Hover Dengan Bintang Berpijar ini maka saya share aja. Supaya anda tidak suntuk dan mengantuk, coba langsung terapkan diblog anda dengan cara berikut :

• Masuk ke blogger.
• Pilih Rancangan - Edit Html
• Kemudian anda cari kode a:hover {
• Tambahkan kode berikut kedalamnya :

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjCCGI-Om4lYzjkVcUNN9FlWz8EHwRgoeFayB7xqA86b63ZC1jDmdMWq2uj3hn97oI4UxUwu9VPEhvr4DmLpAYZvXrOHENLCA3mZO9Sis5VvmNLZScEABB8oHB6eEoqqE0UXjw_sKkKWEO/s1600/stars.gif); 

• sehingga susunanya menjadi seperti ini :

a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjCCGI-Om4lYzjkVcUNN9FlWz8EHwRgoeFayB7xqA86b63ZC1jDmdMWq2uj3hn97oI4UxUwu9VPEhvr4DmLpAYZvXrOHENLCA3mZO9Sis5VvmNLZScEABB8oHB6eEoqqE0UXjw_sKkKWEO/s1600/stars.gif);}

• Lalu Save Template.

Semoga Cara Membuat Link Hover Dengan Bintang Berpijar Diblogspot berguna dan bermanfaat bagi anda.

Bahaya Merokok

24 Penyakit Fatal Akibat Merokok

Rokok memiliki dampak yang sangat buruk, sebab rokok merusak hampir seluruh organ tubuh manusia, oleh karena itu merokok dapat menimbulkan berbagai macam penyakit yang sangat banyak, sedikitnya ada 24 penyakit yang fatal, misalnya kanker dan penyakit jantung. Dampak buruk merokok bagi kesehatan ini biasanya akan muncul dalam jangka waktu yang lama, di atas 5 tahun. Produk tembakau khususnya rokok dapat berbentuk sigaret, kretek, cerutu, lintingan, menggunakan pipa, tembakau yang disedot, ataupun tembakau tanpa asap.

Di dalam daftar di bawah diuraikan berbagai macam penyakit dan bagian-bagian tubuh yang dapat dipengaruhi oleh efek buruk merokok. Pria atau wanita yang merokok menghadapi resiko buruk yang sama, yaitu kematian. Selain itu ada resiko yang khusus bagi wanita yaitu terganggunya fungsi reproduksi.

Sampai saat ini tidak ditemukan satupun akibat baik dari menghisap rokok. Karena dampaknya yang sangat buruk bahkan dari kalangan agama pun sepakat untuk ikut mengurangi kebiasaan merokok di masyarakat, yaitu dengan mengeluarkan rekomendasi pelarangan merokok.

Berikut adalah penyakit-penyakit dan gangguan kesehatan pada organ tubuh yang disebabkan oleh kebiasaan merokok.

Cara Membuat link berwarna warni seperti Pelangi

Memiliki isi blog dengan tampilan yang bagus tentu akan membuat orang lebih tertarik untuk melihat dan membacanya. Dan sudah pasti kita jadi lebih  betah berlama-lama di depan komputer atau laptop. Nah kali ini saya akan memberikan sedikit tips  cara membuat link kita berwarna-warni seperti pelangi . Langsung saja ….

• Login ke Blog anda   ..... Dasbor  buka ...... Rancangan ...... Edit HTML
•  Jangan Lupa Ceklist Expand Widget Template
• Kemudian silahkan cari kode  .......   <head> 
• Lalu kopas kode dibawah ini tepat dibawah kode ..... <head>

Inilah Kode yang harus anda kopas

script language='javascript' src='http://zykry.googlecode.com/files/LinkPelangi.js'/>. 

•  Simpan Template 
• Silahkan anda cek. Semoga berhasil kawan. Selamat mencoba.

Daftar Web Penydia Template Gratis Buat Para Blogger

nah ini saya bagikan daftar tempat download template gratis untuk blog, jadi sobat semua gak kebingungan lagi deh kalau mau cari template dimana,,, silahkan dipilih sesuai yang sobat suka...

ni tempat download template :

• http://btemplates.com/
• http://www.bloggerstyles.com/
• http://www.borneotemplates.com/
• http://www.eblogtemplates.com/
• http://www.bloggerbuster.com/
• http://blogger-templates.blogspot.com/
• http://www.ourblogtemplates.com/
• http://themelib.com/
• http://templates.arcsin.se/category/blogger-templates/
• http://www.blog-connection.com/blog-templates.html
• http://www.blogcrowds.com/resources/blogger_template.php
• http://www.jackbook.com/
• http://www.geckoandfly.com/
• http://www.pannasmontata-templates.net/templates/blogger-templates-01-10/
• http://www.pyzam.com/bloggertemplates/all
• http://blogtemplate4u.com/
• http://www.isnaini.com/blogger-templates/

Nah silahkan teman hunting dach nih nama webs yang teman mau gunakan templatenya...

buat Headline News pada blog

Menambah Headline News di blogspot itu topik kita hari ini. sesuai dengan namanya widget headline news, ini adalah widget dengan bantuan javascript untuk menampilkan judul serta link artikel-artike terbaru dari update blog anda.

Nah untuk membuat nya sangat lah mudah anda cukup copy paste kode dibawah ini ke dalam elemen widget yang baru, Letakkan widget terserah anda.

<script type="text/javascript">
var hn_url_blog = "http://NAMABLOGANDA.blogspot.com";
var hn_jumlah_post = 5;
var hn_warna_latar = "#333333";
var hn_warna_garis = "#000000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = true;

</script>
<script src="http://recent.googlecode.com/files/headlinenews.txt">
</script> kemudian simpan dan lihat hasilnya.

Catatan :

• hn_url_blog = URL blog anda (ganti dengan url blog anda)
• hn_jumlah-post = jumlah judul artikel yang di tampilkan
• hn_warna_latar = kode warna untuk latar belakang headline news
• hn_warna-garis = kode warna garis bingkai
• hn-posisi = menentukan posisi letak headline news

... taukan headline news yang ane maksud??  ntu yang seperti running text pada Televisi yang tulisan bergerak dibagian bawah TV antum ... jelas ga ? ya udah ....
Selamat mencoba kawan semoga berhasil ya