Sesungguhnya Islam itu teramat cantik, tidak mungkin mengetepikan kecantikan seni fotografi yang istimewa, yang mampu menyentuh jiwa dengan 'cahaya islam' yang hakiki - Peter Sanders


Follow Us @soratemplates

Memaparkan catatan dengan label tutorial. Papar semua catatan
Memaparkan catatan dengan label tutorial. Papar semua catatan

Selasa, 6 Mac 2012

Tutorial: Tinggalkan Jejak Pada Kotak Komen

Selasa, Mac 06, 2012 11 Comments


Dah lama dah saya teruja nak wat mende ni tapi malas nak search boleh? :26: Haha... so harini coti  so marilah kite sama-sama cuba tutorial ni ye!

Benda ni berguna bile korang berblog-walking pastu nak tinggalkan link blog korang kat sana. Owh ye, memang la boleh je pemilik blog yang korang lawat tu boley klik kat profile icon korang dan ia akan bawak korang direct ke profile korang dan yeda, yeda, yeda... :05: tapi cam panjang cite je kan? Dengan wat camni, korang memudahkan orang lain terus ke blog korang dan korang jugak boleh pilih nak linkkan dengan entry mana yang korang suke. :23: Camne nak wat? Haaa... gini...

Caranya senang sangat, salin jek code kat bawah nih pada notepad korang, alaaa... nerd yang dalam Window Accessory tuuu... lepas tuh save, so bila korang nak guna just copy & paste pada kotak komen blogger yang korang kunjungi.

<a href="url-bloG-anda"> tajuk entry anda </a>


Step #1:
Tukar url-blog-anda tu ke url entry blog korang ye.

Step#2:
Tukar tajuk entry anda tu dengan tajuk entry yang korang dah linkkan tadi tu.


Dah siap!

Signature:7:

Selasa, 28 Februari 2012

Tutorial: Cara comelkan kotak blockquote

Selasa, Februari 28, 2012 15 Comments



Ape tuh kotak blockquote? Haaa.. yang macam kat atas tulah. Biase dia takde kotak dan takde gambarkan? So skang ni tutorial untuk kasik ade gambo kat dalamnye ye. Mari lihat ape yang korang kene wat: -

Step #1:
1. Dashboard>Design>Edit HTML
2. Tekan CTRL+F and search ayat bawah ni: -

.post blockquote {
Step #2:
1) Copy code bawah ni dan paste di BAWAH ayat .post blockquote{ tadi: -

background:url(URL BACKGROUND1); padding:5px;
Border:2px dashed #00000;
colour:#FFFFFF}
blockquote:hover {
background: url(URL BACKGROUND2)
) repeat right bottom ;
border:2px dashed #FFFFFF;
moz-border-radius: 35px;

Notes:

  1. Gantikan URL BACKGROUND1 tu dengan apa-apa image yang korang ndak.
  2. Ganti URL BACKGROUND2 dengan image icon yang akan berada kat sudut bawah kanan bile cursor disentuhkan ke dalam kotak tu nanti.
  3. #00000 dan  #FFFFFF  yelah kaler border. Korang boleh tukar kat sini.
  4. #FFFFFF ni kaler kotak pun bleh tukar jugak kat sini.

Skang SAVE dan cube wat satu testing post menggunakan quotes. Kalau jadik maknanya BERJAYA! Theee...


Signature

Isnin, 27 Februari 2012

Tutorial: Cara pasang Widget YouTube Player

Isnin, Februari 27, 2012 6 Comments

 
Heheee... tepek gamba dari blog Iena yang saya wat haritu. Blog saya takde Youtube player ni sebab saya tak suka orang bukak blog saya dan lemah jantung hahaha...! *Kate diri sendiri sebab selalu terperanjat masuk blog orang yang ade lagu nih! Ngeh, ngeh, ngeh...* Lagi satu sebab dia memberatkan sket blog kite tu. Camnerpun bagi yang nak pasang, ni tutorialnya seperti yang diminta oleh Oshin.

Ekcelli Youtube player ni lagi mudah sebab kalau kite masuk music player kite kena register dulu ngan dorang la bagai... dan kalau tak kena gaye, ade yang mengandungi malware spamming so cam tak bestlah kan. Okeh skang kite mula: -

Step #1:
1) Memula korang gilah kat YouTube dan pilih ape lagu ka, movie ka yang korang nak tu kan. Pastu tengok kat bawahnya ade button SHARE kan? Klik kat situ dan nanti dia akan kuar code untuk dicopy paste dalam blog korang.

