Showing posts with label Sidebar. Show all posts
Showing posts with label Sidebar. Show all posts

Nov 8, 2011

Koleksi Lencana Negeri Percuma Untuk Blogger


Anda bloggers dari negeri mana?? Adakah anda gemar mengumpul lencana (badge)?? Apa kata anda beritahu pembaca blog anda tentang negeri kelahiran anda melalui lencana khusus untuk blogger?? Tentu menarik jika lencana tersebut diletakkan di sidebar blog anda.

Feb 20, 2011

Cara Membuat Wishlist


Okeylah, malas nak bermukadimah panjang hari ini sebab ketiadaan perasaan mood. Penulis cuma mahu mengajar tutorial yang ringkas sahaja iaitu cara membuat wishbone wishlist. Nak tahu cara membuatnya?? Teruskan bacaan anda sehingga ayat terakhir.

Dec 15, 2010

Memasang Shoutbox Buka Tutup


Setelah dua hari tidak mengonlinekan diri, hari ini penulis kembali dengan tutorial baru. Untuk makluman, tutorial ini dibuat atas permintaan pelawat ini di shoutbox. Soalannya juga berkait rapat dengan shoutbox iaitu cara memasang shoutbox buka tutup di sidebar. Berapa banyak perkataan shoutbox daa...

Nov 29, 2010

Memasang Live Stream Shoutbox Facebook


Semakin ramai bloggers memasang live stream atau lebih dikenali sebagai shoutbox Facebook di dalam blog masing². Penulis andaikan anda juga teringin meletakkannya tetapi tidak tahu cara²nya. Jom kita buat.

Oct 24, 2010

Memasang Iklan Bersaiz 125 x 125


Sesetengah blog mempunyai penaja manakala sebahagian yang lain pula gemar meletakkan laman web popular di sidebar mereka. Untuk berbuat demikian, adalah lebih elok jika anda mengkhususkan ruangan iklan di sudut tertentu blog kesayangan anda.

May 22, 2010

Jam Flash Dari Toolshell


Hendak memberi widget jam lagi buat kali ke seterusnya buat sesiapa sahaja yang mempunyai blog. Widget jam ini adalah berbentuk flash. Ada menggunakan gambar Windows 7, logo tertentu dan pelbagai kategori lagi termasuklah Islamic.

Untuk keterangan lanjut, sila ke laman sesawang Toolshell Flash Clocks.


Apr 23, 2010

Memasang Widget Dari Google


Jika anda penggemar Google, anda tentu teringin memasukkan pelbagai jenis widget Google yang menarik. Kini, anda boleh memasukkannya dengan mudah dengan adanya web Google Elements. Antara widget² yang disediakan ialah Calendar, Conversation, Custom Search, Maps, News, Presentations, Spreadsheets, YouTube dan News.

Apr 13, 2010

Label Berawan Dari Tagul


Penulis ingin memperkenalkan label berawan yang menarik kepada anda semua. Malah label berawan ini sangat sesuai digunakan jika anda mempunyai kategori blog yang banyak. Anda juga boleh memilih warna kegemaran anda sendiri untuk setiap pautan kategori.

Apr 1, 2010

Soal Dan Jawab Di Formspring



Sekejap rasanya masa berlalu. Kini kita sudah berada di bulan April. Ada yang sambut April Fool ke? Jangan memperbodohkan bulan April seperti budaya barat, kalau sambut hari bersejarah bolehlah diraikan. Sebelum penulis terus merapu, sebenarnya penulis hendak memberitahu bahawa penulis sudah berdaftar di laman Formspring.

Mar 4, 2010

Kalendar Dari My Calendar


Anda mahu meletakkan kalendar di dalam blog?? Untuk topik kali ini, penulis suka berkongsi satu lagi widget kalendar yang menarik kerana tarikhnya diset untuk cuti umum bagi negara tertentu. Misalnya pada 5 Jun 2010 ditanda sebagai Hari Keputeraan DYMM Agung dan 31 Ogos 2010 sebagai Hari Kemerdekaan Malaysia. Anda boleh memilih kalendar dari 3 jenis stail yang berbeza.

