Top Social

Image Slider

Tutorial Letak signature dalam post entry

Sunday, 21 March 2021
Kat bawah ni contoh signature untuk letak dalam post entry. Boleh try tutorial dibawah ni ye. Harap harap membantu.Tutorial Letak signature dalam post entry1. Create satu signature guna apa apa software pun boleh. Save dalam file .png (Saya gunakan photoshop)2. Kemudian upload signature yang dah create tu dalam blog. Simpan dalam draft tak perlu publish. 3. Log in blogger4. Dashboard >>...

Tutorial buat menu tab comel di tepi blog [ hover rotate -5deg]

Friday, 12 March 2021
Menu tab comel di tepi blog nampak menarik bila ada hover effects -5deg dan buatkan kau orang suka nak main main dengan hover tu. Seriously nampak style juga. Contoh macam bawah ni. Disebabkan ada yang bertanya dan ada masa nak buat tuto simple ni.sumber : N comelSebelum mulakan tutor ni, save dulu template blog kau orang1. Log in blogger>>Dashboard>>Design>>Edit...

Tutorial buat drop cap [Huruf pertama besar]

 Drop cap adalah huruf pertama besar dalam artikel seperti yang kau orang tengok dalam majalah dan akhbar tu. Contohnya dalam gambar di atas.1. Log in blogger>>Dashboard>>Design>>Edit HTML2. Cari code </head>*tekan serentak ctrl+F dan masukkan code dalam box untuk memudahkan pencarian3.Copy code bawah ni<style type="text/css">hufufbesar{float:left;width:80px;font-size:400%;font-family:Edwardian...

Tutorial pisahkan widget sidebar untuk simple template

Wednesday, 24 February 2021
Tutorial pisahkan widget sidebar untuk simple template. Ape yang dimaksudkan pisahkan widget sidebar ni, kita pisahkan satu persatu macam dalam gambar di bawah ini.Sebelum buat tutorial sile save dulu template blog.Dashboard>>Design>>Edit HTML>>Download Full Template.Dah siap download[save],boleh mulakan tutorial.1.Cari code /* Widgets-----------------------------------------------...

Tutorial Buat Slider Sebagai Header Using JQuery

Friday, 29 January 2021
1. Log in blogger>>Dashboard>>Theme>>Edit HTML2. Cari code]]></b:skin>3. Copy code bawah ni/* Coin Slider jQuery plugin CSS styles http://workshop.rs/projects/coin-slider */ .coin-slider { overflow: hidden; zoom: 1; position: relative; } .coin-slider a{ text-decoration: none; outline: none; border: none; } .cs-buttons { font-size: 0px; padding: 10px; float: left; }...

Tutorial Tukar Font Dalam Blog Tanpa Install

1.Pilih font di web Google font APINak pilih font click sini2. Log in blogger>>Theme>>Edit HTML>>Cari code <head>*untuk memudahkan pencarian tekan cltrl+F serentak,kemudian masukkan code<head> dalam box pencarian td.3.Copy code ni<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name"/>4. Paste di bawah...

Tutorial Letak Icon Facebook/Twitter/Friendster/Myspace di Tepi Blog

Sunday, 24 January 2021
Log in blogger>>Dashboard>>Layout>>Add a gadget>>HTML/JavaScript2.Copy kod kat bawah ni<div style="display:scroll; position:fixed; top:200px; left:0px;"><a class="linkopacity" href="http://www.facebook.com/facebook ID" target="_blank" rel="nofollow" title="Facebook" imageanchor="1" style="margin-left: 1em; margin-left: 1em;"><img border="0" src="URL icon/image"...

Tutorial Recent Post Bergerak

Tuesday, 19 January 2021
Menarik bukan kalau letak recent post bergerak kat sidebar tu. Marilah cuba buat tutorial recent post bergerak. Log in blogger >> dashboard >> layout >> add a gadget >> html Copy kod kat  bawah ni and paste dalam kotak gadget htmlFont warna merah tukar url blog sendiri.<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><style...

Tutorial Buat Font Tile Cursor

Contoh tutorial font tile cursorTutorial Buat Font Tile CursorSign in blogger>>dashboard>>layoutAdd a gadget>>HTML>>copy kod kat bawah ni then paste dalam kotak HTML tadiSave!Tukar tulisan berwarna merah dengan kod warna pilihan dan perkataan pilihan masing-masing.<style type="text/css">#outerCircleText {font-style: italic;font-weight: bold;font-family: 'comic sans ms',...

Tutorial sparkles cursor

Satu lagi tutorial cantikkan blog, iaitu Tutorial sparkles cursor untuk blogger yang menggunakan blogspot.Tutorial sparkles cursorSign in blogger>>dashboard>>layoutadd a gadget>>HTML>>copy kod kat bawah ni then paste dalam kotak gadget HTML tadiSave!<script type='text/javascript'>// <![CDATA[var colour="pink"; var sparkles=100;var x=ox=400;var y=oy=300;var...

Tutorial letak icon comel sebelah title sidebar

Dashboard>>design>>edit HTML Click Expand Widget Templates. Kemudian cari kod kat bawah ni <h2 class='title'><data:title/></h2>atau kod bawah ni<h2 class='title'>your widget title</h2>contohnya kod macam ni <h2 class='title'>About me</h2> Untuk memudahkan pencarian tekan Ctrl+F button. copy kod di atas dan paste dalam kotak...

Tutorial Popup New Tab

Wednesday, 13 January 2021
 Tutorial Buat Popup New Tab atau "Open Link in Popup Window opens as a new tab"1. Log in blogger2. Template>>Edit HTML3.Cari code <head> 4. Copy code di bawah ni dah paste selepas code <head><base target='_blank'/> 5. S...

Tutorial Auto Read More

Tuesday, 12 January 2021
Tutorial Auto Read More untuk blogspot1. Log in bloggger.com2. Pergi ke dashboard>>>Template>>Edit html[save and back up template dulu]3.Cari code </head>[tekan ctrl + F serentak dan paste code atas ni didalam box untuk memudahkan pencarian]2.copy code bawah ni and paste sebelum code </head><script type='text/javascript'>var thumbnail_mode = "float"...

Tutorial Letak Widget Top Komentator Bulanan

1. Log in blogger.com2. Dashboard >> Layout >> Add gadget >> HTML/Javascript3. Copy code bawah ni<script type="text/javascript"> function getYpipe(feed) { document.write('<ol>'); var i; for (i = 0; i < feed.count ; i++) { var href = "'" + feed.value.items[i].link + "'"; if(feed.value.items[i].link == "") var item ="<li>" + feed.value.items[i].title + "</li>"; else var...

Tutorial Letak Widget Top Komentator dengan Pelbagai Pilihan Hari, Mingguan Bulanan dan Tahunan

Tutorial Letak Widget Top Komentator dengan Pelbagai Pilihan Hari, Mingguan Bulanan dan Tahunan.1. Login >>> dashboard >>> layout >>> add a gadget >>> HTML/javascript2. Copy kod kat bawah ni paste di ruangan HTML/javascript<style type="text/css">.tcotp_tallyBox {margin-top: 1em;}</style><div id="tcotp"><div id="tcotpMsg"></div><div...

Cara Daftar Akaun Pinterest dan Tutorial Letak Button Pinterest Dalam Blog

Cara Daftar Akaun PinterestMasuk ke website pinterest (https://www.pinterest.com)Sign up, daftar akaun baru dengan menggunakan facebook atau google account. Boleh juga create business, click pada create business account bahagian bawah sekali.Selepas berjaya daftar, verikasi link blog untuk menghubungkan antara link blog dengan akaun pinterest di bahagian setting pinterest.Kalau gunakan template...

Tutorial Disable Highlight Text Blogspot

Saturday, 9 January 2021
Login blogger dashboardPergi ke Layout >> Add a Gadget>> pilih HTML/JavascriptCopy code di bawah dan paste dalam kotak gadget html tadi<script type="text/javascript">//form tags to omit in NS6+:var omitformtags=["input", "textarea", "select"]omitformtags=omitformtags.join("|")function disableselect(e){if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)return false}function...