Bismillahir-Rahmanir-Rahim.. Assalamualaikum... Kepada para pengunjung. Tujuan blog ini di wujudkan adalah untuk berkongsi ilmu dan maklumat. Posting-posting dari blog ini tidak terbatas pada satu-satu bab. Ia lebih kepada mengikut citarasa hamba sendiri. Harap maaf jika tidak memenuhi kehendak jiwa serta keselesaan para pengunjung yang berlainan idealogi. Namun hamba tetap menyediakan berbagai label infomasi ( scroll down pada sidebar dibawah dan lihat pada "LABEL" ) untuk dimanfaatkan bersama. Semoga dapat memberi manfaat pada kita semua insyaAllah. wassalam.

JANGAN LUPA TINGGALKAN LINK SUPAYA SENANG AKU NAK MELAWAT DAN FOLLOW KORANG BALIK.. INSYA ALLAH.

Showing posts with label TUTORIAL. Show all posts
Showing posts with label TUTORIAL. Show all posts

Thursday, July 21, 2011

FACEBOOK VIRUS DAN CARA MENGATASINYA

بسم الله الرحمن الرحيم

Face Book Anda hilang sesetengah fungsi?

Recently, there are new facebook virus that attacks alot of Facebook users... It is spreading via Facebook's IM (Instant Messaging a.k.a. chatbox), and it is started like this :

"Hi. How are you?"
you repiles...
"Wanna laugh?"
you replies...
"Is it you on the video? want to see?"
And it will send you a LINK and DO NOT click the link!!!

What? you already clicked it?
Dont worry, this is the solution...

If your computer automatically turned off and then it will start in safe mode, dont worry...

Just follow this step...


1 : Click "Start" button



2 : Search : msconfig



3 : Run it and it will be like this :


4 : Click on the "Boot" tab and if you are really "infected", it should be like this :



5 : Untick "Safe boot" until you see this :



6 : Click "OK" and then restart your PC...and its done!!!

Good luck in trying! any questions please message me via facebook... - kingofgoblok


Ka’ab bin Ujrah r.a. berkata bahawa Rasulullah s.a.w bersabda: Akan datang di kemudian hari nanti, setelah aku tiada; beberapa pemimpin yang berdusta dan berbuat aniaya. Maka barang siapa yang membenarkan kedustaan mereka dan membantu (mendukung) tindakan mereka yang aniaya itu, maka ia bukan termasuk umatku, dan bukanlah aku daripadanya. Dan ia tidak akan dapat sampai datang ke telaga (yang ada di syurga).- Riwayat Tirmidzi, Nasae’i dan Hakim.

[+/-] Read More...

Sunday, March 20, 2011

KENAPA KORANG TAK FOLLOW BLOG AKU BALIK?

بسم الله الرحمن الرحيم

Assalamualaikum.

Dalam kita dok blogwalking terkadang kita akan terjumpa dengan blog yang menarik minat kita. Jadi jika kita seorang blogger sudah tentu kita akan buat keputusan untuk memollow blog tu kan. Dan seperti biasa juga kita sebagai masyarakat yang berbudi bahasa mungkin ada diantara kita yang teringin difollow oleh blog yang telah kita follow tadi. Kalau tak follow balik pun sekurang-kurang orang nak la datang melawat blog kita. Tapi tunggu punya tunggu member tak nak pun follow dan mungkin langsung tak datang melawat blog kita. Mungkin kita sedikit terasa.. mungkin juga kita terfikir bahawa blog kita ini tak istimewa kan sampai orang tak sudi nak follow atau nak datang menjenguk.

Ok.. apa yang aku nak bincangkan disini kadang-kadang bukanlah kerana blog kita tu tak cukup bagus, Tapi orang tak follow atau tak masuk ke blog kita hanya kerana kesilapan teknikal kita yang kecil saja. Kita ni bukan apa.. cuma bimbang orang kata kita sombong jer bila kita tak follow blog member yang dah follow kita tu.. macam kita ni best sangat la pulak .. orang dah follow kita tapi kita buat derk jer..

Benda ni sering berlaku terutamanya kepada blogger-blogger baru. Kesilapannya ialah mereka terlupa atau tak tahu sangat macam mana nak setting profile blog mereka yang mengakibatkan sesiapa yang mereka follow tak dapat nak trace blog mereka semula.

Sebagai contoh kat bawah ni.. ada 2 orang follower blog ni yang satunya dah edit profile dia dan yang satu lagi tak. Jadi yang pertama tu kita dapat mengecces blog mereka dan yang kedua tu tak dapek den nak nolong.


Image 1


Image 2

Jadi macam mana kita nak mengatasi masalah ni? Ok.. Aku malas nak taip banyak-banyak. kita terus ke step yang pertama.

1- Sign in blog korang
2- Pastikan korang berada dipage "Dashboard"
3- Sekarang korang klik pada "Edit Profile"



4- Cari "Homepage URL" dan masukan URL/link blog korang. (macam image kat bawah ni)


Klik pada image untuk besarkan

5- Dah selesai tapi jangan lupa klik "SAVE PROFILE" sebelum keluar.

Ok dah.. semoga bermanfaat.. wassalam.

Eh.. jap.. ada satu cara lagi. kalau dah ajar macam kat atas ni pun korang x faham lagi, korang boleh tinggalkan url dan pesanan pada shoutbox blog yang korang follow tu. (itupun kalau dia ada shoutbox la). Contohnya macam kat bawah ni.



Name: Letak la nama blog korang
e-mail/Url : http://blogkorang.blogspot.com
Message : Tolong la follow aku balik.. kesian la kat aku.. asyik aku jer follow korang... kah..kah..kah..kah..

Wassalam.


Ka’ab bin Ujrah r.a. berkata bahawa Rasulullah s.a.w bersabda: Akan datang di kemudian hari nanti, setelah aku tiada; beberapa pemimpin yang berdusta dan berbuat aniaya. Maka barang siapa yang membenarkan kedustaan mereka dan membantu (mendukung) tindakan mereka yang aniaya itu, maka ia bukan termasuk umatku, dan bukanlah aku daripadanya. Dan ia tidak akan dapat sampai datang ke telaga (yang ada di syurga).- Riwayat Tirmidzi, Nasae’i dan Hakim.

[+/-] Read More...

Thursday, January 6, 2011

GUNA BAHASA APA NI ?

