Monday, April 16, 2012

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.
Friday, April 13, 2012

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.
Tuesday, April 10, 2012

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
Monday, April 9, 2012

Cara Memasang Histats di Blog

Cara Memasang Histats di Blog | Setelah membuat blog, ingin rasanya kita mengetahui berapa jumlah pengunjung pada blog kita. Apa sish histats itu?
Histats.com adalah sebuah website layanan stats dan data traffic pengunjung blog atau website. Cara mendapatkan data analisis ini kita hanya perlu meletakkan script dari histats.com di dalam blog/website kita. Hisatas.com di kembangkan dan di kelola oleh Francesco Vigotti, seorang internet marketer.
  • Histats bisa juga di klafikasikan mirip dengan Google Web Analysis, yang berfungsi untuk memantau :
  • traffic stats,
  • user online,
  • referrring sites (dari mana situs pengunjung berasal), search engine (dengan kata kunci apa pengunjung datang ke blog kita memalui search engine),
  • browser (browser apa yang mereka gunakan untuk mengakses blog kita),
  • geolocation (dari belahan dunia mana mereka berasal), traffik by url,
  • traffic by title dll.
Nah, gimana tertarik untuk mengetahui tentang pengunjung blog anda, silahkan di coba widget yang satu ini. Pemasangannya di dalam blogger-blogspot juga sangat mudah, hanya tinggal Register di histats dan membuat akun kemudaian, anda hanya tinggal memilih widget yang di inginkan, mengambil kode script yang di berikan oleh histats dan meletakkanya di dalam Tambah Gadget --- Javascript+Html di tata letak blogger Anda.
Tutorial Cara Memasang Histats di Blog Anda : (jangan lupa siapkan minuman anda yah... hehehe, kopi atau teh gitu loh biar adem)
1. Masuk ke Histats.com
2. Registerlah : Klik Register

Pada Create new account isikan data-data yang di pelukan, jangan sampai ada yang ketinggalan. Jika sudah beri tanda centang pada I have read and agree Publisher Agreement Terms dan tuliskan captcha.


Dan KLIK Register. Kemudian ada pesan seperti ini

Buka email yang tadi anda daftarkan dalam Create new account dan KLIK tautan yang di berikan Histats untuk mangaktifkan akun anda.
your account is now active, please login now and start using histats.com!
Jika ada pesan tersebut maka akun anda telah aktif, silahkan masuk lagi ke histats.com dan login dengan email dan password yang anda buat sebelumnya.

3. + Add a Website

Langkah selanjutnya adalah mendaftarkan website atau blog Anda. Blog yang di daftarkan bisa lebih dari satu, jadi dengan manfaatkan satu akun histats, anda bisa mendaftarkan banyak blog atau website anda, gratis pula.. cihui ga tuh... oke go on..

KLIK + Add a Website





● Site url : url situs anda http://namabloganda.blogspot.com contoh: http://kumpulan-adsen.blogspot.com
● Pilih bahasa : Indonesian - Bahasa Indonesia
● Time zone : Pilih Waktu Pendaftaran ke histats, Misal : 11 - 04:38 am Asia/Jakarta (sesuaikan zona dimana anda registrasi histats)
● Category : Website anda termasuk kategori apa, silahkan di pilih. Misalnya Visual Art & Design --- Design.
● Title : Judul web atau blog Anda.
● Description : Penjelasan singkat tentang blog Anda.
● Stats visibility : artinya pengaturan provasi siapa saja yang dapat melihat Status atau data dari pengunjung Blog Anda. ada dua pilihan visible to everyone atau visible only to me, silahkan di pilih.
● Jangan lupa kode captcha.
● Dan KLIK Continue

Beres sudah. Jadi sekarang adalah, cara memasang widget di blog blogspot anda.


4. Pasang widget di blogger

KLIK : nama blog anda.


KLIK : Counter Code.


KLIK + add new counter


Tinggal di pilih yang sesuai selera Anda, 1, 2, 3, 4 line, animated dll. Terserah anda.

Nah satu yang unik yaitu Hidden Tracker, jika memilih yang ini maka counter dan widget tidak akan di tampilkan di dalam blog anda, namun anda harus tetap memasang kode scriptnya di blog anda, dengan cara ini anda tetap mendapatkan data traffic dan dapat tetap di akses di dalam akun anda.


Beri tanda centang pada visitor today : Total visitor - Page views today - Total page views - user online dan KLIK SAVE.


KLIK Pada Counter id : xxxxxxx (no itu bukan patokan sesuai yg dikasih)


Lalu Copy code scriptnya


5. Masuk ke Blog Kawan, tentunya dengan ACC kawan sendiri bukan.
Klik Rancangan atau Tata Letak --> Tambah Gadget ---> Pilih HTML/Javascript dan paste code script kemudian SIMPAN.
Nah sekarang kalian boleh lihat hasilnya. Selamat mencoba

Cara Membuat Buku Tamu dengan Widget CBOX pada Blog

Pada dasarnya, blogger ingin sekali mengetahui kira-kira siapa saja yang berkunjung pada Blog yang dia kelola. Dari membuat Buku Tamu di blog secara manual (buku tamu berupa postingan atau laman blog), saling tukar link, bahkan menggunakan fasilitas-fasilitas dari pihak ketiga. Disamping ingin mengetahui siapa pengunjung blog, buku tamu dari pihak ketiga juga bisa mempercantik tampilan blog. CBOX adalah salah satu situs pihak ketiga yang memberikan widget untuk membuat buku tamu dan bisa chat bersama (live chat). Chat bersama apabila admin blog online.

Untuk lebih jelasnya, mari kita lihat bagaimana Cara Membuat Buku Tamu dengan Widget CBOX pada Blog

  • Masuklah ke situs http://www.cbox.ws/
  • Setelah anda sudah masuk situs CBOX, silahkan daftar dengan klik SIGN UP
  • Isilah formulir yang telah disediakan (isilah dengan dengan benar blog anda)
  • Jangan lupa centang I have read and do agree to the Cbox terms and conditions of service.
  • Buka email anda dan lihat inbox lalu klik URL verifikasi yang dikirim oleh CBOX
  • Setalah anda verifikasi akun anda, Masukkanlah ID CBOX dan Password yang anda daftarkan pada CBOX.
  • Copylah script yang disediakan oleh CBOX dan paste lah pada blog anda.
  • Jangan lupa save / simpan dan lihat hasilnya.

Catatan :
Sesuaikan Ukurannya yah, width="200" height="75" ganti angka itu sesuai keinginan anda.

Demikianlah Cara Membuat Buku Tamu dengan Widget CBOX pada Blog. Semoga tulisan ringan ini bisa bermanfaat.
Sunday, April 8, 2012

Cara membuat recent posts atau posting terbaru dengan thumbnail


  1. Masuk ke blogger, dan jelas kudu login lah hehehe
  2. Pilih Rancangan (Desing) > Elemen Halaman (Page Elements)
  3. Tambahkan widget/gadget HTML / Javascript
  4. Ketikkan kode berikut
    <div style="overflow:auto; width:100%px; height:500px; padding:10px; border:1px solid #999999;">
    <right><style>
    img.recent_thumb {padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 0px;}
    .recent_posts_with_thumbs {float: left;width: 100%;min-height: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:13px;font-color:black;}
    ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;}
    .recent_posts_with_thumbs a {text-decoration:none;}
    .recent_posts_with_thumbs normal {font-size:13px;}
    </style>

    <script type="text/javascript" src="http://blogedek-javascript.googlecode.com/files/recent-posts-with-thumb.js"></script>
    <script style="text/javascript">
    var numposts = 10;
    var showpostthumbnails = true;
    var displaymore = false;
    var displayseparator = true;
    var showcommentnum = false;
    var showpostdate = false;
    var showpostsummary = false;
    var numchars = 75;
    </script>

    <script
    type="text/javascript" src="http://nama-blog-sobat.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right></div>
  5. Sobat bisa merubah nilainya seperti menampilkan recent posts thubmnail atau tidak, summary, jumlah posting, tanggal, separator. Atur saja sesuai selera. Jangan lupa nama blognya yang berwarna merah juga diganti sesuai blog sobat.