Jan 27, 2010

Buat Senarai Impian Dengan Mulist


Anda gemar membuat senarai impian (wishlist) di blog anda?? Tentu sahaja senarai impian anda melebihi lima perkara sehingga membuatkan ruang blog anda sesak?? Kalau mahu, anda boleh meletakkan senarai yang banyak itu di dalam satu menu senarai yang menarik.

Jan 24, 2010

Menulis Tweet Dari Blog


Kalau anda suka bertweet dan ingin bertweet terus dari laman blog anda, maka anda boleh memasang widget yang berkaitan. Widget ini membolehkan sesiapa sahaja menulis tweet dengan mengisi username, password dan send tweets. Seketika kemudian, tweet tersebut akan terpapar di laman Twitter anda.

Jan 22, 2010

Blogspot Memperkenalkan Mukasurat Statik


Akhirnya blogspot memberi khabar gembira kepada semua penggunanya apabila menambah fungsi halaman mukasurat (pages) ke dalam menunya. Ini adalah antara menu yang ditunggu² oleh semua pengguna blogspot. Sebelum ini penulis membuat mukasurat dalam blog dengan menggunakan topik sahaja. Untuk mencuba menu terbaru ini, anda perlu masuk ke Blogger in Draft.

Jan 8, 2010

Memasang Permainan Reflext Tester


Tahun lepas penulis ditanya tentang permainan menguji respon terhadap warna yang diletakkan di blog ini. Permainan ini agak menarik kerana mata dan jari perlu bekerjasama untuk memberi respon terhadap warna. Antara lain ia memerlukan anda bertindak pantas apabila melihat kotak yang kosong bertukar warna. Jika lambat, anda akan mendapat mesej yang boleh menyakitkan hati.

Nov 25, 2009

Jam Berserta Tarikh


Sudah agak lama juga penulis tidak memberikan widget jam sebagai aksesori tambahan kepada para pengunjung blog ini. Hari ini penulis ingin berkongsi widget jam yang agak biasa tetapi sesuai untuk digunakan oleh bloggers yang sukakan kesederhanaan di dalam menghias blog.


Okey, seperti biasa masukkan kod jam ini ke dalam blog anda.

1. Login ke Blogspot.

2. Pilih Layout - Page Elements.

3. Pilih Add a Gadjet - HTML / Javascript.

4. Kemudian, tampal kod ini ke dalamnya.

<div style="BORDER-RIGHT: medium none; PADDING-RIGHT: 5px; BORDER-TOP: medium none; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: medium none; PADDING-TOP: 5px; BORDER-BOTTOM: medium none" align="center"><form name="clock"><input style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" size="8" value="hh:mm:ss" name="face"> </form><script src="http://kunoichi.info/bloggerbuster_templates/time.js"></script></div>
5. Save.

Siap. Selamat mencuba.

Nov 15, 2009

Cara Menggunakan Tulisan

Impact
Forte
Algerian
Kristen ITC
Monotype Corsiva


Kali ini penulis mahu berkongsi cara untuk menggunakan tulisan tertentu di dalam blog. Caranya mudah saja. Anda cuma perlu mengikuti arahan di bawah untuk melakukannya. Anda boleh melihat contoh² tulisan yang telah penulis sediakan.


Salin kod di bawah dan tampal di tab Edit HTML New Post anda.

<span style=";font-family:Monotype Corsiva; font-size:20px;" >Monotype Corsiva</span>
font-family:Monotype Corsiva = jenis tulisan
font-size:20px = saiz tulisan

Caranya sangat mudah. Penulis berharap anda dapat melakukannya. Selamat mencuba.

Nov 14, 2009

Memasang Mesej Twitter


Atas permintaan Midi di Shoutbox, penulis akan berkongsi cara² untuk memasukkan widget Twitter ke dalam blog. Jika ada pembaca lain yang belum tahu caranya, bolehlah belajar bersama². Jom kita mulakan.


1. Login ke akaun Twitter.

2. Pilih Settings - Account. Klik pada Have a homepage or a blog? Put the address here.(You can also add Twitter to your site here) di bawah perkataan More info URL.

3. Di Select Your Widget pilih My Website - Profile Widget. Ada empat tab di bahagian ini iaitu Settings, Preferences, Appearance dan Dimensions. Anda boleh mengedit kesemuanya mengikut citarasa sendiri. Setiap kali selesai mengedit, tekan Test Settings. Setelah berpuashati dengan hasilnya, klik pula Finish & Grab Code. Salin kod tersebut.

4. Login ke Blogspot.

5. Pilih Layout - Page Elements.

6. Pilih Add a Gadjet - HTML / Javascript.

7. Kemudian, tampal kod tadi ke dalamnya.

Contoh kod :-

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 250,
height: 300,
theme: {
shell: {
background: '#333333',
color: '#ffffff'
},
tweets: {
background: '#000000',
color: '#ffffff',
links: '#4aed05'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('eriyza').start();
</script>

8. Save.

Siap. Selamat mencuba.

Nov 11, 2009

Human Calendar


Pernahkah anda melihat kalendar seperti di atas di blog rakan² anda?? Anda teringin untuk meletakkan kalendar seumpamanya di dalam blog anda?? Kalendar ini dinamakan Human Calendar kerana ia menggunakan watak² manusia sebagai latar utamanya.


Ia didatangkan di dalam beberapa saiz. Anda boleh memilihnya mengikut kesesuaian saiz sidebar anda. Dapatkan kodnya di Human Calendar.

Oct 28, 2009

Memasang Blogger Login Form


Jika Wordpress memudahkan penggunanya dengan membenarkan mereka login ke dashboard masing² terus dari blog, kini pengguna Blogspot juga berpeluang menikmati kemudahan seumpama itu dengan memasang widget blogger login form ke dalam blog.


1. Login ke Blogspot.

2. Pilih Layout - Page Elements.

3. Pilih Add a Gadjet - HTML / Javascript.

4. Kemudian, salin kod di bawah ini ke dalamnya.

<form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form>
5. Save.

Untuk memastikan widget di atas dapat digunakan, keluar (logout) dari dashboard anda dan cuba masuk (login) semula ke akaun blog menerusi login form yang terdapat di blog anda. Selamat mencuba.

Via : MrPiratz

Sep 7, 2009

Mengubah Teks Dari Kiri Ke Tengah


Kebiasaannya setiap template yang disediakan memulakan tulisan di sebelah kiri sama ada di bahagian topik atau di sidebar. Mungkin ada sebahagian dari bloggers yang teringin untuk memulakan tulisan di blog mereka di bahagian tengah. Sebenarnya ia cukup mudah untuk dibuat, cuma sebaris kod sahaja perlu ditambah ke dalam template.


1. Login ke Blogspot.

2. Pilih Layout - Edit HTML.

3. Download Full Template sebelum mengedit blog.

4. Cari #sidebar-wrapper {, tampal kod berwarna merah sebelum tanda }. Kod ini adalah untuk bahagian sidebar.

Contoh kod :-

#sidebar-wrapper {
text-align:center;
background:#fff;
width:336px;
float:$endSide;
word-wrap:break-word;
overflow:hidden;
padding:10px 10px 0 0;
}

5. Cari #main-wrapper {, tampal kod berwarna merah sebelum tanda }. Kod ini adalah untuk bahagian topik.

Contoh kod :-

#main-wrapper {
text-align:center;
background:#fff;
border-right:$bordercolor 10px solid;
width:515px;
float:$startSide;
word-wrap:break-word;
overflow:hidden;
padding:0 10px;
}

6. Preview dan save template jika berpuashati.

Siap. Cubalah. Selamat Menyambut Nuzul Al-Quran.