بسم الله الرحمن الرحيم

Assalamualaikum...

Hari ni nk buat tutor skit atas permintaan seorang sahabat. Dah alang-alang permintaan dari kak Melur berkenaan bagaimana kita nak tahu apakah bahasa yg digunakan dalam sesebuah website tu jadi aku postingkan terus kat sini untuk dikongsikan bersama.

Sebenarnya senang jer bagi mereka-mereka yang dah tahu laaa..

Ok.. apa yang kita perlukan? Mula-mula sekali kita kena la pegi ke web Google Translate

Proses seterusnya kita kena copy sebahagian dari mana-mana perkataan atau artikal yang kita tidak tahu apa bahasa yang digunakan tu dan pastekan dalam ruangan yang dah google translate sediakan.

Kemudian di bahagian yang bertanda 1 (rujuk image dibawah ni ). klik benda alah tiga segi tu... dan kemudiannya terus klik pada "Detect Language" seperti yang dah aku tandakan no 2 dalam image dibawah.



Lepas 2...

3..4..5..6..7.. dah selesai.. Kah..kah..kah..kah.. Semoga memberi sedikit manfaat insyaAllah... Wassalam.



Ka’ab bin Ujrah r.a. berkata bahawa Rasulullah s.a.w bersabda: Akan datang di kemudian hari nanti, setelah aku tiada; beberapa pemimpin yang berdusta dan berbuat aniaya. Maka barang siapa yang membenarkan kedustaan mereka dan membantu (mendukung) tindakan mereka yang aniaya itu, maka ia bukan termasuk umatku, dan bukanlah aku daripadanya. Dan ia tidak akan dapat sampai datang ke telaga (yang ada di syurga).- Riwayat Tirmidzi, Nasae’i dan Hakim.

[+/-] Read More...

Thursday, July 8, 2010

8 REASON WHY NEGATIVE COMMENTS ARE GOOD FOR YOUR BLOG

بسم الله الرحمن الرحيم

All bloggers loves to receive comments and feedback on their articles. But how do you handle negative feedback? As a blog grows, it becomes more exposed to negative comments. Despite the fact theses comments aren’t flattering, they’re good for your blog. Don’t believe me? Here’s 8 reasons to show you why.

You can be wrong

Yes, really. Everyone can make a typo, forgot to say something important or just being plain wrong. In theses cases, the negative comment is just a way to improve your article. Blogging is all about exchange: You give to your readers, why shouldn’t they give to you?

Criticized posts are…popular posts

Last year, my “How to: Customize your GNU/Linux desktop in 7 easy steps” article hitted digg.com front page. Many readers and digg users left negative comments on the article, mostly saying that the article was for Ubuntu instead of GNU/Linux. It can be very easy to think that this article sucks because of the important amount of negative feedback. But hey, wait. You said, it hitted digg.com front page, right?

So, despite the negative comments, more than 700 people digged this article, which is definitely not a bad deal!

Negative comments on your blog shows that you respect your readers and their thoughts

Some blog owners delete negative comments. Sure, negative comments aren’t flattering, but well, if you provide a way for your readers to express their views about your article, you should respect their right to criticize.
Not censoring negative comments shows that you respect your readers point of view and that you are an open-minded person.

Negative comments can create a debate

Debates are always a good thing for your blog: They encourages rss subscriptions, comments and can provide new backlinks.
So, when someone left a negative comment, maybe another reader will respond, and a new debate will start, which is good for your blog.

Negative comments don’t devalue your blog

When I was younger, I use to think that a negative comment can influence other people. But people have their own advice about things. If I find a very cool blog post, I’ll leave a comment saying I loved it, nevermind if 1, 5 or even 10 peoples left negatives comments.



Negative comments are…content

That’s simple as that. A comment is content and there’s nothing better for seo than content.
Only the unknown aren’t criticized

Think about Microsoft: If you google the term Fuck Microsoft, you’ll get 418.000 results. That’s really a lot of people who doesn’t like them. But they’re also being criticized a lot because it’s a very big company and everyone knows Microsoft, even my grandmother.
As a blog grows, it become more and more exposed to negative feedback. Negative feedback is definitely a good indication of growth.

What about you?

And you, what’s your thoughts on negative blog comments? Do you hate it, or do you think it’s a great way to improve your blog general quality? . - catswhoblog

Note: Terima kasih buat semua para sahabat yang memberikan komen dalam blog ini baik yang memuji ataupun yang mengeji. Komen anda semua amat berharga bagi pehak kami.. wassalam.

UNTUK TEMAN-TEMAN BLOGGERS YG MELAWAT BLOG INI, TINGGALKANLAH SEPATAH DUA KOMEN UNTUK DIJADIKAN PERINGATAN AGAR AKU X TERLUPA UNTUK MELAWAT BLOG KALIAN KEMBALI.. INSYA ALLAH.. ASTAGHFIRULLAH AL-AZHIM..ASTAGHFIRULLAH AL-AZHIM..ASTAGHFIRULLAH AL-AZHIM..

[+/-] Read More...

Monday, May 31, 2010

KENAPA KITA SUSAH NAK MAJU DAN ILMU PAYAH BERKEMBANG ?

REPOSTING

Assalamualaikum..

Hari ni aku nak cerita berkenaan dgn ilmu. Bukan ilmu hitam tp ilmu putih. hehehe... Bagaimana ilmu itu dikembangkan. Ilmu.. x kiralah dari ilmu duniamaupun ilmu akhirat. Dari ilmu mcmana nak hidup hinggalah ilmu nak mati.. Ilmu boleh kita timba dari pelbagai sumber dan cara. Melihat, mendengar dan melakukan. Ilmu berpunca dari Yang 1. Iaitu dari Allah diturunkan kepada umat manusia.Kemudian ilmu itu dkembangkan melalui penulisan dan pesanan dari sesuatu dan seseorang kepada sesuatu dan seseorang yg lain. kemudian terus berkembang menjadi beberapa bahagian.

Dalam islam sendiri banyak di tekankan agar kita menyebarkan ilmu yg baik untuk dikongsikan bersama.ini adalah amalan yg dituntut dalam islam itu sendiri. Daripada Mu’awiyah al-Qusyairi katanya, Rasulullah SAW bersabda yang maksudnya:
Ketahuilah orang yang hadir hendaklah menyampaikan kepada orang yang tidak hadir.
(al-Bukhari Muslim dan Ibnu Majah,)

