Catatan

Menunjukkan catatan yang berlabel Tutorial Blog

Alert! Google AdSense

 https://www.google.com/adsense/new/u/0/pub-4874613530779588/sites/my-sites Ads.txt guide https://support.google.com/adsense/answer/7532444?hl=en

CARA MEMBUAT AKAUN DI BLOGSPOT

Imej
Untuk pengetahuan anda semua, Lee hanya menggunakan akaun contoh (actually ini akaun adik Lee). Selepas Lee buat tutorial ini Lee padam blog dan akaun blogger jadi blog ini memang tiada dalam carian.. 1.     Mula – mula anda perlu pergi ke link blogger.com dan masukkan email dan password gmail anda. Seperti dibawah;    2.        Satu paparan “Confirm Your Profile” akan dipaparkan. Anda boleh memilih mana – mana Profile. (Lee akan memilih Blogger Profile).    3.        Masukkan nama pada Display Name. (Ini merupakan nama pengenalan dari anda kepada blogger)    4.        Di bawah ini merupakan paparan akaun blogger. Sekarang kita perlu cipta blog baru. Klik butang “New Blog”    5.        Satu dialogue box akan keluar seperti dibawah. Setelah mengisi form di bawah click ‘Create blog!’ a.        Isikan tajuk blog anda b.       Isikan alamat url blog anda c.        Pilih template yang anda inginkan.    6.        Blog baru sudah siap. Di b

HTML CSS: DROPDOWN NAVIGATION MENU

Dibawah ini merupakan kod html dan css yang simple untuk menu navigasi. Disebabkan Lee tak tahu apa – apa tentang JavaScript jadi Lee terpaksa cari Kod HTML tanpa JavaScript. Sesiapa yang nak copy boleh copy CSS + HTML.  KOD CSS DROP MENU <style type="text/css">   ul {list-style: none;padding: 0px;margin: 0px;}   ul li {display: block;position: relative;float: left;border:1px solid #000}   li ul {display: none;}   ul li a {display: block;background: #000;padding: 5px 10px 5px 10px;text-decoration: none;            white-space: nowrap;color: #fff;}   ul li a:hover {background: #f00;}   li:hover ul {display: block; position: absolute;}   li:hover li {float: none;}   li:hover a {background: #f00;}   li:hover li a:hover {background: #000;}   #drop-nav li ul li {border-top: 0px;} </style> KOD HTML LIST DROP MENU <ul id="drop-nav">   <li><a href="#">Support</a></li>

TUTORIAL : WELCOME IMAGE (CLICK HERE TO ENTER)

Hari ini, Lee akan bagitahu cara-cara untuk letakkan welcome image di blog.. tengoklah Lee pun dah letakkan Welcome Image kat blog ni.. :3 kawaii kan...kan..kan.. tapi lepas letak code ni.. korang dah tak boleh padam code tu tau.. Ok.. mula-mula korang kene pastikan yang korang dah Download Full Template .. 1. Log in > Dashboard > Design > Edit Html > Tick Expand Widget Templates 2. Tekan Ctrl F serentak , cari kod ini : ]]></b:skin> 3. Dah jumpa ? Masukkan kod di bawah ini di atas kod yang korang cari tadi : </style></head> <script language="javascript" type="text/javascript"> /* toggle() checks to see if the images has already been faded or not and sends the appropriate variables to opacity(); */ function toggle(el,milli) { // Get the opacity style parameter from the image var currOpacity = document.getElementById(el).style.opacity; if(currOpacity != 0) { // if not faded fade(el, milli, 100, 0); } el

WIDGET

Imej
Widget ialah alat tambahan yang disediakan oleh blogger selain kandungan untuk post. Widget memudahkan kita mengetahui navigasi blog atau keterangan tentang blog. Widget juga dapat menarik minat pembaca untuk membaca di blog anda. CARA – CARA MEMASANG WIDGET PADA BLOG. 1.        Sign in ke dalam Blog anda. 2.        Setelah keluar paparan berikut tekan pada Lihat Blog. 3.        Setelah masuk ke paparan Blog anda, klik pada Reka bentuk (berada di atas sekali disebelah kanan) untuk menghias atau mengubah tetapan blog anda. 4.        Paparan adalah seperti berikut. Klik pada Reka Letak (Layout). 5.        Setelah muncul halaman reka letak, klik pada box yang anda inginkan  untuk tampal html yang anda pilih. 6.        Klik pada Tambah Alat, window baru akan keluar seperti berikut. Pilih HTML/JavaScript . 7.        Lee akan salin html widget di http://widgetindex.blogspot.com/ untuk tutorial ini. 8.        Pergi ke Konfigurasi HTML/JavaS