Diari Si Froggie: tutorial

Showing posts with label tutorial. Show all posts

March 30, 2013

Tutorial Button Like Fanpage Facebook

Diari Si Froggie March 30, 2013 52 Comments

Semalam kemain janji nak join satu lagi GA kunun nak up entry GA tu malam semalam last-last sampai kesudah tak up :P hujung minggu lah katakan banyak projek nak kena buat, hiks. Maaf pada adik Hanim yang tag Aida join GA tu tapi Aida tak dapat nak join. Maaf..maaf. Mohon jangan kecil hati lain kali sudi-sudi tag lagi ea. :)
Berkenaan Aida nak buat GA tu, mungkin dalam masa terdekat jugak lah dan mungkin bukan GA tapi Contest, sekarang tengah memikirkan hadiah dan berbincang. InsyaAllah kalau ada rezeki nanti Aida up entry pasal nie.
Malam nie aida nak penuhi permintaan Hana Hadi, dia tanya macam mana cara nak buat Button Like Fanpage Facebook. Mari Aida tunjukkan caranya.

Korang click link dibawah nie dan ikut step gambar yang aida tunjukkan

Like Box - Facebook Fanpage

1. Isi bahagian Facebook Page URL dengan URL fanpage korang

Click Entry Penuh Click Sini untuk sambungan tutorial ini

Entry Penuh Click Sini...

July 7, 2012

TUTORIAL : IMAGES MENJADI KABUR

Diari Si Froggie July 07, 2012 58 Comments

Nampakkan perbezaan images diatas?

kalau tak nampak jugak try halakan cursor anda pada images diatas

mari kita belajar bersama-sama

Dashboard > Design > Add a Gadget > HTML/JavaScript

copy code dibawah ini dan pastekan kedalam ruangan HTML/JavaScript

<style>/* ----- Image opacity effect 2 ----- */.post a img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;}.post a:hover img {filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}</style>

Dah siap tekan Save dan Preview

Selesai :)

Lebih banyak tutorial ada DISINI

P/s : Sesuai untuk template denim, mahupun template lain

July 6, 2012

DOMAIN .COM

Diari Si Froggie July 06, 2012 40 Comments

Korang ingat tak yang aida pernah menyertai satu Give Away, Give Away tu pulak menawarkan domain pada blogger yang bertuah. Kat bawah nie Banner Give Away tu.

Nak baca entry aida tentang Give Away tu ada disini

Give Away Domain | FIRST! Seconds Years Anniversary

tak terfikir pulak akan terpilih, yela kan blogger yang menyertainya tu pun mungkin lagi hebat dari aida. Sampai lah malam 28 Jun 2012 dimana Kazen penganjur Give Away nie mengumumkan pemenangnya, Alhamdulillah syukur nikmat sudah rezeki badan, Kazen memilih blog aida sebagai pemenang bertuahnya.

Nak tahu bagaimana cara Kazen memilih pemenang ada disini

Pemenang Give Away Domain First

Setelah meminta pendapat Kazen sendiri, serta Apit, dan Cha aida pun setuju nak tukar domain blog nie dari diarisifroggie.blogspot.com kepada www.diarisifroggie.com, secara rasminya pada 2 Julai 2012. Setakat nie ada dua blogger yang dah perasan tentang perubahan nie iaitu Abg Sop,dan Shida (perasan aja depa haih).
Korang jangan tanya macam mana aida setting apa semua.. tobat tak tahu, semua tu Kazen yang tolong A-Z, Kalau korang nak tahu macam mana beliau buat boleh tanya sendiri dengan beliau. Thankz banyak-banyak Kazen :) rasa-rasanya Kazen guna khidmat Net.KL dalam proses membeli domain nie.
Apa itu Domain?

Apa itu Domain : Alamat laman web anda (www.namablog.com) Kelebihan : Dapat tukar url blogspot kepada .com (Umpama rumah dah ada cukai pintu) Entry : Entry lama atau baru tak akan lesap sama sekali Template : Pun sama tak berubah sikit pun Follower : Still ada dengan jumlah yang sama Url : Follower still boleh masuk melalui url blogspot
Apa yang berubah setelah bertukar Domain?
Alexa : Jumlah Alexa menunjukkan No Data (macam baru daftar) Iklan : Kalau Nuffnang kita kena update url baru dekat website dia Shout : Harus akan hilang kalau guna link blogspot so tukar link tu pada link .com Bloglist : Ini terjadi diblog aida, lesap semua bloglist (nasib ada ingat sikit2) yang tak ada tu mohon inform aida eh? :P