Huraian
Jika kita menyampaikan ilmu, ia merupakan sedekah dan ia akan semakin bertambah banyak jika dikembangkan dan begitulah sebaliknya jika hanya disimpan menjadikan ilmu semakin berkurang. Justeru janganlah kita meninggalkan kewajipan menyampaikan ilmu kerana ia akan memberi peluang kepada orang-orang fasiq dan jahil menyesatkan manusia lainnya. Hanya orang yang menyuruh kepada kebaikan dan mencegah dari kemungkaran yang mengetahui mana yang baik dan mana yang buruk lalu dia menjalankan kewajipan atas apa yang diketahuinya itu.

Maksudnya disini satu2 ilmu itu penting untuk disampai2kan. Agar ia dpt di manfaatkan oleh mereka2 yang lain selepas kita, Agar mereka terhindar dari membuat banyak kesilapan.

Zaman dah berubah sekarang. Dulu ilmu disampaikan melalui media cetak spt buku2 akhbar dan bnyk lagi dan media elektronik spt tv serta radio. Maksudnya disini dahulunya sesuatu berita atau ilmu itu lambat sampai kepada kita. Bermakna kita ketinggalan berbanding negara2 maju yang lain.X perlu kita bandingkan dengan Amerika negara yg mula2 mencipta internet yang bermula pada tahun 1962. Cukup sekadar kita bandingkan dgn negara jiran seperti indonesia yg maju dua tahun dari negara kita.Internet di perkenalkan di malaysia sekitar tahun 1996. Namun begitu tanpa kita sedari sudah hampir 13 tahun kita memiliki satu media infomasi yg gitu. Sesungguhnya internet membuatkan satu2 ilmu tersebar dengan begitu pantas.Peringkat kematangan kita jua sudah berubah dgn adanya info globalisasi ini. Kita lihat dari sudut positif. Apa jua info hanya dihujung jari. search dan dpt jawapan dari setiap persoalan. Kita tidak begitu hairan bila kita mendengar berita, hacker dari negara2 barat kebanyakan darinya berumur belasan tahun. tidak kurang juga di negara jiran kita, Indonesia. Namun di malaysia begitu kurang bilangannya.


Aku bukan nak cerita tantang hacker. Persoalannya mengapa boleh jadi begitu? Berbalik kepada perbincangan asal entri ni. Puncanya kerana sesuatu ilmu itu tidak dikongsi bersama. Yang seharusnya kita semua mesti berfikiran terbuka.. biar kita dan negara sama2 maju. inilah usaha kecil kita untuk menyampaikan ilmu pada org lain.. nak suruh bagi duit memang xder la kan..Ia berkaitan dengan sikap. Ini sebenarnya point yg aku nak aku tekankan. Contoh mudah.. para bloggers misalnya. Mereka menyampaikan sesuatu info dan ilmu itu melalui blognya. Memandangkan dengan keadaan waktu sekarang, blog boleh dikatakan menjadi satu sumber info yang boleh dikira penting. X kira la blog tu memberi info berkenaan perniagaan, politik, isu2 semasa ataupun berkenaan pengalaman peribadi seseorang dan sebagainya. Ini semua boleh kita ambil dan di jadikan sebagai rujukan dan sumber ilmu.Tujuannya ialah supaya kita menjadi lebih maju dan bersifat berdaya saing. Namun masalahnya disini ialah bloggers2 itu sendiri. Dari pemerhatian aku yg x power ni la.. bloggers2 kita ni (bukan semua) nampak mcm kolot sikit. Aku maksudkan kepada bloggers2 yg postingnya x boleh nak dicopy. X seperti bloggers2 indonesia, jauh sekali nak dibandingkan dgn bloggers2 barat. Mereka tidak pernah menghadkan pelawat2 blog mereka untuk membaca seterusnya untuk copy segala posting2 mereka.

Tetapi tidak begitu pada bloggers2 kita. Ada sesetengahnya blog mereka ni aku tgk memang bagus.. banyak info2 yang boleh dikongsi bersama.Namun bloggers kita nampak seperti kurang cerdik. Suruh org melawat blog mereka, kemudian x boleh copy posting mereka. Alasan x berapa pandai mereka ialah blog mereka bersifat peribadi. Klau dah tau peribadi tu awatnya kasi org baca? Sedangkan banyak bahan dalam blog mereka pun hasil dari pengopian dari sumber blog atau website org lain. Ada sesetengahnya tu pula kata bukan x kasi copy, tp kena la minta izin dulu. Ya betul..Aku x nafikan tentang itu. Bagaimana pula klau pemilik blog tu sebulan sekali baru update blognya? apa.. kita ni semua dah x payah la nak buat kerja lain ke. 24 jam sehari on line menunggu jawapan keizinan untuk mengopy posting mereka. Itu kira bagus klau hidup lagi.. klau blogger tu dan mati mcmana? x boleh la kita ambil apa2 ilmu dari blog dia lagi sbb dah x dpt minta izin lagi. Perghhh.. memang best laa... Bila kita komen pasal blog mereka, kenapa x kasi org copy entri2 mereka.. kita pula yg di soundnya.. " x tau etika berblog ker..?" Aku malas la nak cerita pasal etika ni.. Siapa yg tentukan etika ni? Etika hukum yg Allah gariskan pun ramai yang langgar semacam jer.. pastu nak sembang lebih pasal etika berblog. poodahhh....

Satu lagi jenis org yg bila kita copy jer bahan dari blog dia, lepas tu terus jer dia block kita dari masuk blog dia. hehehe.. Korang rasa dia ni seorang yang bijak x? bagi aku blogger ni buat lawak.. mana x lawaknya.. dengan secara langsung siapa yg kena block x boleh nak masuk pada page blog dia.. bistu siapa yg nak baca blog dia ? nak suruh hantu baca ke? memang best la bloggers malaysia ni.. Tu x kira lagi yg menetapkan syarat lagi tu... contohnya.. "nak copy boleh tp sikit je dan sertakan link blog ni.." ataupun ayatnya berbunyi begini.. "boleh copy tp jgn lupa sertakan link blog ini klau tidak aku block korang dari masuk blog aku". Tu x cerita lagi yang disablekan right klick tu..

