Monday, January 23, 2012

Tutorial : Edit Washed Denim Full.Part 2.


Assalammualaikum.

Oh mama mia, idea nak update entry takde , oh oh camne ni? Memang mintak penampar, sorry , saya takde idea tapi saya ade banyak idea nak update tutorial washed denim part 2! Wuhuu, sila lah jerit sikit, sebelum ni aku dah buat entry edit full washed denim part 1 kan? Menjadi kann? Tak menjadi ? Maksudnye korang dah edit dulu template tuh, aku buat tutorial tu kat blog aku yang lagi satu, dari atas ke bawah, memang takde alasan kalau ia tak menjadi ye.So mari kita mulakan Tutorial : Edit Washed Denim Full.Part 2.

Bagi Tutorial : Edit Washed Denim Full.Part 2. ni aku fokuskan kepada bahagian page element, kalau part 1 aku fokuskan kat bahagian Edit HTML, so Part 2 Page Element ye,

my new baby 1 , alhamdullillah.

1. LETAK FAVICON

Korang taw tak ape itu favicon?Favicon seperti ditunjukkan di bawah,


Okey tengok tabs Double Dutch tuh , ade gambar reben kan? Itulah favicon.Kalau tabs its always be Me lak, favicon blogger kan, itu yang original, so macam mane nak tukar ke icon reben Double Dutch.

LogIn/ Design/

Kan ade kotak FAVICON kan, tak nampak? Macam kat bawah,


Klik yang bahagian Edit tuh then , dye akan keluar satu window seperti kat bawah,


Sebelum choose file, pastikan korang dah ada icon korang sendiri, kalau aku , aku selalu amek kat babydoll.nu , sebab kat babydoll.nu semuanye smilies, so sangat memudahkan kerje, takdelah susah susah dok google kan?

Kalau tak reti nak amek, study kat > sini <.Lepas tuh save lah kat tempat yang korang senang cari, kalau aku , aku selalu save kat Desktop lepas tuh baru choose file then save.
Attention : It takes a few days kot baru keluar smilies yang korang setup


2.LETAK FOLLOW DAN DASHBOARD BUTTON ALA ALA TUMBLR.

Masa Part 1 aku ade buat kan tutorial nih, tapi kan aku kate part 2 ni aku nak fokuskan kat Page Element maksudnye additional things lah kan,

so here we go, LogIn/ Design/ Add a Gadget/ HTML/Javascript


<div style="position: fixed; top: 5px; right: 100px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID KORANG" target="_blank" rel="nofollow" title="Follow NH !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img src="URL IMAGE FOLLOW BUTTON"/> <div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="uR Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img src="URL IMAGE DASHBOARD BUTTON"/></a></div></a></div>
BLOG ID KORANG : gantikan dengan blog id korang, kalau tataw, boleh study kat > sini <
URL IMAGE FOLLOW BUTTON : gantikan dengn url korang, aku ade buat freestuffs > here <
URL IMAGE DASHBOARD BUTTON : gantikan dengan url korang , aku ade buat freestuffs > here <

my second baby.:)
3. LETAK HEADER


Ramai yang da tawkan? Tapi tak pe kite kongsi ilmu, ape lah salahnye kan? 
LogIn/ Design / Header
Lepas tuh korang upload dan save.Kalau tak pandai buat header, study kat > sini <, kalau nak freestuffs, aku ade banyak freestuffs.:) Rajinkan diri korang untuk bukak page tutorial aku ye, 

5. BLOCKQUOTES

Blockquotes bukan lah kemestian, tapi bagi aku kemestian untuk highlight kan my words kan?
inilah blockquotes, cantek tak titew? 

Macam mana nak buat?

LogIn/ Design / Edit HTML / Tick Expand Widgets


search code  .post blockquote {


Pastekan code kat bawah ni kat bawah code .post blockquote {
Background-image:url(URL IMAGE);
Kat bawah code .post blockquotes { ade code margin: 1em 20px; kan? Pastekan code kat bawah ni kat bawah margin: 1em 20px;
padding: 10px 10px 10px 10px;
border: 2px solid #CD5C5C;
-moz-border-radius: 35px;
border-radius: 35px;
}
Padding tuh keluasan tepi atas bawah kotak blockquotes tuh so takdelah sempit kan? Border tuh lak korang boleh customize ye, 2px tuh ketebalan border, solid tuh jenis border  , #CD5C5C tuh colour, -moz-border-radius: 35px;
border-radius: 35px;
} tuh design border.

Solid tuh boleh tukar kat > sini <
#CD5C5C boleh tukar kat > sini <

-moz-border-radius: 35px;
border-radius: 35px;
} tuh boleh tukar kat > sini <



6. REMOVE SUBSCRIBE TO ATOM

Bende ni menyemakkan kan? 
Search code  <div class='blog-feeds'>, dah jumpe? So korang akan jumpe code macam kat bawah;
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
Delete semue code kat atas nih ye? Faham? Tak paham silelah tanye ye. Lepas tuh save template.

Aku rase tuh je la kott untuk basic, yang lain lain google lah, terlampau banyak tutorial yang advance dari aku taww.:)
Pleasesaythankyou.Hewhew

No comments: