Jendela Indonesia: Oktober 2011

Sabtu, 29 Oktober 2011

Cara pasang kursor bintang berjatuhan

Sebagai mana tajuknya tutorial cara kali ini adalah cara untuk memasang kursor bintang berjatuhan.Efek bintang berjatuhan ini akan tampil bila mana cursor digerakkan pada blog.

Berikut adalah cara memasangnya:
1.Login ke Blogger
2.Klik Pada Design → Page elements
3. Add a Gadget → HTML/JavaScript

Kemudian pilih warna yang dingini pada kod berikut :

Bintang warna hitam
<script src="https://sites.google.com/site/jendela-id/tbb/black_star.js" type="text/javascript"></script>

Bintang warna hijau
<script src="https://sites.google.com/site/jendela-id/tbb/green_star.js" type="text/javascript"></script>

Bintang warna merah
<script src="https://sites.google.com/site/jendela-id/tbb/red_star.js" type="text/javascript"></script>

Bintang warna puteh
<script src="https://sites.google.com/site/jendela-id/tbb/white_star.js" type="text/javascript"></script>

Bintang warna kuning
<script src="https://sites.google.com/site/jendela-id/tbb/yellow_star.js" type="text/javascript"></script>

Setelah memasukkan kodnya,klik pada save untuk melihat hasilnya.

Senin, 24 Oktober 2011

Tutorial letak efek salji pada blog

Dalam tutorial sebelum ini saya telah muatkan artikel berkenaan cara membuat simbol hati berguguran pada blog.Kali ini pula seakan akan sama juga iaitu meletakkan efek salji pada blog.

Langkah langkah membuatnya:
1.Login ke dashboard --- page element
untuk dashboard baru klik design---pilih layout
2.Add a gadget --- HTMLjavascript
3.Masukkan kod berikut padanya:

warna merah
<script type="text/javascript" src=" https://sites.google.com/site/jendela-id/tbb/saljimerah.js"></script>

warna biru
<script type="text/javascript" src=" https://sites.google.com/site/jendela-id/tbb/saljibiru.js"></script>

warna purple
<script type="text/javascript" src=" https://sites.google.com/site/jendela-id/tbb/saljipurple.js"></script>

warna hitam
<script type="text/javascript" src="https://sites.google.com/site/jendela-id/tbb/saljihitam.js"></script>

warna putih
<script type="text/javascript" src=" https://sites.google.com/site/jendela-id/tbb/saljiputih.js"></script>

4.Setelah berpuas hati klik pada save

Selamat mencuba ….. :)

Rabu, 19 Oktober 2011

Cara pasang butang share melayang

Butang share ini adalah seperti butang share yang lain yang mana kebiasaannya diletakkan dibawah atau pun diatas posting . Butang melayang ini ikut bergerak jika kita melakukan scroll pada blog.Oleh kerana ia bergerak keberangkalian pengunjung untuk klik butang tersebut adalah lebih besar kerana lebih mudah untuk mencapainya .Mengandungi butang untuk google plus,facebook dan juga twitter.

Berikut adalah cara cara bagi pemasangannya:

1.Masuk ke dashboard-Klik design--- Page elements

2.Pilih ---Add a gadget

3.HTML/ Javascript

4.Masukkan kod dibawah ini:

5.Klik pada butang save

Jumat, 14 Oktober 2011

Cara mengembalikan kotak komen yang hilang

Kotak komen yang tidak muncul dibawah posting adalah sesuatu hal yang amat memeningkan.Tanpanya sudah tentu pengunjung tidak dapat memberi komen pada posting.Jika anda kehilangan kotak komen secara tiba tiba dibawah posting,berikut adalah cara bagi mengatasinya.

Langkah langkahya adalah seperti berikut:

Pada dashboard pilih design---Edit HTML
Klik pada Expand template widget
Kemudian cari kod berikut:

Setelah jumpa kod diatas perhatikan kod dibawah ini:

Kemudian letakkan kod dibawah ini pada pada teks letak kod disini pada kod diatas

<data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup' style='width:100px;height:20px;'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>

Untuk melihat hasilnya klik pada mana mana posting bagi melihat tampilan kotak komen.

Kehilangan kotak komen mungkin disebabkan beberapa kod telah hilang atau telah terhapus semasa anda mengedit template.Adalah disarankan supaya anda membuat backup bila membuat sebarang perubahan pada template supaya mudah untuk kita mengembalikan kepada asal jika berlaku sesuatu yang tidak dingini.Menukar template adalah pilihan terakhir tapi kita akan kehilangan apa apa yang telah diletakkan pada template.

Cara diatas cuma setelah anda pastikan setting comment pada dashboard adalah betul tapi masih tidak muncul kotak komen.

Cara menetapkan setting kotak komen pada blog

Masuk ke dashboard—setting dan pilih comments
Pastikan setting adalah seperti berikut:
Comments—show
Comment Form Placement-Embedded below post

Rabu, 12 Oktober 2011

Membuat kesan drop shadow pada gambar

Meletak imej pada artikel adalah sesuatu yang membawa kesan yang mendalam kerana gambar lebih bermakna dari seribu perkataan.Boleh memberi pelbagai gambaran pada pembaca jika dibandingkan dengan teks saja.Posting kali ini adalah cara bagi memberi kesan drop shadow pada gambar yang ada pada blog anda supaya nampak lebih menarik lagi.drop shadow adalah kesan bayang yang timbul pada sesuatu objek.

Cara membuat kesan drop shadow pada gambar:

Pada Dashboard --Pilih design--edit HTML

Tandakan pada Expand Widget templates

Cari kod ]]></b:skin> pada template dan letakkan kod dibawah ini diatasnya

.drop-shadow img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRy0zP8cPTG_Qi_iv001XA17USRa0yxe54lnldGcHrmYVtDq2ffVet1TeOuc1tALPdSVdfd4slY8-q_6FZ0_cM46n71V3VNqAe8Llcddd9rftwdILboLEvJZkXUbjev3p74JrRB9TMWHU/s1600/drop+shadow+.png) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}

cari kod <data:post.body/>
dan gantikan dengan kod

Kemudian simpan template anda
Selamat mencuba :)

Selasa, 04 Oktober 2011

Cara buat simbol hati(love) berguguran

Tutorial kali adalah bagi anda yang suka menghiasi blog dengan bermacam macam widget iaitu cara membuatkan simbol hati yang berguguran pada blog anda.

Langkah langkah bagi membuatnya:
Masuk ke design--Pilih page elements

Add a gadget--Pilih ruangan dibawah header

HTML/javascript

Masuk kan kod ini:

Kemudian klik butang save dan lihat hasilnya.

Minggu, 02 Oktober 2011

Cara pasang screen saver pada blog

Screen saver biasanya terdapat pada komputer dan juga handphone.Kegunaanya adalah jika sedang berada dalam keadaan tidak digunakan ia akan meminimakan penggunaan tenaga.Screen saver bukan sahaja pada komputer,di blog kita juga dapat lihat ianya dipasang.dimana paparan blog akan bertukar kepada warna gelap jika tidak digunakan.

Langkah langkah bagi membuatnya.
Log in ke blogger
klik pada design dan pilih edit html

cari kod </head> pada template
dan letakkan kod berikut diatasnya.

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script>

dan simpan template anda