Ikhlas ke klau mcm tu? Tu aku bagi contoh sikit jer tu, banyak lagi syarat marat yg di kenakan bergantung sejauh mana ketidakmatangan bloggers tu sendiri. Nampak sgt x matang .. perangai mcm budak2 x cukup akal..Tp tengok gambar kat profile masing2 dah tua.. Lagi aku xboleh blah bila tgk banyak dari mereka2 ni bukan guna domain dan hosting sendiri pun. masih bersetinggan pada blogspot atau wordpress jugak.. dah la free.. pun ada hati nak berlagak? Aku rasa mcm bloggers malaysia ni (x semua) kolot dan jakun laa..Di sini jer kita boleh nampak apa tujuan seseorang tu buat blog. Adakah untuk menyampaikan2 ilmu tu kerana Allah, atau just nak belagak nak tunjuk kat org bahawa blog mereka kununnya mcm best jer? Macamana la malaysia ni nak maju dari sudut ilmu. Yang ada ilmu sikit2 pun kedekut. simpan nak bawak masuk kubur agaknya. tp tu la kan, mcm aku kata tadi inilah bloggers kita. mcmana kita nak maju klau berperangai mcm ni. suka pentingkan diri sendiri.. ada ilmu x kasi org tiru. . ingat tulis blog ni just nak buat berlagak ke? just nak tunjuk kita ada yg org lain xder..? kita tengok saja bloggers2 barat.. atau paling tidak pun bloggers indon. korang tengok la, dia org suka bagi2, sebar dan kongsi ilmu dia kat org lain. aku jelous la tgk bloggers dia org. Tp di malaysia kerana ada bloggers2 yg x berapa matang mcm ni la, kita susah nak maju dan bersaing dgn org lain.

So untuk bloggers malaysia ni yg xnak kasi org copy bahan2 dlm blog anda, xpayah la nak buat blog. Simpan jer bahan2 yg korang copy tu dalam computer korang je. Klau rasa nak maju dan bersaing dalam acara keilmuan kena la advancekan minda. klau dok bawah tempurung jer jgn rasa mcm diri tu bagus sgt.

Mungkin ramai yg terasa atau x terima pendapat aku ni. But its ok.. klau rasa diri x boleh kena tegur terpulang. Klau rasa kamu bloggers hebat silakan. Tapi tanyalah diri tu sendiri.. apakah tanggungjawab korang kepada agama, bangsa dan tanahair? buatlah kebaikan dgn cara kita sebagai bloggers walaupun ia sebesar zarah. Banyak ayat al-Quran yang menyeru manusia melakukan kebaikan dan berlumba-lumba ke arahnya, kerana dengannya akan membawa kejayaan, kemenangan dan kebahagiaan. untuk masyarakat maupun diri sendiri.

Lastly sebuah hadis untuk renungan bersama.

"Wahai orang yang beriman, rukuk serta sujudlah (mengerjakan solat) dan beribadatlah kepada Tuhan kamu (dengan mentauhidkan-Nya), serta kerjakanlah amal-amal kebajikan; supaya kamu berjaya di dunia dan di akhirat." (al-Haj:77)

Al-Quran menegaskan mereka yang berbuat kebaikan walaupun seberat zarah akan dilihatnya, sebagaimana dijelaskan melalui surah al-Zalzalah.Dalam kitab al-Muwatta' diriwayatkan satu hadis bermaksud: "Seorang miskin telah meminta makanan dari Aishah r.a dan di hadapannya ada beberapa biji anggur, lalu Aishah berkata kepada seseorang: Ambil sebutir dan berikan kepadanya! Orang yang disuruh itu hanya memerhatikan sebutir anggur terbabit kerana kehairanan. Maka Aisyah pun berkata: Apakah engkau hairan! Berapa bezanya antara sebiji ini dengan sebesar zarah. Setiap amalan baik yang dihulurkan kepada manusia, bahkan kepada haiwan makhluk lain yang hidup di muka bumi ini, sekalipun kecil adalah diredai Allah. Melemparkan wajah yang manis, senyum bila bertemu, hatta membuang sesuatu yang berbahaya di jalanan dan memulakan langkah ke masjid adalah kebaikan.

Wallahualam.
Wassalam.

Note: Kenapa korang menulis blog? Korang boleh tengok kat SINI

[+/-] Read More...

Monday, May 3, 2010

CARA BUAT RELATED POST

بسم الله الرحمن الرحيم

Related Post With Thumbnail



Ni permintaan dari sahabat "akinet" . Rasanya banyak dah tips2 blogging klau kita rajin nak search kat atok google.

Macam biasa.. aku cuba cari kat google dulu sebelum buat posting. Dan seperti biasa juga aku akan menemui kegagalan disebabkan oleh kerana kurangnya blogger malaysia yang rajin nak berkongsi ilmu. Banyak tips2 blogging ni dipelopori oleh blogger mat saleh dan blogger2 dari indon. Masalahnya bahasa mereka sedikit menyukarkan kita2 yg x berapa power mengunakan bahasa org lain.

Ramainya blogger malaysia tapi most of them lebih suka cerita berkaitan peribadi... cerita pergi makan nasi lemak la.. cerita baru lepas potong kuku laa.. pakwe baru lepas call.. hati keciwa.. rindu kat pakwe, kena TAG, dapat award dan mcm2 lagi cerita yg setaraf dengan budak2 sekolah tadika yang mengelikan ketiak jer... kdg2 terasa malu jugak dgn blogger2 dari negara jiran kita indonesia. Kebanyakan dari mereka menggunakan kemudahan yang ada untuk berkongsi ilmu dan kebaikan pada semua.. tp kita hanya gunakan blog sekadar buat personal diary jer.. tu pun siap belagak lagi.. yang lagi x boleh blah siap ada yg disablekan right click plak tu... hak cipta terpelihara katanya... tu belum cerita bab ada yg letakkan pra-syarat "Boleh ambil mana2 artikal dari blog ni dgn syarat sertakan sekali link blog ini"...hehehe...x boleh blah...!!! klau buat blog pun masih guna domain dan hosting "setinggan", xyah cerita la bab hak cipta.. tiada hak cipta pun sebenarnya dalam bab menyampaikan ilmu ni. Nampak sgt la mcm org jakun. Dulu ramai aku jumpa blogger mcm ni.. tp skrg ni alhamdulillah nampak ada kureng skit laa..