pssttt!! Boni kacak dan Nurlyla pun baru tukar domain.com

p/s : Nak beli hosting pulak mungkin pada tahun 3000 time tu kalau panjang umur, mesti umur dah dekat 1011.. :P (moyang tengah update blog mohon jangan ganggu)

May 20, 2012

TUTORIAL : AYAT (STATUS) BERGERAK DI SIDEBAR

Diari Si Froggie May 20, 2012 22 Comments

Kalau tengok tajuk tu aida tak tahu lah kalau korang faham ke tak. Haha.. puas memikir dah tu. So tak nak bagi korang pening-pening aida PS dan tempek je gambar kan senang.

Ok dalam kotak yang aida dah highlight kan warna merah tu lah contohnya, dalam PS tu memang lah tak bergerak kan.. haha. Kalau nak tengok yang bergerak pi tengok kat sidebar aida tu. Ok kali nie aida nak ajar korang semua macam mana nak buat benda nie.

Dashboard > Design > Add a Gadget > HTML/JavaScript

Korang pastekan code dibawah nie dalam HTML/JavaScript tu

<center style="text-align: center;"><span class="Apple-style-span" style="color: #437C17; font-family: Verdana, 'times new roman', serif;"><b>TAJUK STATUS KORANG</b></span></center><div style="Background-image:url(http://www.glitter-graphics.com/images/empty.gif); repeat; padding -moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;: 5px; border:1px solid #437C17;"><center><marquee>AYAT STATUS KORANG</marquee></center></div>

Contoh bergambar :

Yang aida highlightkan merah tu korang tukar ayat korang, ikut lah korang nak letak ayat apa pun. Ok? yang #437C17 tu korang tukar pada code warna yang sesuai boleh tengok code warna kat SINI.

Dah rasa puas hati tekan je SAVE dan PREVIEW

Selesai sudah Status bergerak korang :)

April 5, 2012

TUTORIAL : TUKAR BACKGROUND BLOG (TEMPLATE DENIM)

Diari Si Froggie April 05, 2012 35 Comments

Background blog tahukan apa dia? Tak tahu?

Baiklah ada typo dalam gambar nie harap korang buat-buat tak nampak ok

untuk tukar background menjadi warna sahaja TANPA CORAK macam Aida punya tu korang boleh ambil code warna dekat sini HTML COLOR CODES, dah pilih warna apa yang sesuai dan korang copy je code tu.

Kemudian korang pergi ke

Dashboard > Design > Edit HTML > Tick Expand Widget Templates > tekan Ctrl+F

korang cari code ini