2) Sebelum copy codenya, pastikan korang TICK pada kotak 'Use old embed code(?) tu tau. Kalau tak nanti player korang tak menjadik. Dah tick, baru copy coding dia yang dalam kotak kaler biru tu.

Step #2:
1) Gi kat Dashboard > Design > Add gadget > HTML/Javascript. Pastekan coding yang korang dah copy kat Youtube tadi tu. Contoh cam kat bawah ni: -

<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/moZNGtKcOFg?version=3&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/moZNGtKcOFg?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Note:
Biru: lebar dan tinggi kotak Youtube korang. Kalau nak ubah kena ubah dua-dua sekali okey.
Merah: link url Youtube pilihan korang tadi tu. Bile nak tukar nanti korang cume copy linknya sampai tu je kat Youtube dan gantikannya. Tayah dah copy kesemua code yang dia bagi.


  Signature

Khamis, 2 Februari 2012

Tutorial: Cara pasang emotikon dalam post/ entri

Khamis, Februari 02, 2012 10 Comments


Daku dah lama dah diugut soh wat tutorial ni tapi biaselah kalau semedang dok termakan semut camnilah jadiknya *Okeh tak alasan?* Hehe... oleh sebab itu, terlebih dulu mintak mangap la ye kepada Puan Sri Shiela Firdaus yang menunggu di tepian pantai begitu lame itu. Lagipun bukan senang badak nak wat tutorial ni tau. Manyak tab kena bukak ni haa.... Ate nama pun nak copy paste tutor orang, haha...*pecah rahasia*

Rajah 1. Wahhh cam kertas peksa sekolah je!

Okeh memula kite bagitau dulu ape syarat untuk menggunakannya ye. Sile patuh kepada syarat-syaratnya atau KONPEM bile nak post entri baru segala makhluk dongol tu sume tak muncul kat New Post, okeh.

Syarat-syaratnya: -
  1. Belikan daku Samsung Note sebijik *Tipu. Abaikan*
  2. Sila ke Dashboard>Setting> tengok ke bawah hingga nampak jari kaki... theee...acah je... sehingga berjumpe dengan Global Setting pehtu pilih Old Editor (Lihat Rajah 1) *Harap maklum kalau korang tick selain dari tu, jangan nak bising lepas ni nape korang wat tak jadik ye. Itu menandakan korang degil.*
  3. Hanya gunakan Mozilla Firefox untuk membuat New Post atau Edit. Chrome atau Safari tak support menatang ni okeh.

Rajah 2