Jadi disebabkan xnak jadi mcm budak sekolah tadika yg jakun ni la aku buat tutor ni. cis..!!! Hehehee... aku cuba la eh.. semoga dapat dikongsikan kepada siapa2 yg belum tahu, agar dapat kita blogger malaysia ni berkongsi dan mengembangsebarkan ilmu...

Ok.. teruskan....

Apa kebaikkan dan macamana cara membuat related post dengan thumbnail contohnya mcm kat blog aku ni?

Antara kebaikan related post ni ialah ia dapat mengSEOkan (Search engine optimization) page kita. yang mampu meningkatkan page rank (PR) blog kita.. PR tu bukan Pakatan Rakyat tau...hahaha.. Ada dua cara asas untuk melakukannya. Yg pertama dgn cara mengedit kode HTML blog kita. Tapi yg ni banyak masalah bagi korang yg jenis x reti sgt bab2 HTML ni. Lagipun bukan semua template boleh diedit HTMLnya untuk buat related post ni. Lagi senang kita tutup cerita untuk cara yg pertama ni.

Kita terus je pada cara yg lebih mudah. mmg mudah gila punya.. kang klau aku kata susah korang malas plak nak blajo... hehehe.. Ok, disini aku gunakan khidmat linkwithin.com. Kelebihan membuat Related Post mengunakan widget linkwithin ni adalah, korang x payah susah2 nak mengedit kode HTML.

1. Mula2 korang kena bukak website LinkWithin.com... sila klik di SINI, dan korang akan nampak front page mcm image kat bawah ni.

Isi data korang dalam kotak yang dah disediakan mcm kat bawah ni.



Sebagai tambahan kalau background blog korang warna gelap atau hitam dan fontnya warna putih, korang jangan lupa memberikan tanda (tick) pada kotak " My blog has light text on a dark background". Klau background blog korang warna terang xyah la tanda. Dah siap isi semua tu korang klik pada "Get Widget".

2. Akan kluar satu page mcm kat bawah ni: Korang terus jer klik "Instal Widget",



3. lepas tu akan muncul plak step seterusnya mcm image kat bawah ni..: Pada step ni korang boleh pilih blog korang yg mana yg nak korang tambahkan widget ni, tp kalau blog korang satu jer, korang xyah la korang pening2. Dalam kotak "Title" tu plak korang letak la apa2 nama yg korang suka. x payah ubah pun xper. tujuannya hanya utk kesenangan korang nak cari bila ia dihantar pada layout blog korang nanti.



Seterusnya korang klik pada "add Widget" untuk ia dihantar pada blog korang.

4. Bila semuanya dah selesai, maka korang akan nampak ada widget baru dalam layout blog korang dengan "Title" (Kalau korang ada ubah la tadi) yang korang letak pada step 3 tadi. Kemudian korang klick dan heret (Drag and Drop) widget tu ke bahagian bawah (footer) blog korang mcm image kat bawah ni.


5.Kalau semuanya dah selesai, klik "SAVE".


TAMAT.


InsyaAllah.. kalau korang ikut semua step ni dgn betul, rasanya memang x susah pun.. kompom jadi punya....
Sekian dulu.. selamat mencuba dan beramal... wassalam.


UNTUK TEMAN-TEMAN BLOGGERS YG MELAWAT BLOG INI, TINGGALKANLAH SEPATAH DUA KOMEN UNTUK DIJADIKAN PERINGATAN AGAR AKU X TERLUPA UNTUK MELAWAT BLOG KALIAN KEMBALI.. INSYA ALLAH.. ASTAGHFIRULLAH AL-AZHIM..ASTAGHFIRULLAH AL-AZHIM..ASTAGHFIRULLAH AL-AZHIM..

[+/-] Read More...

Friday, April 30, 2010

CARA MASUKAN LINK PADA POSTING BERGAMBAR

بسم الله الرحمن الرحيم

Assalamualaikum....


Dah lama x buat posting berkenaan blog ni. Sebab rasanya banyak dah otai2 kat luar sana yang banyak membuat posting berkenaan topik dan tips blogging. Sahabat ada bertanya mcmana kalau kita nak buat, bila org klik jer gambar dalam posting di blog kita, ia akan membawa kita kepada satu halaman yang berkenaan... Aku cuba la cari kat atok google.. kot ada aku bagi jer la linknya kan senang... aduhhh.. x jumpa plak. Apa kan daya.. kena buat sendiri la nampaknya..

Ok.. Teruskan.. senang jer benda ni sebenarnya (bagi yg dah tau laa... hehehe).. Aku buat posting ni untuk brader GayaPeneroka khasnya dan untuk pengunjung budiman yang lain amnya..

Sebenarnya ada banyak cara... seperti mengunakan gedjet yang telah tersedia di blogger sendiri "add an image from the web". tp yg ni susah dan boleh menyebabkan page kita berat nak load. Klau nak cerita jadi panjang plak nnt... matikan air jer laa yer... hehehe...

Ok.. aku ajar cara yang paling senang dalam dunia...Don't worry... org bodoh macam najib pun kompom boleh buat.. hehehe ... Ada dua cara mudah...

Yang pertama dengan cara... mengubah URL pada code image yang dah kita masukan secara manual.

1. masukan image seperti biasa kita buat posting bergambar.
2. pastikan kita setkan pada "EditHtml" bukannya "compose".
3. Sebagai contoh, code dibawah adalah code asal bagi image (gambo) ikan kat atas tu.

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSiUyzA5WsnnAgvzkEHGbr_EfcpwZ2zHa9KP0IOxr-Fc2ZuFMWikNfj6hUH8tokqiWchEbx0dRoF7TYcKTtUisc5NpGjJHBgXiP-BbrYotFHzgoBJwIuACHHGOLzir9GAoav2VZtt3QxQ/s1600/school-of-grunt-fish-680315-sw.jpg"><img style="cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSiUyzA5WsnnAgvzkEHGbr_EfcpwZ2zHa9KP0IOxr-Fc2ZuFMWikNfj6hUH8tokqiWchEbx0dRoF7TYcKTtUisc5NpGjJHBgXiP-BbrYotFHzgoBJwIuACHHGOLzir9GAoav2VZtt3QxQ/s320/school-of-grunt-fish-680315-sw.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5465672322294083010" /></a>
4.Dibawah ni pula code image ikan yg sama mcm kat atas, tapi telah di ubahsuai URLnya yang dilinkan ke blog aku. (http://rubbertapperz.blogspot.com)
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://rubbertapperz.blogspot.com"><img style="cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfsXTqW8WK6biCO127nhQq-KKITeFwuBs1BMJllZpc-Ye1VGP8Dt32BkkCRE4Le1AO_l871hg9encpGoVHB7ik7WudwuHboDuPcMXbsIwSBK7xtjAGjD0amjr8QLXa3s6ueY2LoJvCJrc/s320/school-of-grunt-fish-680315-sw.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5465669083282611778" /></a>
5. Lihat pada code yang warna merah dan biru pada code2 kat atas tu. Yang warna merah adalah code asal dan yg warna biru tu code link dimana kita akan dibawa bila klik pada image nanti. code utk URL tu jer la yang kita kena tukar... yang lain2 xyah usik.
6. Dah selesai dah pun..

Cara yg kedua ni lagi senang (Contoh bergambar kat bawah)

1. masukan image seperti biasa kita buat posting bergambar.
2. pastikan kita setkan pada "EditHtml" bukannya "compose". (yang bertanda "Y" dlm image kat bawah...compose pun boleh tp takut korang pening plak nnt.. hehehe)
3. Hilightkan sema code asal tu (yang bertanda "A" dlm image kat bawah)
4. Pastu klik pada logo "insert link" (yang bertanda "B" dlm image kat bawah)
5. Akan kluar satu kotak. korang masukanlah mana2 URL yang nak korang linkkan pada image korang tu dalam kotak yg keluar tadi.
6. Pastu klik "ok"



(klick pada image klau mata korang rabun)

7. Selesai.

P/s: Dengan pantas korang klik pada gambo ikan kat atas sekali tu... Kalau korang klik pada gambar ikan kat atas tu sebenarnya korang tgh tengok cermin... x caya cuba korang klik... oklah tu jer buat kali ni. semoga bermanfaat. Salah silap harap maafkan... hehehe... Wassalam.

Jangan lupa klik gambar ikan kat atas tu... cermin ajaib....


UNTUK TEMAN-TEMAN BLOGGERS YG MELAWAT BLOG INI, TINGGALKANLAH SEPATAH DUA KOMEN UNTUK DIJADIKAN PERINGATAN AGAR AKU X TERLUPA UNTUK MELAWAT BLOG KALIAN KEMBALI.. INSYA ALLAH.. ASTAGHFIRULLAH AL-AZHIM..ASTAGHFIRULLAH AL-AZHIM..ASTAGHFIRULLAH AL-AZHIM..

[+/-] Read More...

Friday, October 16, 2009

SERVICE PRINTER - CANON MP 145

Bismillahirahmannirahim..

Ada saudara minta bantu berkenaan masalah printer. Nak pegi tengokkan jauh. so tengokkan by google jer la. Semoga dapat kita kongsikan dan membantu menyelesaikan masalah. Wallahualam.

Cara mereset printer mp 145 yg full tank / Waste ink tank full. Tidak perlu menggunakan software untuk meresetnya.

Biasanya di monitor display keluar kode E 27 atau E 5 .

Untuk mengatasinya adalah sebagai berikut :

Cara Reset Printer Canon MP145 dan MP160

Step 1 : Push Power switch by continue (Tekan Power On/Off)

Step 2 : insert plug(Masukan Power, Power Tetap di Tekan)

step 3 : Tekan Tombol Reset 1x, lepaskan Tombol Pwr, Tekan Reset dua kali lagi Sampai Menjadi 0 (tekan tombol tanpa jeda)

Step 4 : Push + display change from 0 to 1 (tekan tombol + untuk merubah 0 ke 1)

Step 5 : Push Power switch again , Printer will be print 1 page(tekan tombol power –> tombol start sampai ngeprint 1 hal.)

step 6 : Open cover (buka tutup printer)

Step 7 : Unplug (cabut kabel power)

Step 8 : Take out ink 40 and 41(lepaskan catridge 40 dan 41)

Step 9 : Insert plug again (pasang kabel power)

Step 10 : Push power switch (tekan tombol power)

Step 11 : Open cover (scan cover) (buka tutup scaner)

Step 12 : Inksert ink 40 , 41 again (masukan catridge 40 dan 41)

berikut ini resep ngereset waste ink counter (error E16 / E27) :

1. Matikan printer (kabel power masih tercolok), tekan dan tahan tombol STOP/RESET kemudian tekan tombol ON/OFF

2. Tahan tombol ON/OFF, tekan tombol STOP/RESET 2x

3. Lepaskan kedua tombol, tunggu sebentar dan printer akan masuk ke SERVICE MODE

4. Printer akan charging

5. Setelah printer selesai charging, tekan tombol STOP/RESET 4x. (Waste ink counter reset)

6. Setiap kali tombol STOP/RESET ditekan, lampu ON/OFF akan berubah warna hijau dan oranye

7. Sesudah itu Matikan printer dengan cara menekan tombol ON/OFF ( sebanyak 3 kali agar printer mati total ) dan cabut kabel POWER

8. Hidupkan kembali printer.

The number of the Reset : button pressing LED Function Remarks

0 time Green Power off

1 time Orange Service pattern print

2 times Green EEPROM print

3 times Orange EEPROM reset

4 times Green Waste ink counter reset

5) Unplug cable power. (for MP145 / MP150)

6) Turn Off Power. (for MP160)

Berikut tanda Error Code/Kode Error :

E2-2 = No paper (ASF)

E3-3 = Paper jam

E4 = No ink

E5-5 = The ink cartridges are not installed or a non-supported ink Cartridge is installed, or the ink cartridges are not installed properly

E8 = Waste ink absorber full, or platen waste ink absorber full

E9 = The connected digital camera / video camera does not support Camera Direct Printing

E14 = The Ink cartridges whose destination are wrong

E15 = Ink cartridge is not installed E16 – Ink remaining is unknown

E16 -E19 = Failed to scan head alignment sheet

E22 = Carriage error

E23 = Paper feed error

E24 = Purge unit error

E25 = ASF(cam) sensor error

E26 = Internal temperature rise error

E27 = Waste ink absorber full or platen waste ink absorber full

E28 = Ink cartridge temperature rise error -

E29 = EEPROM error

E33 = Paper feed position error

E35 15 = USB Host VBUD overcurrent error – USB

E37 17 = Abnormal motor driver error

E40 20 = Other hardware error

E42 22 = Scanner error

Selamat mencoba dan semoga membantu.

abu zulfa



UNTUK TEMAN-TEMAN BLOGGERS YG MELAWAT BLOG INI, TINGGALKANLAH SEPATAH DUA KOMEN UNTUK DIJADIKAN PERINGATAN AGAR AKU X TERLUPA UNTUK MELAWAT BLOG KALIAN KEMBALI.. INSYA ALLAH. I LOVE YOU FULL.. HA..HA..HA..HA..

[+/-] Read More...

Tuesday, September 8, 2009

CARA MENAMBAH KOLUM PADA BLOG

Bismillahirahmannirahim..

Tips menambah kolom pada new template.

Ada member bertanya mcmana cara menambah kolom pada blog, Tidak susah sebenarnya.. tp yg lecehnya ialah nak buat tutor ni agar org lain faham. tapi aku cuba jugak la luangkan masa untuk menulis artikel ini. Sebenarnya xder la susah sgt untuk menambah colum pada blog ni, tapi korang mesti ada ilmu untuk melakukannya.

Ok... terus jer pada tutornya... Yang korang kena faham...

Dalam template blogger ada tiga elemen penting, yaitu :

# Elemen Header

# Elemen Outer

# Elemen Footer

Untuk elemen Outer dibagi menjadi seperti dibawah :

# Elemen main, elemen main ini adalah elemen tempat kita menyimpan posting, jadi apabila kita buat posting sebuah artikel maka akan masuk dan kluar pada elemen ini.

# Elemen Sidebar, elemen sidebar ini adalah merupakan elemen untuk menyimpan berbagai blog tools ataupun aksesori yang kita inginkan untuk mencantikkan juga untuk memberatkan blog korang..hehehe...

Sebab sifat manusia yg memang x pernah puas dgn satu sidebar yang ada, maka untuk sidebar tambahan ni kita kena la buat sendiri. Supaya korang lebih faham sikit, maka aku show code template asal dari template minima (template baru/XML).. seterusnya...



<textarea cols="20" name="textarea">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

&lt;html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'&gt;

<head>

<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name: Minima

Designer: Douglas Bowman

URL: www.stopdesign.com

Date: 26 Feb 2004

Updated by: Blogger Team

----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#5588aa">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#666666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc6600">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#999999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
*/

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
--------------------------------------- */

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-left: auto;
margin-right: auto;
}

/* Outer-Wrapper
------------------------------------------ */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

/* Headings
------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

/* Posts
------------------------------------------ */
h2.date-header {
margin:1.5em 0 .5em;
}

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post p {
margin:0 0 .75em;
line-height:1.6em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
-------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
------------------------------------------ */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
-------------------------------------------- */
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
]]></b:skin>

</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='3 kolom (Header)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'>&#160;</div>

</div> <!-- end content-wrapper -->

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div>
</div> <!-- end outer-wrapper -->

</body>
</html>

</textarea>
Dari code diatas, yang perlu di perhatikan adalah kode berdekatan Outer-Wrapper :


/* Outer-Wrapper
------------------------------------------ */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}



Macam aku kata tadi bahwa Outer-Wrapper merupakan tempat untuk menyimpan main-wrapper dan sidebar-wrapper. Jadi jika kita ingin menambah kolom baru atau dengan kata lain sidebar baru, maka yang first sekali korang kena buat adalah menambah angka lebar dari Outer-wrapper itu .

Ok.. bagaimanakah cara menambahkan kolom baru? First selkali korang kena tahu lebar kolum yg korang nak buat. Disini contoh lebar yang akan aku buat adalah sebesar 180 pixel, jadi secara auto kita kenalah ubah lebar dari Outer-wrapper terlebih dahulu, sehingga secara kasar lebar outer-wrapper menjadi : 410 pixel + 220 pixel + 180 pixel + 20 pixel = 830 pixel, dan kita tambah 10 pixel sehingga nilainya menjadi 840 pixel. Untuk menambah kode sidebar baru, contohnya mcm kat bawah ni:


#sidebarbaru-wrapper {
width: 180px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}


Bila dah ditambah jadi la mcm kat bawah ni :


/* Outer-Wrapper
------------------------------------------ */
#outer-wrapper {
width: 840px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: right;
padding-left:10px; /* yg ini tambahan supaya nampak ada jarak */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebarbaru-wrapper {
width: 180px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}


Itulah step pertama yg kita kena buat . langkah yang kedua adalah, kita kena adjust kode yang di pasang pada bagian body. Sebagai contoh pada template diatas, code id untuk sidebar adalah seperti kat kotak bawah bawah ni plak:


<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Tutor Blog' type='BlogArchive'/>
</b:section>
</div>

Seterusnya korang mestilah pasang code untuk sidebar baru yang korang nak buat.. codenya mcm kat bawah ni:

<div id='sidebarbaru-wrapper'>
<b:section class='sidebar' id='sidebarbaru' preferred='yes'/>
</div>



Bila disatukan, korang simpan je code sidebar baru korang di bawah kode sidebar yang asal, jadi lebih kurang mcm kat bawah ni :


<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Tutor Blog' type='BlogArchive'/>
</b:section>
</div>


<div id='sidebarbaru-wrapper'>
<b:section class='sidebar' id='sidebarbaru' preferred='yes'/>
</div>


Kolom baru korang dah siap. nak lebih menarik, korang ubah pula lebar header serta footer dengan nilai yang sama untuk Outer-wrapper yaitu sebesar 840 px.


Pening lagi ke?

Supaya korang x pening, jom kita terus test buat. Buat blog baru untuk korang cuba (jangan pada blog yang utama), pilih template minima yang biasa. Dah siap? Ok, aku anggap korang dah ada blog baru untuk korang test eh:


# Sign in di blogger

# Klik menu Layout

# Klik menu Edit HTML

# Ingat ! jangan beri tanda pada kotak kecil di sebelah tulisan Expand Widget Template, sebab kalau korang beri tanda nanti akan keluar code2 widget yang boleh buat korang pengsan.. silap2 korang terus jadi arwah... hehehhee

# Cari kode mcm dalam kotak kat bawah ni:


#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}