body {

(copy code diatas nie dan pastekan ke ruangan Ctrl+F tadi)

dah jumpa korang pastekan je code warna tadi dekat sebelah code ini

Entry Penuh Click Sini...

July 26, 2011

TUTORIAL : RAPATKAN HEADER PADA BADAN BLOG

Diari Si Froggie July 26, 2011 16 Comments

Assalammualaikum & Selamat Sejahtera

Tutorial ini dibuat atas permintaan rakan aida yang baik hati nie SHIDA

ok jom kita buat sama-sama mahu tak? pada yang dah tahu duduk diam-diam jangan banyak cakap, tutorial ini untuk yang nak tahu dan yang tak tahu ok..hehe.

moga-moga ianya dapat membantu

UNTUK PENGGUNA TEMPLATE CLASSIC

Entry Penuh Click Sini...

TUTORIAL : AJAX FLOAT SHOUTBOX/SHOUTMIX

Diari Si Froggie July 26, 2011 14 Comments

Assalammualaikum & Selamat Sejahtera

tak mahu cakap banyak..jom kita buat sama-sama Ajax Float shoutbox/shoutmix ini, tutorial ini diminta oleh SHIDA

Step 1

korang kena reka sendiri button shoutmix/shoutbox korang yang selalu korang letak dekat bahagian tepi tu.

contoh button yang aida buat

blog Diari Si Gemuk

untuk button ini korang buat saiz 64x64 pun dah cukup, kalau nak transparent pun boleh tak nak pun boleh. Korang buat la ikut kreativiti korang..hehe. Korang kan kreatif..

Entry Penuh Click Sini...

June 23, 2011

MAAF JIKA MENYENTUH TANGKAI HATI SESIAPA..

Diari Si Froggie June 23, 2011 43 Comments

Assalammualaikum & Selamat sejahtera

'MAAF JIKA ENTRI SAYA KALI INI MENYENTUH HUJUNG TANGKAI HATI SESIAPA, SAYA TAK BERNIAT NAK BERKASAR CUMA SEKADAR BERKONGSI KERENAH MANUSIA'

Setiap kali berblogwalking pasti berjumpa berbagai-bagai kerenah penulisan, gaya penyampaian, jalan cerita, bahasa, dalam sesuatu blog tersebut. Blogwalking ini seronok sebenarnya bagi aida lah, sebab dalam waktu itu lah kita dapat mengeratkan silaturrahim sesama ahli dan mengenali sahabat baru dari pelbagai perangai.

kalau dari segi gaya penulisan itu kadang-kadang buat aida baca 2-3 kali sebelum nak tinggalkan comment..takut gak kang tersalah comment ke kan..tak pasal-pasal.

Entry Penuh Click Sini...

June 5, 2011

BLOG DIARI SI FROGGIE BERSIH DENGAN VIRUS

Diari Si Froggie June 05, 2011 20 Comments

Assalammualaikum & Salam sejahtera

Dulu blog Diari si froggie pernah di serang oleh virus malware mommypinky85

saya sendiri pun tak sedar blog saya telah di serang virus ini

seorang sahabat saya iaitu encik APIT yang menyedarkan saya tentang hal ini

first time dapat tahu tu agak tak tentu arah jugak la saya

try tanya encik APIT macam mana nak padam virus ini, malang nya encik APIT kurang tahu tapi dia tetap maintain cuba menolong dengan memberi idea cari link virus tu dekat Edit HTML dan deleted

so dengan hati yang bulat tanpa bersegi-segi saya cuba cari kod mommypinky85 dan akhirnya berjumpa so apa lagi

Entry Penuh Click Sini...

May 8, 2011

TUTORIAL : MEMBUAT PAGE LIST

Diari Si Froggie May 08, 2011 8 Comments

PAGE LIST

Tutorial ini di minta oleh CJCELL

Entry Penuh Click Sini...

May 4, 2011

TUTORIAL : CURSOR CIPTAAN SENDIRI

Diari Si Froggie May 04, 2011 13 Comments

Dibuat atas permintaan sahabat saya mieszrieyna

cursor rekaan sendiri..dah nama pun rekaan sendiri so rekaannya bergantung pada anda sendiri ea?

contoh macam saya punya ini

dalam proses nie korang kena ada photoscape, kalau tak ada sila downloads ya..atau apa sahaja jenis software korang yang biasa korang guna untuk edit-edit gambar ini.

edit dulu gambar apa yang korang nak letak, patung, doodle, just nama sahaja, ikut kreativiti korang, gambar korang pun boleh.

Entry Penuh Click Sini...

April 27, 2011

TUTORIAL : FACEBOOK LIKE BUTTON

Diari Si Froggie April 27, 2011 5 Comments

Google

Nak letak kat mana 'natang' ini ya? letak kat bawah sekali pada setiap entri korang, so follower korang boleh like kalau dia orang rasa suka dengan entri korang itu (dah like pastu unlike pula sangat sedih ^_^)

Khas buat cik Pijahalim

caranya

Entry Penuh Click Sini...

April 24, 2011

TUTORIAL : CARA TRANSPARENTKAN BACKGROUND POST ENTRI

Diari Si Froggie April 24, 2011 8 Comments

nampak tak background belakang entri saya itu, transparent kan?

kalau korang nak buat macam ini juga

mari saya ajarkan

Entry Penuh Click Sini...

April 22, 2011

TUTORIAL : ACCORDIAN TABS MENU

Diari Si Froggie April 22, 2011 6 Comments

tutorial ini khas untuk sahabat saya MIERIL dan FYY..sory tak dapat ajar petang tadi sebab tak balik kerja lagi..hehe

accordian tabs menu ini dapat menjimatkan ruangan di bahagian sidebar korang

Entry Penuh Click Sini...

April 20, 2011

TUTORIAL : BLOGLIST

Diari Si Froggie April 20, 2011 4 Comments

Semalam borak sakan dengan sahabat baik saya salah seorang blogger iaitu FA , blog FA nie best sebab dia selalu update berita terkini, panas-panas pula itu. Tak percaya korang terjah sendiri blog dia. Lagi satu FA seorang blogger yang sangat peramah..

FA pernah tanya saya macam mana nak buat bloglist, saya tak sempat nak jawab dia dah tahu sendiri melalui kawannya tapi tak apa saya tetap akan buat tutorial ini.

Entry Penuh Click Sini...

TUTORIAL : CARA TRANSPARENTKAN HEADER

Diari Si Froggie April 20, 2011 8 Comments

klik sini untuk dapatkan cara-cara membuat header melalui photoscape

GIMP adalah satu program yang membolehkan kita transparentkan sesuatu gambar, kalau tak ada..boleh install dulu ya anak-anak.

Entry Penuh Click Sini...

April 15, 2011

BUAT HEADER GUNA PHOTOSCAPE

Diari Si Froggie April 15, 2011 15 Comments

Header yang cantik juga boleh membuatkan follower tertarik untuk menjelajah blog korang, disamping itu header yang cantik juga membuatkan tuan punya blog tersebut nampak kreatif..

jangan jadi macam budak hingusan empunya blog nie tak kreatif langsung headernya..(saya la tu)

ramai juga yang suka edit gambar melalui picnik, photoshine, picasa, photoscape dan sebagainya

sila downloads

Picnik - sesuai bagi korang yang suka edit gambar simple-simple secara online

Photoshine - frame yang agak cumey-cumey macam empunya blog (perasan) tapi fungsinya agak terhad

Picasa - Picasa nie pun best, sesuai juga untuk orang yang suka edit gambar, ada fungsi picnik sekali

Photoscape - yang nie memang mudah kalau nak buat header..sebab saya guna yang ini..hik..hik

bagi saya, saya selalu gunakan photoscape untuk pembinaan header nie..

sebelum itu..entri ini sangat lah panjang..sila tutup telinga
(tak ada kena mengena)

Entry Penuh Click Sini...

April 4, 2011

BUAT BACKGROUND UNTUK ENTRY

Diari Si Froggie April 04, 2011 0 Comments

ha..sapa nak? sapa nak? kalau nak sila follow step dibawah ini erk? buat sendiri..hehe

*AMARAN : code ini akan berfungsi dalam Edit HTML bukan Compose dalam posting korang..so diingatkan sila taip post korang dalam format Edit HTML ok..tolong ingat tu.

Entry Penuh Click Sini...

April 3, 2011

CARA LETAK CUTE BUTTON DI TEPI BLOG

Diari Si Froggie April 03, 2011 8 Comments

Contoh cute button yang saya nak ajar dalam tutorial kali nie...

fungsi cute button? - mempercepatkan carian dan kelihatan lebih kemas...tak lah blog korang panjang menjela ke bawah nanti..macam facebook selalunya korang guna badge kan..kalau guna cute button nie xperlu guna badge tu lagi..jimat sikit ruangan.

Entry Penuh Click Sini...

NAK EDIT DAN DELETED POST?? BOLEH SAJA..

Diari Si Froggie April 03, 2011 0 Comments

jangan risau post korang yang telah di publish kan masih boleh di edit atau di deleted semula..

1. macam biasa log in korangnya blog..

2. ok nak edit dan deleted post nie ada tiga cara : -

a. Di dashboard klik pada edit post (seperti di bawah ini)

b. atau pada ruangan posting korang just klik edit post (seperti di bawah ini)

c. atau pada ruangan blog, korang just klik pada gambar pensil bawah posting korang (seperti di bawah ini)

nak buat yang mana ikut kemudahan dan kesenangan korang la kan..kalau cara pertama dan kedua tu

korang terpaksa menghadapi satu windows iaitu : -

korang pilih posting mana yang korang nak edit or deleted tu kemudian nak edit klik pada edit kalau nak deleted klik pada deleted yang dekat hujung sekali tu...

kalau korang klik edit secara automatiknya keluar posting yang korang pilih tu..so boleh lah korang edit kat situ..

kalau korang klik deleted pula...nanti pihak blog akan mintak permission sama ada korang yakin nak deleted posting itu atau tidak..bila yakin nak deleted just klik deleted je...nanti posting korang akan di deleted..

cara yang ke 3 pulak direct pada posting korang..so terus edit saja..tapi cara ini tak boleh deleted posting pula..nak deleted kena guna cara pertama atau kedua...

ok..semoga berjaya...

March 30, 2013

July 7, 2012

July 6, 2012

May 20, 2012

April 5, 2012

July 26, 2011

June 23, 2011

June 5, 2011

May 8, 2011

May 4, 2011

April 27, 2011

April 24, 2011

April 22, 2011

April 20, 2011

April 15, 2011

April 4, 2011

April 3, 2011

Create By :

Search This Blog

Hye!!

Social

Archive

Popular

Labels

Friends

Prince

Princess

Group GBS