Showing posts with label Sidebar. Show all posts
Showing posts with label Sidebar. Show all posts
Nov 8, 2011
Feb 20, 2011
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.
Date :
Saturday, May 22, 2010
0
Comment
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.
Date :
Friday, April 23, 2010
0
Comment
Apr 13, 2010
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
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
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.
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.