# tukar angka 660px, kepada 840px, sampai jadi mcm kat bawah ni :

#header-wrapper {
width:840px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#Cari kode mcm kat bawah ni:

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}


# tukar angka 660px menjadi 840px, sampai jadi mcm kat bawah ni :

#outer-wrapper {
width: 840px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}


# Cari kode mcm kat bawah ni:

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

#Copy paste kode kat bawah ni kemudian paste di bawah kode yang di atas :

#sidebarbaru-wrapper {
width: 180px;
float: right;
psdding-left:10px;
word-wrap: break-word;
overflow: hidden;
}

#Cari kode mcm kat bawah ni:

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;

#Tukar angka 660px menjadi 840 px, sampai jadi mcm kat bawah ni:

#footer {
width:840px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

# Cari kode mcm kat bawah ni:

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Tutor Blog' type='BlogArchive'/>
</b:section>
</div>


# Copy kode kat bawah ni, kemudian paste di bawah kode di atas :

<div id='sidebarbaru-wrapper'>
<b:section class='sidebar' id='sidebarbaru' preferred='yes'/>
</div>

# Klik tombol Simpan Template

# Selesai.

Cuba tengok hasilnya.. kalau dah jadi, lantak korang la nak isi sidebar baru korang tu dgn apa2 widget dan gadget yang korang suka..

Langkah-langkah di atas just untuk metoda asas , untuk tambah variasi lain, korang memerlukan pengetahuan serta kreatif. Semoga korang faham apa yg dah aku terangkan, korang boleh tgk contoh blog 3 kulom klik DI SINI!


UNTUK TEMAN-TEMAN BLOGGERS YG MELAWAT BLOG INI, TINGGALKANLAH SEPATAH DUA KOMEN UNTUK DIJADIKAN PERINGATAN AGAR AKU X TERLUPA UNTUK MELAWAT BLOG KALIAN KEMBALI.. INSYA ALLAH. I LOVE YOU FULL.. HA..HA..HA..HA..

[+/-] Read More...

Sunday, September 6, 2009

MEMBUAT TEXT ATAU BANNER BERGERAK

Bismillahirahmannirahim..

Ada sahabat bertanya berkenaan banner yang bergerak mcm kat page aku ni. Mudah saja nak buat sebenarnya. Cuma kena tambah sedikit code < marquee > pada code asal banner tu jer. So untuk sahabat2 yg belum tahu aku cuba guide korang. Aku pun bkn pandai sgt tp sekadar berkongsi ilmu yg ada. Yang penting code ni boleh kita aplikasikan untuk text biasa atau code2 banner dan sebagainya. Semoga dapat membantu.. insyaAllah. Teruskan.

Kalau untuk banner, First sekali korang kena ada banner laa baru leh dpt code dia. Untuk tutor buat banner aku dah buat sebelum ni. Untuk yg x tau sila click DISINI.

Kat bawah ni Adalah code2 yg perlu korang tambah pada text atau code banner korang untuk jadikan dia bergerak atau berjalan:

Marquee 1.0
Marque standard

Marquee standard agar teks atau banner korang boleh berjalan secara default (dari kanan ke kiri).

Code HTML :<marquee>Teks Atau Code Banner Korang Disini</marquee>

Marquee 1.0.1

Upgrade dari 1.0, keistimewaannya kalau korang arahkan mouse pada teks tersebut maka dia akan lepak dan berhenti dari perjalanannya yang jauh... hehehe...

Code HTML :<marquee onmouseover="this.stop()" onmouseout="this.start()">Teks Atau Code Banner Korang Disini</marquee>

Marquee 1.0.2

Jika korang menggunakan.. teks Arabic yang bermula dari kanan ke kiri, maka korang memerlukan Marque ini yang berjalan bertentangan; dari kiri ke kanan:

Code HTML: <marquee direction="right">Teks Atau Code Banner Korang Disini&lt;/marquee>

Marquee 2.0

Marquee ini xder kemampuan macam marquee sebelumnya yang boleh keluar dari border, Marquee 2.0 ini hanya akan kekiri dan kekanan didalam ruang border jer.

Code HTML:<marquee behavior="alternate">Teks Atau Code Banner Korang Disini</marquee>

Marquee 2.0.1

Upgrade dari marquee sebelumnya, dengan scrollamount dia menjadi lebih agresif.

Code HTML: <marquee behavior="alternate" scrollamount="18">Teks Atau Code Banner Korang Disini</marquee>

Marquee 2.0.2

Code HTML: <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Teks Atau Code Banner Korang Disini</marquee>

Marquee 3.0

Code HTML : <marquee direction="up">Teks Atau Code Banner Korang Disini</marquee>

Marquee 3.0.1

Upgrade dari marquee sebelumnya yang x mempunyai had ruang, marquee ini kita akan hadkan ruangnya sehingga mempunyai height 100 saja. kemampuan scrollamountnya jugak kita lambatkan. Dan juga kita tambah on mouse stop/start .

Code HTML: <marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100">Teks Atau Code Banner Korang Disini</marquee>

Marquee 3.0.2

Masih upgrade dari marquee sebelumnya, hanya teks je yang berada di tengah ruang.

Code HTML: <marquee direction="up" width="100%" scrollamount="2" height="100" align="center">Teks Atau Code Banner Korang Disini</marquee>

Marquee 3.0.3

Upgrade jugak, tapi dengan arah berlawanan dari marquee sebelumnya, marquee ini berjalan menurun. Sehinggalah teks atau banner berjalan dari atas ke bawah. Kemampuan scrollamountnya kita x hadkan, text atau banner agak agresif dengan ruang yang kecil. korang lambatkan la sendiri klau nak.

Kode HTML: <marquee direction="down" width="100%" height="100">Teks Atau Code Banner Korang Disini</marquee>

Ok.. sampai kat sini dulu.. semoga dapat membantu dan makin bertambah ilmu HTML kita insyaAllah.
Wassalam.


UNTUK TEMAN-TEMAN BLOGGERS YG MELAWAT BLOG INI, TINGGALKANLAH SEPATAH DUA KOMEN UNTUK DIJADIKAN PERINGATAN AGAR AKU X TERLUPA UNTUK MELAWAT BLOG KALIAN KEMBALI.. INSYA ALLAH. I LOVE YOU FULL.. HA..HA..HA..HA..

[+/-] Read More...