Memasang Efek Daun Berjatuhan Di Blog

Masih ingat kan pelajaran IPA sewaktu kita masih duduk di bangku SD ?. Di saat musim kemarau pohon apa yang menggugurkan diri dengan cara menggugurkan daun-daunnya ?. Yappz bener banget jawabannya adalah pohon jati. Ngomong-ngomong masalah daun jati pada kesempatan kali ini saya akan membuat postingan yang akan saya kasih judul Cara Membuat Efek Daun Berjatuhan Di Blog. Membuat efek daun-daun yang berjatuhan ini untuk blog kita sangatlah mudah untuk kita pasang. Kita hanya membutuhkan sebuah kode script yang langsung bisa kita pakai di bagian tambah HTML/Javascript. Daun-daun berjatuhan ini kalau kita pasang di blog maka akan memperindah tampilan blog kita. Sebenarnya sudah banyak yang membahas cara ini tapi blog-cilik juga ingin berbagi kepada sobat sekalian. Untuk lebih jelasnya silahkan lihat panduan cara pemasangnnya di bawah ini.

Langkah - langkah untuk membuat efek daun yang berjatuhan adalah :

1. Login ke akun blogger masing - masing.

2. Klik tata letak.

3. Klik tambah gadget

4. Pilihlah HTML/Javascript

5. Kemudian paste kode di bawah ini kedalam kotak

<script src='http://myfilejs.googlecode.com/files/efekdaun.js' type='text/javascript'/>

6. Simpan...Silahkan lihat hasilnya
Selamat Mencoba..

cara memasang efek daun pada template, cara membuat daun-daun berjatuhan di blog, cara membuat agar di blog ada daun berjatuhan

Continue Reading

Cara Membuat Tombol Share

Salah satu cara untuk meningkatkan pengunjung/visitor blog adalah disediakannya layanan di dalam suatu blog untuk menyebarluaskan content/isi dari blog kita tersebut. Menyebarluaskan content dari suatu website maupun blog adalah dengan sebutan share. Share erat kaitannya dengan jejaring sosial. Seperti yang telah kita ketahui dan kita akui bersama bahwa jejaring sosial yang banyak digandrungi dan disenangi oleh masyarakat kita adalah dua jejaring sosial yaitu facebook dan twitter. Dengan tersedianya layanan share di blog kita maka jika ada seorang pengunjung yang merasa artikel/postingan/content blog kita bermanfaat bagi dirinya dan si pengunjung tersebut ingin berbagi apa yang sudah dibacanya kepada teman-temannya entah itu di facebook atau twitter maka tinggal di isi saja form share di dalam blog kita yang prosesnya gak berbelit-belit. Lalu bagaimanakah cara memasang layanan share tersebut untuk blog
kita? Bagi kalian yang tidak mengerti bahasa html atau javascript jangan khawatir kalian bisa menggunakan jasa website orang lain untuk hal pembuatan layanan share untuk blog kalian tercinta. Salah satu website nya adalah addthis dan sharethis . Jika berminat ingin memasang tombol share dari website addthis kalian bisa membaca tutorial saya disini . Untuk yang tidak ingin repot dalam proses pembuatan akun di website tersebut kalian bisa saja langsung memasang kode script di bawah ini.

