r0sL!na

Tuesday, January 31, 2012

Tutorial letak social bookmark icon

Kali ni ina buat tutorial cara nak letak social bookmark icon dalam laman sesawang korang, tutorial kali ni senang sangat-sangat. Korang tak perlu pening-pening kepala nak pikir macam mana nak buat..yang pasti pejam mata pun korang boleh letak social bookmark icon ni dalam blog korang. Untuk pada anda semua yang tak tahu atau tak pernah dengar pun apa social bookmark ni korang boleh refer gambar di bawah

1. Desing > Layout > Add a Gadget > HTML/JavaScript

2. Copy and paste code dibawah

<div style="display:scroll; position:fixed; top:300px; right:0px;">

<a class="linkopacity" href="https://twitter.com/mesitiroslina" target="_blank" rel="nofollow" title="title here" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i656.photobucket.com/albums/uu281/roslina90/twitter.png" /></a><br />

<a class="linkopacity" href="http://darlinaboutique.blogspot.com/" target="_blank" rel="nofollow"title="title here" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i656.photobucket.com/albums/uu281/roslina90/blogger.png" /></a><br /><a class="linkopacity"

href="http://linaros.tumblr.com/" target="_blank" rel="nofollow" title="title here" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i656.photobucket.com/albums/uu281/roslina90/tumblr.png" /></a><br /></div>

merah: korang letak url blog/twitter

purple: url icon korang
biru: korang tukar ikut cita rasa berapa besar yang korang nak
hijau: korang boleh tukar nak icon tu sebelah kanan atau pun kiri

http://3.bp.blogspot.com/-o_fDkqhx3Wk/Tyecrg3TwsI/AAAAAAAABgQ/GeZgIXHLgmY/s1600/facebook-logo-webtreatsetc.png

http://4.bp.blogspot.com/-88ra6A2qo9o/TyecsIsvyYI/AAAAAAAABgY/DjLGyi1k9Xo/s1600/mail-webtreatsetc.png

http://4.bp.blogspot.com/-q5UnvhJExEs/Tyecs92uFBI/AAAAAAAABgc/jykhD_XMlLw/s1600/twitter-webtreatsetc.png

http://1.bp.blogspot.com/-E9WeLUjdWxo/TyeczbUqgzI/AAAAAAAABgo/iNUWzoLFZ9c/s1600/facebook.png

http://4.bp.blogspot.com/-wZQv_v1KHpk/Tyecz_-Yl-I/AAAAAAAABgs/SvJnBI86llA/s1600/rss.png

http://3.bp.blogspot.com/-2qDN87QeCGs/Tyec0cIbr0I/AAAAAAAABg0/qR6wNCuO6bc/s1600/twitter.png

http://1.bp.blogspot.com/-qTdTBKgaiQA/Tyec9-XoHEI/AAAAAAAABhA/WL3a9miSzxg/s1600/facebook_32.png

http://4.bp.blogspot.com/-d0EVQ0MxxY0/Tyec-DID9yI/AAAAAAAABhI/StWmPze8h0Y/s1600/flickr_32.png

http://3.bp.blogspot.com/-32ov0Pkk3hg/Tyec-zeMxpI/AAAAAAAABhQ/kXHYLzuIoxE/s1600/gmail_32.png

http://2.bp.blogspot.com/-dWrS_S_ImC8/Tyec_h2TqvI/AAAAAAAABhY/xQb0sqszpVk/s1600/twitter_32.png

http://4.bp.blogspot.com/-P1-jaSOuu3c/TyedBSgtsyI/AAAAAAAABhc/J58ZuRHPOm8/s1600/youtube_32.png

Thursday, January 26, 2012

Shadow Effect di post title and sidebar

tutorial kali ni khas untuk pengguna denim template, kalau korang perasan sekarang ni dah susah nak cari tutorial untuk denim template yang ada pun untuk design template. Code untuk design template juga sedikit berbeza dengan code denim template. Untuk membuat shadow effect ni korang hanya perlu ikut saja step yang disediakan
(sidebar)

1. Design > Template > Edit html > Proceed (tick Expand Widget Templates)

2. Tekan Ctrl + F dan cari code dibawah

.sidebar h2 {

3. Copy code dibawah

text-shadow: 1px 1px 2px #000000;

4. letak kan code diatas (step 3) seperti dibawah

.sidebar h2 {

text-shadow: 1px 1px 2px #000000;

margin: 1.6em 0 .5em;

padding: 4px 5px;

background-color: $sidebarTitleBgColor;

font-size: 100%;

color: $sidebarTitleTextColor;

}

5.Save

(title)
untuk title korang cari code seperti dibawah, dan ikut saja step seperti diatas

.post-title {

dan letakan code step 3 seperti dibawah

.post-title {

  text-shadow: 1px 1px 2px #000000;

  margin: 0;

  padding: 0;

  font-size: 125%;

  font-weight: bold;

  line-height: 1.1em;

kalau korang tak jumpa code untuk post, korang boleh ikut cara ni

1. Design > Edit Html > Template Design > Advance > Add css
2. Copy and paste code dibawah

.post-title {

text-shadow: 1px 1px 2px #000000;

merah: berapa besar shadow yang korang nak contoh 2px 2px 3px
purple: korang boleh tukar ikut citi rasa korang, korang boleh pilih disini

Tuesday, January 24, 2012

New Twitter Homepage

twitter homepage terbaru lagi smart, elegan dan bergaya..hahah dah lama juga rasa nya tak online twitter ni di laptop..bukan apa, malas nak loading, kadang nak mention orang tak boleh dll lagi la. untuk korang yang belum update kepada new hompage ni cepat la buat ye sebab memang style sangat-sangat