Tutorial : Denim Template III

Assalamualaikum

Pop-up window untuk comment form placement

1. Dashboard > Settings > Comments > Comment Form Placement > Pop-up window > Save setting

Button Reply to comment

1. Dashboard > Design > Edit Html > Tick Expand Widget Templates.

2. F3 / Ctrl + F cari code

<b:include data='comment' name='commentDeleteIcon'/>

3. Copy and paste code ni kat BAWAH code tadi.

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR BLOG ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Reply to comment]</a></span>

4. Tukar YOUR BLOG ID kepada blog ID korang.

5. Save.

Floating Youtube player

1. Dashboard > Design > Add a gadget > HMTL/JavaScript.

2. Copy and paste code ni kat ruang content tu. Jangan isi apa-apa kat ruang title.

<div style="POSITION: fixed; bottom: 2px; left:6px;"><div style="MARGIN-LEFT: .1em; MARGIN-RIGHT: .1em" class="linkopacity" href="#" rel="nofollow" target="_blank" imageanchor="1"><span style="background- padding: 13px 9px; border: 2px solid #000000; solid;"><object width="60" height="25"><param name="movie" value="http://www.youtube.com/v/rr-0mezwbyU?=1&amp%3Bhl=en_US&amp%3Brel=0&autoplay=1&loop=1" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/rr-0mezwbyU?=1&amp%3Bhl=en_US&amp%3Brel=0&autoplay=1&loop=1" type="application/x-shockwave-flash" width="60" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object></span></div></div>

3. Yang aku bold tu korang boleh tukar kepada code lagu lain. Contoh :

Ambil code yang dalam kotak tu je.

4. Save.

Design sidebar

Korang boleh rujuk kat sini : CLICK

Credit : Nana Johari

Design Post title

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates

2. F3 / Ctrl + F cari code .post-title {

3. Copy and paste code ni kat BAWAH code tadi.

background: url(URL IMAGE);

-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
border-left: 4px solid #0000A0;

border-right: 4px solid #0000A0;
padding: 3px;
text-align:center;
margin: 0 0 1em 0;
font-size: 110%;
font-weight: bold;
line-height: 1.1em;
}

4. Yang aku bold tu pandai-pandailah korang edit. Hasilnya macam ni. Contoh :

To be continued...