<script type="text/javascript"> document.write('<ifr'+'ame id="websites_iframe"
src="http://www.linksalpha.com/social?link=' + escape(location.href) + '" scrolling="no" frameborder="0" height="25px" width="320px"></ifr'+'ame>');
</script>

Jika ingin tombol-tombol share tersebut terlihat lebih rapi kalian bisa menambahkan sebuah kotak untuk menutup kode-kode sharenya. Gunakan kode ini.

<table border="1" style="width: 520px;">
<tbody>
<tr><td align="center"><span style="font-family: vijaya;"><b>Sobat Dapat Menyebarluaskan Artikel Ini Jika Merasa Bermanfaat !</b></span>
<br />
<br />
kode script share tadi
<br />
<br /></td></tr>
</tbody></table>

Untuk kode yang sudah saya tandai dengan warna biru silahkan kalian sesuaikan dengan keinginan masing-masing. Selamat Mencoba !!

Incoming serch term :
cara membuat sebuah tombol bagikan
cara memasang tombol share facebook
cara membuat layanan saling berbagi
cara menambahkan menu share ke blog
cara menambahkan share di blog

Continue Reading

Cara Membuat Tulisan Bergambar

Membuat sebuah tulisan di atas gambar latar adalah sedikit dari banyaknya cara yang bisa kita terapkan untuk tujuan agar tampilan blog kita terlihat indah dan menarik. Cara yang satu ini bisa kita pasang di salah satu ruang kosong blog kita entah itu di bagian sidebar ataupun bisa juga dipasang pada postingan blog kita. Selain tujuan untuk memperindah tampilan blog, membuat sebuah tulisan di atas gambar juga dapat kita gunakan untuk membedakan antara salah satu kata, kalimat atau paragraf. Saya yakin meskipun saya tidak menjelaskan panjang lebar apa yang dimaksud dengan tulisan yang tercetak di atas gambar latar atau gambar background tersebut pasti agan-agan sekalian sudah mengerti, meskipun belum tahu tapi  setidaknya sudah ada gambaran mengenai hal tersebut di atas. Cara untuk membuatnya pun sangatlah mudah, kita hanya memerlukan beberapa kode html saja yang sedikit dan mudah untuk kita pahami.


Seperti inilah contoh tulisan di atas gambar background.

JUDUL TULISAN
Disinilah tempat untuk membuat
sebuah tulisan di atas background.
Jika tertarik untuk mencobanya
Silahkan praktekan !!

Jika tertarik untuk membuatnya silahkan ikuti langkah-langkah di bawah ini !!

1. Login terlebih dahulu ke blogger
2. Klik buat entri baru
3. Dalam keadaan mode html silahkan paste kode di bawah ini ke kolom postingan. (ingat yah harus dalam keadaan mode html bukan dalam keadaan mode compose)

<div style="background-image: url('http://blog-cilik.googlecode.com/files/Melamun%2BCewek%2BWidget%2BConten.png');
background-position: center; background-repeat: no-repeat;">
<div style="text-align: center;"> </div>
<div style="text-align: center;"> <b>JUDUL TULISAN</b><br />
Disinilah tempat untuk membuat<br />
sebuah tulisan di atas background.<br />
Jika tertarik untuk mencobanya<br />
Silahkan praktekan !! </div> </div> </div>

Silahkan lihat hasilnya. Mudah bukan ? Cara tersebut diatas adalah cara untuk membuat tulisan di atas gambar backgorund untuk dipasang di postingan blog kita. Kalau kita ingin memasangnya di sidebar sama saja kita tinggal langsung saja paste kode di atas ke kolom tambah gadget..

Jika ingin merubah huruf-huruf tersebut, kita tinggal menambahkan kode seperti ini.

<span style="color: white ; font-family:arial ; font-size: 14px">isi tulisan apa saja</span>
Untuk font-family:arial adalah jenis hurufnya, sedangkan font-size:14px adalah ukuran hurufnya.

O'y jika kita akan melakukan perintah untuk berganti baris atau untuk mengaktifkan fungsi enter pada keyboard silahkan pakai kode <br/>

Selesai....

Continue Reading

Cara Untuk Menghilangkan Navgar Blog

Sebelum kita melangkah lebih jauh untuk menerangkan bagaimana caranya menerapkan langkah menghilangkan navbar ini, mungkin diantara sobat-sobat sekalian masih ada yang belum tahu apa itu navbar. Saya akan menjelaskannya sedikit mengenai navbar tersebut. Navbar (navigator bar) adalah suatu gadget di dalam suatu blog yang secara default otomatis muncul yang letaknya berada paling atas halaman blog itu sendiri. Di dalam navbar terdapat kotak kecil yang memungkinkan buat si pengunjung blog menggunakannya untuk melakukan pencarian tentang sesuatu posting atau artikel di dalam blog tersebut. Kalau masih belum paham apa yang baru saya jelaskan silahkan lihat gambar di bawah, mudah-mudahan dengan gambar terkait mengenai navbar bisa  menambah sobat gambaran tentang apa itu navbar.

Sekarang sudah ada gambaran kan mengenai navbar ? Ok sob kalau sudah jelas dan paham apa itu navbar saya akan melanjutkan pembahasan terkait menghilangkan navbar tersebut. "Loh kok menghilangkannya?". "Apa gak akan ada masalah ke depannya jika kita menghilangkan navbar blog kita?". Mungkin pertanyaan seperti iutlah yang menghinggapi sobat sekalian yang baru saja terjun ke dunia blog, seperti yang pernah saya alami dulu. Gak bakalan ada efek sampingnya kok sob jika jika kita menghilangkan navbar blog kita. Lah kok kaya obat saja sih efek samping. Ok deh sekali lagi saya tegaskan kalau kita menghilangkan navbar gak bakalan terjadi sesuatu di kemudian hari pada blog kita. Dari kebanyakan blog orang lain kurang lebih 99,9% dari 100% pengguna blog sudah menghilangkan navbar. Coba lihat saja blog-cilik ini sudah di buang navbarnya. Kalau menurut saya pribadi sih saya menghilangkan navbar blog saya cuma karena alasan risi dan tidak enak di pandang jika navbar tersebut terpampang di blog ini. Coba saja sobat hilangkan navbar blog sobat dijamin tampilannya bakalan seperti web profesional lainnya atau biasa disebut dengan web domain sendiri kan.

Kalau tertarik ingin menghilangkan navbar blog sobat, silahkan ikuti panduan di bawah ini.

1. Yang jelas login terlebih dahulu ke akun blogger sobat
2. Edit Html
3. Lanjtukan
4. Jangan lupa centang expand template widget
5. Carilah kode Blogger Template Style, atau lebih tepatnya carilah kode di bawah ini

Blogger Template Style Name: Awesome Inc. Designer: Tina Chen URL: tinachen.org ----------------------------------------------- */

*saran: untuk memudahkan pencarian silahkan tekan Ctrl+F pada keyboard*

6. Jika kode di atas sudah di temukan, langkah selanjutnya yaitu tempel kode di bawah ini harus tepat di bawah kode tersebut.

#navbar-iframe { display: none !important; }

7. Kalau semuanya sudah yakin tidak ada sedikitpun panduan di atas yang terlewatkan maka silahkan cek kerjaan sobat dengan cara klik pratinjau

8. Jika setelah di cek memang hilang navbarnya berarti pekerjaan sobat berhasil

9. Langkah selanjutnya adalah jangan lupa untuk menyimpan atau save pekerjaan kali ini dengan cara klik simpan

Selesai...

Incoming Search This Article :

cara menghilangkan navbar blogspot, menghapus navbar pada blog, cara untuk menghilangkan navbar, bagaimana sih caranya menghilangkan navbar, navbar blogger,

Continue Reading

Cara Membuat Readmore Yang Menggunakan Tombol/Button

Ini adalah postingan lanjutan mengenai pembahasan readmore yang dahulu pernah saya bahas. Mengenai cara pembuatan readmore atau next maupun baca selengkapnya dalam  suatu artikel atau postingan, sobat bisa membacanya disini atau kalau ingin membuat readmore secara manual atau dengan artian pembuatan suatu readmore yang tidak perlu mengutak-ngatik template blog kita sobat bisa membacanya disini. Ok lanjut...Nah untuk kesempatan kali ini saya juga sama yaitu akan membahas suatu readmore tapi ada sedikit yang membedakan readmore yang satu ini sob yaitu perbedaannya ini adalah suatu readmore yang memakai tombol (button)
dalam tampilannya.

Bagi sobat yang tertarik dan ingin tahu cara membuat readmore yang menggunakan tombol/button silahkan simak tutorial saya kali ini.

1. Loggin terlebih dahulu ke akun blogger masing-masing
2. Template
3. Edit Html
4. Lanjutkan
5. Centang Expand Template Widget
6. Tekan tombol Ctrl+F pada keyboard untuk memudahkan kita dalam melakukan pencarian sebuah kode.
7. Carilah kode <data:post.jumpText/>
8. Gantilah kode tersebut dengan kode di bawah ini

 lihat kode

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgECfB4sTt2rJO6TqD0IxKGKv_qJDMsPgKHI-Z4vnq_KDuS4QQxTpAC-Yfi9XGaDrfoWttyaA4j22eTmwPLRpFu6pU-6ZDldAbqf6q93AyDW0FVfHOhnmpApcmvoM9sGXYM0RgPNHwwxs/s800/Read%252520More.png'/>

9. Jangan lupa klik simpan

Selesai...

Oh ya buat sobat yang masih ragu untuk mempraktekan sesuatu yang berhubungan dengan mengutak-ngatik sebuah template jangan khawatir, sobat bisa mendownload sebuah templatenya terlebih dahulu. Setelah template di beck up atau di download barulah sobat bisa leluasa mempraktekan tutorial yang saya berikan di atas dan jika ada kegagalan sobat bisa mengembailkannya lagi ke template sobat yang terdahulu dengan cara menguploadnya.

Seperti inilah readmore tombol

Continue Reading