Saturday, April 7, 2012

Cara Membuat Daftar Isi Dengan Scrollbox

Membuat daftar isi blog secara otomatis disini yang maksud adalah, jika kita melakukan postingan baru maka secara otomatis judul blog yang baru akan langsung masuk ke dalam daftar isi tanpa harus melakukan edit pada layout blog kita.

Di postingan lainnya saya juga sudah pernah memposting mengenai membuat daftar isi yang menurut saya jauh lebih cantik, kalo sobat berminat dapat dilihat disini

Dengan trick ini, kita hanya membutuhkan sedikit tempat di halaman blog kita, karena jika pengunjung ingin melihat daftar isi tersebut, maka akan terbuka jendela baru. Sehingga di halaman blog kita cukup dicantumkan dua kata yaitu : Daftar isi, dan bisa kita letakkan di tempat yang kita inginkan.

Caranya seperti langkah-langah berikut ini :

LANGKAH PERTAMA
1. Log in ke blogger
2. Klik Layout di dashboard menu
3. Klik Edit HTML
4. Beri Centang pada Expand Widget Templates
5. Cari kode dibawah ini.


  • <b:include data='post' name='post'/>

6. Ganti Kode diatas dengan kode dibawah ini.


  • <b:if cond='data:blog.homepageUrl != data:blog.url'><b:if cond='data:blog.pageType != "item"'><a expr:href='data:post.url'><div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"><data:post.title/></div></a><b:else/><b:include data='post' name='post'/></b:if><b:else/><b:include data='post' name='post'/></b:if>
Kemudian ikuti langkah langkah berikut ini :

1. Masuk ke account blogger anda
2. Pilih menu tata letak / Layout

3. Pilih tambah gatged

4. Pilih html/javascrip

5. COPAS kode di bawah ini :
  • <a href="http://madarasahi.blogspot.com/search?max-results=200" target="_blank"><span style="font-weight:bold;">DAFTAR ISI</span>&raquo;</a>
madarasahi.blogspot.com Ganti dengan alamat blog anda

results=200
ganti dengan jumlah yang anda inginkan, angka 200 menunjukkan jumlah judul yang akan di tampilkan.


Selamat Mencoba..
Thursday, April 5, 2012

postingan bergerak

Setelah kemaren sempat memposting "Cara menampilkan Top Comment Berjalan (Marquee)", nah, kali ini mencoba memaparkan "Cara Membuat Random Posting Title Berjalan (Marquee)". Postingan kali ini juga untuk menjawab pertanyaan dari sobat blogger pada waktu yang lalu sempat bertanya kalau cara membuat Recent Postingnya bagaimana? Thanx ya buat sobat Ngeposting ni yee + sobat yang satu lagi saya lupa (karena beliau bertanya via shoutbox dan sekarang shoutbox sudah saya ganti, jd maaf kl saya lupa yaaa...) karena pertanyaan anda memberikan saya ide untuk membuat postingan yang baru, abisnya saya sempat bingung mau membuat postingan apalagi yaaa....heheheheheeee....

Sebenarnya mau dikasi judul Recent Posting Title.....namun rasanya kurang pas kl mau bilang tentang tool ini Recent Posting Title, karena tool ini menghadirkan judul-judul posting blog kita secara acak bukan menampilkan judul postingan terbaru pada blog kita. Tapi ga apa-apa dech, ada baiknya juga sih, karena postingan-postingan lama pada blog kita bisa dilirik lagi sama pengunjung, jadi tidak terabaikan deh postingan lama kita.
Code ini sebenarnya berupa recent posting yang berurutan kebawah seperti daftar isi pada menu disamping, namun sedikit saya poles agar bisa menghasilkan daftar posting yang berurutan kesamping, supaya bisa menghemat ruang pada blog kita.

Oke deh, langsung saja.....
  • Seperti biasa masuk dulu ke Blogger
  • Terus Tata Letak/Layout
  • Pada halaman Page Element/Elemen Laman, klik Add a Gadget
  • Pilih HTML/Javascript
  • Copy code dibawah ini dan paste ke dalamnya :