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 → Layout
3. Add a Gadget → HTML/JavaScript

Kemudian pilih warna yang dingini pada kod berikut :

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

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

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

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

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

Bintang warna biru
<script src="https://sites.google.com/site/teknikbuatblog/tbb/blue_star.js" type="text/javascript"></script>

Bintang warna pink<script src="https://sites.google.com/site/teknikbuatblog/tbb/pink_star.js" type="text/javascript"></script>

Setelah memasukkan kodnya,klik pada save untuk melihat hasilnya.
update 8/5/2013

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 --- HTML/Javascript
3.Masukkan kod berikut padanya:

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

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

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

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

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

4.Setelah berpuas hati klik pada save

Selamat mencuba ….. :)

update 8/5/2013

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 Layout-

2.Pilih ---Add a gadget

3.HTML/ Javascript

4.Masukkan kod dibawah ini:

5.Klik pada butang save

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 Template---Edit HTML

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:
Comment Location--Pilih Embedded

update 8/5/2013

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 Template--edit HTML

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

.drop-shadow img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib-ImtTIGcBvSl5Gz6C_gGkCSfTcAkM2nDIS5BFAb6KMjbexIFAWOjddnlp74CgQbxpW364PbZGwLFSDMXfRzSDBFr8-HnIxthQDFLtLOIVfLTnJv4PqLxPOzPXyT05u9w0cmeewIY3bM/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 :)

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:
Log in ke blogger Pilih design--Layout--Add a gadget

Pilih ruangan dibawah header

HTML/javascript

Masuk kan kod ini:

Kemudian klik butang save dan lihat hasilnya.

update 9/5/2013

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 template---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

update 9/5/2013