Okeh skang kite mulakan tutorial ni ye: -
  1. Memula sekali korang kena ade Mozilla Firefox. Kalau takde sile hantuk kepala kat dinding, kang muncullah dia *Abaikan... gugel jek pastu donlod. Pehtu jangan tak install pulak ye!*
  2. Klik kat Tools>Adds-on dan search 'Greasemonkey'. Lepas tu korang akan nampak gambo beruk matyeh tersengih kat situ. Kalau ada maknanya korang dah halfway berjaya dah heheh. (Sila nengok Rajah #2 kalau ngak paham)
  3. Skang korang dah ade application Greasemonkey tapi korang blom ade makhluk-makhluk dongol itukan? So korang gugel 'emotikon' dan install userscriptnya.Daku dah lama buat menatang ni so kebanyakan sumber emotikonku dah lama tak aktif. Yang hado dari Cik Chokilala je so korang ndak, sile klik sini untuk dapatkan userscript milik beliau. Untuk emotikon Yahoo sila  install di sini. Perlu diingat ye, install guna browser FIREFOX bukan Google CHROME!
  4. Okeh... skang korang dah berjaya sedut makhluk-makhluk dongol itu masuk ke dalam dashboard posting korang. Nak tau berjaye ke idok, cer gi kat new post pastu nengok ade tak kuar camni: -
Kalau dah ade, maknanya dah berjaya! Syabbas Inspektor Saab!

Cara gunakannya senang je. Kat memane bahagian entri yang korang rasa nak masukkan makhluk-makhluk tu, korang just klik kat wajah mane yang korang nak, pastu automatik dia masuk dalam post. Senangkan? Mekaseh kepada diriku yang 2 hari buat tutorial ni untuk korang, haha! So pe lagi? Cubelah terai test tengok! Hehe....

Signature

Jumaat, 4 November 2011

Freebies: Instagram kini dalam Photoshop!

Jumaat, November 04, 2011 5 Comments


Bagi pengguna tepon iPhone, korang mesti pernah dengar pasal Instagram kan? Instagram ni yelah satu applikasi iPhone yang membolehkan pengguna tepon tu mengedit gambar cun-cun. Lepas tu ske ati la korang nak wat wallpaper ke, nak eksyen kat mukabuku ke atau nak print. Bagi yang tak mampu pakai tepon iPhone macam aku, skang korang bleh meng'hedit' gamba korang sejibik cam applikasi tu. Okehlah tak sejibik... tapi 99% menyamai-lah. In fact aku rase guna action ni lagi cantik kot. Ntahlah hehe... korang terai dan nilailah sendiri ye!


Gambar Bunyet -budak gemok di atas ni yelah gambar ORIGINAL diambil menggunakan Canon EOS 5D Mark II *Saje je tulis sebab nak eksyen pernah guna kamera mahal. Tapi pinjam orang punye je laa...hahaha!* Terima kasih kepada dua pupu pada pakcik belah ayah aku- Hencek Daniel Box kerana telah mencipta action ni setelah dia pun cube gugel untuk action yang sama tapi tak jumpe-jumpe. Sehingga akhirnya dia telah men'decide'kan dirinya untuk cipta action-action nih. Ade macam-macam style dalam action pack dia so korang bleh la pilih nak pakai yang mana. Bawah ni contoh-contoh style dia yang aku dah cube: -

Gotham
Earlybird
Inkwell
Brannan
Hefe
Nashville
Lomo-fi
LordKelvin
XProII
Sutro
Toaster
Walden

Amacam? Cantikkan? Kalau korang tanye aku- aku paling suke style XProII. So, kalau korang pun nak edit gak gamba korang camni silelah download kat InstagramAction by @dbox ni. Lepas dah download, extractkan dalam folder Adobe Photoshop >Preset> Action korang. Pastu dah boleh guna dalam photoshop! Senang jekan? Tak tau? Gi tanye jiran sebelah ye kui, kui...


Anyway, bagi pengguna Ovi cam aku, ekcelli ade je application yang hampir seghope ngan Instagram ni. Kalau tak caya, cube download applikasi MOLOME dari Ovi Store. Style-style edit yang ada dalam applikasi tu lebih kurang sama je ngan Instagram tu. Gambar Rayyan kat atas tu sample aku edit guna applikasi MOLOME direct di tepon Nokia murahan aku je. Cun kan? So pilihan ditangan anda- Renung-renungkannnn dan selamat beramaaaal!


Signature

Selasa, 27 September 2011

Tutorial: Cara buat hide credit box

Selasa, September 27, 2011 3 Comments



Tutorial ni direquest oleh adik Eeda Latif yang comel itu. Sesape yang nak wat gak silekanlah amek. Aiman tak kesah! (Cume kalau dah copy tu silelah bagi kredit ye! :koreks:*Wink*Wink*)

Step #1: Gi kat Design>Add Page Element>HTML
Step #2: Copy code di bawah ni dan pastekan dalam no. 1

<style type="text/css">
#gb{
position:fixed;
top:150px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:right;
cursor:pointer;
background:url('url gambar kredit') no-repeat;
}
.gbcontent{
float:right;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<b><span class="Apple-style-span" style="color: #e06666;">KREDIT</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
babydoll.nu</div>
<div style="text-align: center;">
bloggercandy.blogspot.com</div>
<div style="text-align: center;">
nama/url blog yg nak dikreditkan</div>
<div style="text-align: center;">
nama/url blog yg nak dikreditkan</div>
<div style="text-align: center;">
nama/url blog yg nak dikreditkan</div>
<div style="text-align: center;">
nama/url blog yg nak dikreditkan</div>
<div style="text-align: center;">
nama/url blog yg nak dikreditkan</div>
<div class="separator" style="clear: both; text-align: center;">
nama/url blog yg nak dikreditkan</div>
<div class="separator" style="clear: both; text-align: center;">

<div style="text-align:center">
<a href="javascript:showHideGB()">
[tutup sini]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script></div>

Step #3: Save & preview!

:pandaGeli_04:Notes: Sume yang bold tu korang boleh tukar mengikut rasa nak manis ke masin ke okeh!


Sorila ye Eeda kalau lambat sangat menunggu tutorial ni. Maklumlah baru first taim nak wat tutor, nak pasang coding pun terkial-kial haha! :mHihi: Anyway harap Eeda puas hati!


Sabtu, 1 Januari 2000

Tempahan Make-Ober Blog

Sabtu, Januari 01, 2000 3 Comments

Hmmm... since ghamai pulak yang mintak saya menghuru-harakan blog mereka, :bye:maka saya telah mencipta page ni khusus untuk korang sume. Senang sket kot sebab korang-korang yang berkenaan senang dapat info dan follow-up pasal make-ober ni, kan?

Okeh, memula biar daku bagitau yang daku rela hati menerima ajakan menggodam blog korang dengan tanpa bayaran satu sen pun... :bofu_48: *Wahhh... pemurahnya daku huahua...* Akan tetapi ada syaratnya. Apa syaratnya... yaaa... mari baca dibawah: -


Syarat Yang PERTAMA:


Apabila selesai daku menghuru-harakan blog korang, korang sure akan nampak ade satu banner 'Aperture Addiction' dalam blog korang tu tau. Banner itu adalah diHARAMkan untuk kamu men'delete'kannya ye... :mGergaji: sehinggalah korang ubah semula blog korang sepenuhnya dengan template yang lain atau baru.... Aaa... tapi kalau nak ubah tempat/ kedudukan banner tu atas ke bawah ke... yang tu Aiman kate dia tak kesah.....:01:


Syarat Yang KEDUA:

Bile dah seronot tengok blog korang dah bertuko ghupe tu... :mKening: sile jangan lupe daratan ye. Kembalilah kepada blog ini semula dan sile klik SUME IKLAN yang ada kat Home blog daku ni ye hehe... ikhlas tak ikhlas tak kire, :11: buat jugak! Haha... tapi yelahkan, ni based on kejujuran korang dengan saya dan Si Pencipta. Kalau korang tak wat pun saya tak tau tapi Allah tau :heh sogan:jeng, jeng, jeng...


Syarat Yang KETIGA:

Silelah lakukan perkara berikut (ada dalam blog saya bahagian sidebar) : -

  1. FOLLOW GoogleFriend saya
  2. FOLLOW Networkedblog saya
  3. LIKE DeebPunyeCite di Facebook okeh... *sekadar menyambungkan silaturrahim* :koreks:


Last but not least (cewah):

WAJIB membuat satu entry/ posting khas semata-mata untuk mengipas a.k.a mempromote dua blog ni yeitu: -

  1. DeebPunyeCite (http://deebpunyecite.blogspot.com)
  2. Aperture Addiction (http://www.apertureaddiction.com/blog)


Basically DeebPunyeCite tu yelah blog personal saya :wink:dan kebanyakkan cite di dalamnya adalah photolog. Yang Aperture Addiction tu pulak yelah blog saya carik makan yeitu saya ada menyediakan servis amek gambo besday, cukur jambul, marhaban, khatam Al-Quran, pertunangan, perkahwinan dan :mCamera: dan sewaktu dengannya.


Sila masukkan image-image ni jugak dalam post tersebut beserta linknya ye: -

http://www.apertureaddiction.com/blog

http://deebpunyecite.blogspot.com


Itu jek! Senangkan? :7:So kalau korang berminat silelah PM saya kat deeb0207@yahoo.com okeh. Cume nak bagitau awal-awallah ye, korang kena beratur untuk dapat giliran. :5: Maklumlah i ni kan penggodam fofular... buwekkk....!


:6:MEREKA-MEREKA YG SEDANG BERATUR: -


1) Shiela Firdaus
2) Oshin jamel
3) Ku'inn Oshin
4) Aieda Saedah Hamdi
5) Iena Hamdi
6) Suniza Haron
7) Ibu Darwisy
8) Tokei Kedai
9) Kawan blogger Oshin
10) 'Ainn Roxx
11) Murni Qaseh Kalsom
12) Nur Deanna
13) Mas
14)
15)
16)
17)
18)
19)
20)











Signature
Follow Me at flickr! .