Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

June 6, 2012

Tutorial: Like Button Right-Hand Corner


Assalamualaikum

Hehehe. I learn this from my old friend, Syaza. Yes, I found this is very useful so I think why not if I just share with you. As you see, at the bottom of this blog dah ada small button for FB Page. Whatever it is, thanks a lot to Syaza sebab ajar me how to do it! Love you like crazy lah!

For those who using blogskin just paste this code under <html> alright...

<a style="display:scroll;position:fixed; bottom:3px; right:5px;"><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fmint-breeze.blogspot.com%2F&send=false&layout=button_count&&show_faces=false&action=like&colorscheme=light&font=verdana" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:77px; height:21px;" allowTransparency="true"></iframe></a>

By the way, when you put your blog's link make sure that there is NO http:// or it'll not going to work. Alright baby. All you have to just edit the underlined. Umm, well.... If you don't understand you can refer to this blog. She can tell you everything actually.

August 22, 2011

Tutorial: Tab Menu Macam Saya!


Assalamualaikum semua!!!

Hoorayy kita kembali lagi :119:Sekarang dah Ramadhan yang ke-22 :119: Wah cepatnya masa berlalu kan. Sekarang ni sepuluh malam terkahir, mungkin malam ni adalah malam Lailatul Qadar, so banyakkanlah ibadah pada malam ni :face64: Tak sure tapi mana tahulah kan. Wallahu'alam. Hari ni Miss Purple nak buat Tutorial. Tuto ni L0llypop yang request dekat Shoutbox :face5:

1. Design :65:Page Element :65:Add a Gadget :65: HTML JavaScript
2. Copaste code dekat bawah ni dalam kotak besar tu.

<center><span class="Apple-style-span" style=" ">
<span id="nav" style=" background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #000000; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; "><a href="LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">NAMEPAGE</a></span>
<span id="nav" style=" background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #000000; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; "><a href="LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">NAMEPAGE</a></span>
<span id="nav" style=" background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #000000; text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; "><a href="LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">NAMEPAGE</a></span></span></center>

Yang colour Red tu tukar dengan link page korang. Yang colour Orange tu pulak tukar dengan ayat korang sendiri lah. Yang colour Green pulak tukar dengan code colour korang sendiri. Cari je kat sini, lagi senang :face26:

Sekian, itu sahaja dari Miss Purple pada hari ini. Kalau tak jadi tanya lah. Jangan nak belagak pandai :face54: