! ✿BLOGGER BLOG TUTORIAL✿ !

Hasil karya ku kena delete

noreply@blogger.com (Polskahackrew) — Sun, 2 Sep 2012 03:44:00 +0800

hahahahadooooooiiiiiiiiiii hasil karya aku (TEMPLATE) kena delete..

jadi segala mala template yang aku buat tu unavailable buat masa ni...

aku akan usahakan untuk membuat template YANG TELAH aku buat berdasarkan permintaan

Thanks to ilanurulfadila.... Kalau dia tidak bertanya pasal template tu.. mungkin sampai bila2 aku tidak tahu template aku kena delete..

Sebagai penghargaan kerana bagi feedback pasal template tu , saya akan buatkan template tu as soon as possible (a.s.a.p terbakar.. hahaha...)

Sekian

Tutorial cara buat vertical menu versi Azhafizah.com

noreply@blogger.com (Polskahackrew) — Sat, 28 Jul 2012 02:37:00 +0800

Lama x singgah kat blog http://www.azhafizah.com/,sekali singgah ternampak pulak vertical menu yang menarik tertarik dan juga da boom..

Jadi apa lagi..terus aku tengok la page source.. hehe,, jangan marah eek owner blog.. dah mmg hobi tgk page source blog rakan2 hehehe...

Oleh sebab aku ambil dari page source sihatimerahjambu aku namakan vertical menu ni versi Azhafizah.com

dalam petak kuning pada gambar di atas tu la dia vertical menu yang aku maksudkan tu..

dalam entri ni aku sertakan jugak live demo dan cara2 edit yang simple

Live Demo anda boleh lihat pada tepi sebelah kiri tu..

cara pasang pada blog senang ja

Mula2 pergi ke desbot---design---add gadget---pilih html/javascript... kemudian masukkan code di bawah

#list8 { }

#list8 ul { list-style:none;}

#list8 ul li {font:Georgia Serif, arial, serif; font-size:15px;margin:1px;text-align:right; }

#list8 ul li a { display:block; width:90px;height:33px; background-color:#8e7c5a; border-right:10px solid #f03484; padding:6px;

text-decoration:none; color:#ffffff; }

#list8 ul li a:hover { -moz-transform:rotate(-5deg); -moz-box-shadow:10px 10px 20px #000000;

-webkit-transform:rotate(-5deg); -webkit-box-shadow:10px 10px 20px #000000;

transform:rotate(-5deg); box-shadow:10px 10px 20px #000000;border-color:#8e7c5a;background-color:#f03484;}

</style>

<ul>

</ul>

</div>

untuk menukar warna background dan warna border menu tu., cuma perlu tukar code warna yang aku kasi kaler maler tu...

untuk menggantikan kaler tulisan tukar code warna yang kaler merah tu..

jika menu anda lebih atau kurang dari code yang diberi cuma perlu kurangkan atau tambahkan code

<li><a href='URL'>Nama Url</a></li>

pada code di atas tu ada 5 menu..

jika hendak dikurangkan menu tu delete 2 code <li><a href='URL'>Nama Url</a></li>

contoh

<li><a href='URL'>Nama Url</a></li>
<li><a href='URL'>Nama Url</a></li>
<li><a href='URL'>Nama Url</a></li>

jika hendak tambah menu tu tambah code <li><a href='URL'>Nama Url</a></li>

contoh

<li><a href='URL'>Nama Url</a></li>
<li><a href='URL'>Nama Url</a></li>
<li><a href='URL'>Nama Url</a></li>
<li><a href='URL'>Nama Url</a></li>
<li><a href='URL'>Nama Url</a></li>
<li><a href='URL'>Nama Url</a></li>
<li><a href='URL'>Nama Url</a></li>

untuk mengubah ketinggian menu tu ubah code tinggi yang berwarna pink tu.. ubah ikut kesesuaian yang anda rasa sesuai,,,..

di bawah ni contoh penggunaan code tu..

Bermacam2 lagi efek yang boleh ditambah tapi kena la blajar css dulu.. rajin2 la godek2 entri code tutorial tu.. hehehe..

Nanti aku buat lagi vertical menu yang lain kalau lapang... lalala

Sekian

Sekian...

Tutorial cara simpan widget dalam button sidebar

noreply@blogger.com (Polskahackrew) — Sat, 28 Jul 2012 01:20:00 +0800

Tutorial ni atas request Misz_eyza

Sorry sebab lambat sangat buat tutorial.. lapy rosak sekarang ni..huhu.. jd dah jarang on9.. hehehe.. ni pun guna pc kawan,,,

Tutorial ni simple dan senang saja..
Misz eyza nak simpan widget dalam button pada sidebar.. bila tekan button tu baru widget tu keluar,, trik ni best juga sebab dapat mengurangkan berat loading blog..

Live demo,,

<div style="margin-top: 2px; margin-bottom: 2px" align="center"><div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 5px; " value="Click To Open" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; }" type="button"/><br /> </div><div style="margin: 0px; padding: 5px;" class="alt2"><div style="display: none;"><br /><center>

code widget/javascript

</center>
</div></div></div>

Untuk menggantikan tajuk butang tersebut.. gantikan tulisan yang di highlight Click To Open

Masukkan code widget pada tulisan code widget/javascript(gantikan tulisan tu dengan code widget)

Senangkan.. hehehe

Sahabat Katak Comel

noreply@blogger.com (Polskahackrew) — Sun, 11 Mar 2012 21:19:00 +0800

Sudah lama aku tidak join mana2 segmen yang dianjurkan oleh para sahabat blogger.. akhirnya ada juga aku join segmen Mirakim

Walaupun aku join ni kira last minit.. tapi sempat juga.. huhuhu... jom meriahkan lagi segmen ni..

Kepada sesiapa yang berminat untuk join sila klik pada banner di atas,,

Segmen tutup 11 mac 11:59pm

Mangsa tag

HalimKich

Sekian

Cara pindahkan blogspot ke wordpress

noreply@blogger.com (Polskahackrew) — Sun, 11 Mar 2012 19:48:00 +0800

Tutorial ni aku buat berdasarkan pengalaman sendiri ,, dulu aku x tau pindahkan blogspot ke wordpress.. bila aku dapat domain dari contest ammboi.com, aku tidak tahu memindahkan blogspot ke wordpress..

jadi aku terpaksa menggunakan khidmat professional, memang senang tapi kena bayar.. xla mahal sangat cuma RM10.. huhu.. klu makan sorang mesti kenyang.. haha

Caranya mudah saja.. tapi ada leceh sikit jika entri anda terlalu banyak., sedangkan untuk memindahkan entri 200++ beserta komen 1200++ aku terpaksa buat berkali2..

Mula2 pastikan anda telah ke dasboard blogger kemudian pergi ke dasboard wordpress anda

pada dashboard wordpress pergi ke Tools---import....

ops saya terskip satu step.. tapi x apa..
Bila anda klik import akan keluar seperti gambar di atas.. klik perkataan blogger.. untuk 1st time.. diakan tanya pasal plugin.. just install ja plugin tu.. lepas tu aktivate plugin tu...

Lepas aktivate plugin , pergi semula ke Tool---import... kemudian klik blogger tu...

Lepas anda klik blogger tu , akan keluar macam ni.. klik Authorize...

kemudian klik Grant access

lepas klik grant access akan keluar pula seperti di atas.. anda pilih blog mana yang anda mahu import.. klik butang Import tu...

Lepas import selesaii.. buka 1 tab baru , kemudian pada tab baru tu buka blog wordpress anda dan tengok samada semua entri dan komen berjaya dipindahkan atau tidak... jika ada yang tertinggal... pergi ke tab import tu tadi.. scrollkan ke bawah sehingga anda jumpa restart...

Tu dia restart yang aku maksudkan.. kemudian klik Clear account information.. dan buat balik.. huhuhu.. semoga berjaya..

Biasanya.. jika anda pengguna baru wordpress proses ni dilakukan oleh webhoster anda.. kalau x silap ianya percuma.. huhuhu,,,

Sekian

Apa itu page source

noreply@blogger.com (Polskahackrew) — Sun, 19 Feb 2012 04:05:00 +0800

Kebelakangan ni aku sibuk sikit memindahkan entri2 dari blog ni dan memplagiat entri blog orang ke forum aku ... aku plagiat atas kebenaran owner.. huhuhu..

Tujuan aku pindahkan ke forum adalah sebab pageloading di forum tu memang laju.. jadi kepada sesiapa yang broadband dia dah sampai limit.. boleh la cari tutorial dari blog ni di situ

NOTACODER

Sebenarnya aku mau share pasal page source.. mungkin ada yang tahu dan ada yang tidak tahu apa dia page source tu.. aku pun tidak tahu secara spesifik sebenarnya.. tapi apa yang aku tau macam2 yang anda boleh ambil dari page source tu..

Kalau dulu aku cuma mengambil javascript pada page source tu dan melihat cara susunan code css tapi sekarang aku bertindak jauh lebih melampau.. hahaha

Apa tidak.. pada masa ni aku sudah mampu memplagiat template hanya dengan melihat page source .. hahaha.. kejamnya aku...

Boleh tahan juga kemahiran aku melihat page source.. ekekek..

Berikut aku sertakan screen shot template yang anda perlu bayar sebanyak USD 15 jika anda hendak menggunakannya..(lebih mahal dari beli domain.. huhuhu)

Tu dia.. USD 15,.. memang kena dengan harga,, cantik template ni

ni gambar template tu digunakan pada blog demo template tu...

Tu dia.. lepas aku curi segala2 dari page source template testing owner asal template tu...aku terus pasang pada template aku.. kena edit lagi ... huhuhu.. bukan boleh pakai terus..

Walau apa pun template ni aku tidak akan release untuk kegunaan awam sebab kalau aku release aku dah kacau periuk nasik designer asal tu...

Aku buat ni untuk menguji sejauh mana kemahiran aku membongkar page source,.. hehehe..

Kepada yang masih tidak tahu apa itu page source... sila tekan

CTRL + U

ketika membaca entri ni.. akan keluar satu window.. yang penuh dengan code.. itulah dia page source...

Sekian

Tutorial cara pasang widget link within

noreply@blogger.com (Polskahackrew) — Thu, 16 Feb 2012 01:38:00 +0800

Tutorial request by azzra

Widget ni adalah widget related post yang terbaik bagi aku..

cara pasang pada blog senang saja.. tidak perlu bermain2 dengan code..

Mula2 pastikan anda sudah login akaun blogger anda..

Kemudian pergi ke site ni http://www.linkwithin.com/learn

isikan apa yang patut.. macam gambar di atas.. email pastikan betul... pada width tu,, anda pilih mengikut kesesuaian blog anda... macam gambar screen shot di atas sekali tu.. adalah 5 stories.. jika blog anda background hitam.. tick pada my blog has light text on dark background.. klu terang.. sila abaikan... kemudian klik get widget

lepas anda klik get widget tadi.. akan keluar seperti gambar di atas,, klik install widget...

lepas tu akan jadi seperti di atas.. sila pilih blog jika anda ada lebih dari 1 blog.. title tu anda boleh letak apa2 saja yang anda suka2 hati... hahaha

kemudian klik add widget ....

lepas tu pindahkan widget tu di bawah blog posts .. seperti gambar di atas... Senangkan

Sekian

Tutorial cara hilangkan warna background untuk template moden

noreply@blogger.com (Polskahackrew) — Wed, 15 Feb 2012 00:29:00 +0800

Tutorial ni atas request azzra

Sekarang ni aku agak bz skit sebab tengah belajar buat website.. tutorial ni dah lama diminta tapi baru ada kesempatan untuk buat..

Untuk template moden memang senang untuk di setkan.. sebab template moden ni boleh disetkan menggunakan template designer .. jadi anda tidak perlu bermain2 dengan code

gambar di atas tu contoh widget pada sidebar.. dalam tutorial ni kita akan hilangkan warna background tu

Mula2 pergi ke desbot---desaign---kemudian klik pada tab template designer

bila anda klik pada template designer.. akan jadik la seperti di atas,, kemudian klik advance tu

lepas anda klik advance... cari gadget background kemudian setkan background colour kepada transparent
border colour pun transparent ... bevel colour transparent juga,,, macam gambar di atas lepas tu apply to blog..

selesai

hasilnya seperti gambar di atas...

Sekian

Apa itu domain dan apa itu hosting..

noreply@blogger.com (Polskahackrew) — Sat, 11 Feb 2012 16:57:00 +0800

Disini aku akan terangkan secara ringkas apa itu domain dan apa itu hosting.. dalam penerangan ini aku sertakan beberapa blog/site yang aku buat menggunakan domain percuma dan menggunakan hosting percuma

Domain tu kira alamat url la ....

Domain dan hosting google

blogger-blog-tutorial.blogspot.com

Domain sendiri dan hosting google

www.p0l5k4h4ckr3w.co.cc

Domain dan Hosting sendiri

polskahackrew.com

n0t-a-c0der.co.cc

http://notacoder.co.cc/

Hosting tu ialah tempat dimana fail2 seperti entri,template,widget dll disimpan..

Jangan lupa singgah di site2 tu.. semua tu aku punya.. ('',)

Untuk blogspot, segala mala file2 seperti entri,template dan sebagainya.. ia disimpan pada server google... anda masih under google jika anda membeli domain dan menggunakan hosting google..

contoh
www.p0l5k4h4ckr3w.co.cc ialah domain sendiri(percuma) menggunakan hosting google .. Untuk menulis entri/edit template cuma perlu login dashboard blogger.com

Apa macam boleh ikut x penerangan ni..?

Untuk domain dan hosting sendiri... dashboard dia lain sikit.. kebanyakan blogger yang menggunakan domain dan hosting sendiri ni menggunakan platform wordpress sebab ianya mudah dikendalikan.. macam blogspot juga..

polskahackrew.com menggunakan hosting dari netkl domain berbayar platform wordpress

n0t-a-c0der.co.cc menggunakan hosting dari 1freehosting domain percuma platform wordpress

http://notacoder.co.cc/ menggunakan hosting dari wordpress sekali dengan domain platform wordpress...

Pada masa akan datang aku akan buat tutorial cara buat domain dan hosting sendiri..
Yang percuma punya sahaja.. huhu..

Kalau nak,aku boleh buatkan.. itu pun kalau kena dengan rundingan.. huhu

farrahain96.blogspot.com ditawan oleh Monkey D Luffy

noreply@blogger.com (Polskahackrew) — Fri, 10 Feb 2012 06:52:00 +0800

masa aku tengah cuba2 buat website.... bila aku buka blog dan tengok shoutbox aku.. aku diberitahu pasal ni oleh b3nt3n.. huhu.. rindu nak tgk en b3nt3n beraksi..

b3nt3n bagitau yang bukan dia yang buat.. tp kwn dia daa,, huhu

kepada pemilik blog tu harap bersabar ek.. akaun tu akan dikembalikan juga,,

Anda boleh tengok sendiri pada blog http://farrahain96.blogspot.com/..

Agak menarik jugak susunan script deface dari Monkey D Luffy.. ('',)

Jika blog telah pulih.. anda boleh lihat karya Monkey D Luffy pada live demo

LIVE DEMO

Sekian

Laman phising yang sedang menyerang blogger

noreply@blogger.com (Polskahackrew) — Fri, 10 Feb 2012 02:23:00 +0800

Sepatutnya aku buat dan release entri ni tadi.. tapi aku sibuk sikit ,, huhu.. aku jumpa link site ni ditinggalkan pada shoutbox aku.. huhu.. nice try.. tapi kantoi juga,,

Ekekekek.. rasanya mungkin ada yang terkena juga dan menjadi mangsa..

tu dia screenshot.. biladahberlalu. huhu macam ayat2 novel.. ekekekek.....

ni gambar penuh dia... sebijik macam nak login blogger.com.. kalau ada yang x perasan dan terus login memang kena la...

berikut adalah form login yang aku ambil dari page source laman phising tu

<form method="get" action="http://biladahberlalu.comyr.com/katalaluanb.php" id="gaia_loginform">

</form>

dan berikut adalah form login blogger.com yang sebenar

<form id="gaia_loginform" action="https://accounts.google.com/ServiceLoginAuth" method="post">

nampak x perbezaan dia.. pandai la tengok ok...

Cara elak terkena laman phising ni senang saja,, kalau nak login pastikan url tu betul... Jika anda sudah sememangnya login ke akaun google... google tidak akan meminta anda login lagi sekali..

sebagai contoh.. anda telah login ke akaun gmail anda... untuk masuk ke dasboard blogger,anda tidak perlu login lagi.. ada faham...?

Jom baca entri ni

Tingkatkan tahap keselamatan blog/google akaun anda dengan 2-step verification

Sekian

Tutorial cara letak facebook send button

noreply@blogger.com (Polskahackrew) — Fri, 10 Feb 2012 01:22:00 +0800

Fungsi send button ni adalah untuk memudahkan anda menghantar entri pada rakan2 difacebook anda serta ping blog pada group2 blogger yang telah ditetapkan email group..

anda boleh lihat sendiri pada gambar di atas.. senangkan.. ('',)

Cara pasang pada blog anda mudah ja..

Mula2 pergi ke desbod---design---edit html... tick pada expand widget template..

Cari code

<data:post.body/>
Kemudian copy dan paste code di bawah samada di atas atau di bawah code yang dicari tadi....selesai

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:send colorscheme='light' expr:href='data:post.url' font='arial'/>

Sekian

3 blogspot ditawan oleh Programmer Nazaryman Leets Haxor

noreply@blogger.com (Polskahackrew) — Thu, 9 Feb 2012 21:34:00 +0800

Aku jumpa ni kat post group FB DragonForce terus aku bookmark blog2 tersebut

Script deface dari Programmer Nazaryman Leets Haxor ni memang menarik dan style..

Berikut adalah senarai blog yang ditawan

http://ireenlove.blogspot.com/
http://sigemukpunyeblog.blogspot.com/
http://fatziq.blogspot.com/

kepada owner blog tersebut.. cuba2 la carik Programmer Nazaryman Leets Haxor kat group DragonForce untuk menuntut blog mereka..

jika blog tersebut telah pulih.. anda boleh lihat pada live demo

LIVE DEMO

CARA TINGKATKAN KESELAMATAN BLOG

Sekian

Tutorial cara buat subdomain untuk blogspot | Net.KL

noreply@blogger.com (Polskahackrew) — Thu, 9 Feb 2012 12:07:00 +0800

Terlebih dahulu aku ucapkan jutaan terima kasih kepada admin Ammboi.com kerana menaja domain dan file hosting yang bernilai Rm 450.. atas dari sumbangan tersebut macam2 yang telah aku pelajari..

Tutorial ni aku buat untuk rujukan bersama.. yela.. bukan selamanya aku ada domain dengan file hosting ni..

Tutorial ni adalah untuk mereka yang menggunakan khidmat file hosting Net.KL .. paling minima blogging plan wordpress dan paling maksima Large Biz.. macam yang aku guna ketika entri ni ditulis..

Penerangan ringkas subdomain..
Domain aku ialah polskahackrew.com.. subdomain yang aku buat dalam tutorial ni.. bloggerblogtutorial.polskahackrew.com ,,.. senangkan nak faham.. subdomain ni aku guna pada blog testing aku..

Domain utama(polskahackrew.com) adalah wordpress.. subdomain ni aku buat untuk blogspot..

pengguna wordpress ada 10 subdomain... aku ada unlimited.. huhuhu... sebab aku pengguna plan large biz

Mula2 pergi ke control panel Net.KL korang.. pada domains...klik Advanced DNS Zone Editor...

pada add a record... name isikan nama subdomain.. contoh bloggerblogtutorial.. dia akan automatik jadi bloggerblogtutorial.polskahackrew.com
Pada TTL isi intiger positif.. aku letak 14400 sebab aku tengok semua TTL 14400.. ikut TTL yang ada pada record anda..

Pada TYPE isi CNAME

Pada CNAME pula isi ghs.google.com kemudian klik add record

lepas klik add a record.. scrollkan ke bawah ...pada zone file records cari nama subdomain anda tadi

bila jumpa anda copy la subdomain tu.. agar senang.. x perlu taip.. tapi ada noktah pada hujung subdomain tu.. copy sampai com sahaja,,

lepas tu pergi ke dashboard blogger.com.. klik settings

pada setting klik publishing

pada publishing klik custom domain

kemudian klik switch to advance setting..

masukkan subdomain anda tadi pada your domain tu.. macam dalam gambar di atas..

isi word verification kemudian klik save settings..... selesaiiii

aku ambil screen shot.. sebab suatu masa nanti link ni pasti mati.. xda duit nak renew.. huhuhu

Kepada blogger yang menggunakan wordpress dan menggunakan khidmat file hosting Net.KL.. jika anda ada lebih dari 1 blog iaitu blogspot.. adalah lebih baik anda gantikan domain blogspot tu ke subdomain anda.. sebab trafik subdomain ni bergabung dengan domain utama tu.. jika trafik domain utama dan subdomain tinggi maka makin cepat la alexa rangking naik...

http://bloggerblogtutorial.polskahackrew.com

Apa macam.. ada paham... huhuhu...

Sekian

Tutorial cara hias tajuk widget sidebar

noreply@blogger.com (Polskahackrew) — Thu, 9 Feb 2012 02:45:00 +0800

Tutorial ni atas request Inani a.k.a akuastronaut

Tutorial ni menggunakan simple css code.. kita akan hias tajuk widget menjadi rounded corner di atas dan straigh corner di bawah

Contoh seperti gambar di atas tu

Sebelum memulakan upacara mengedit template.. save template terlebih dahulu..

Mula2 pergi ke desbod---design---edit html... tidak perlu tick pada expand widget template..

cari code

]]</b:skin>

kemudian copy dan paste code di bawah,, sebelum code yang dicari tadi

.sidebar .widget h2{background:#FFB3C6;border-radius:10px 10px 0px 0px;text-align:center;font-size:17px;padding:7px;
}

CONTOH

.sidebar .widget h2{background:#FFB3C6;border-radius:10px 10px 0px 0px;text-align:center;font-size:17px;padding:7px;
}
]]</b:skin>

Penerangan dan cara edit

.sidebar .widget h2{background:#FFB3C6;border-radius:10px 10px 0px 0px;text-align:center;font-size:17px;padding:7px;
}

background:#FFB3C6 ni code warna background untuk tajuk widget sidebar tu.. anda boleh tukar code warna tu ikut suka2 hati anda,, lalalala

border-radius:10px 10px 0px 0px .. inilah dia code yang buat dia rounded corner di atas dan straight corner di bawah .. angka 10 px tu anda ubah la mengikut kesesuaian makin besar angka tu makin melengkung.. ubah kedua2 angka 10px tu.. jangan ubah angka 0px tu..

text-align:center tu.. membuatkan tajuk sidebar berada di tengah.. jika anda mahutajuk sidebar di kiri tukar code tu dengan text-align:left; .. jika anda mahu tajuk tu lepak di kanan tukar code tu kepada text-align:right;

font-size:17px tu saiz tulisan.. anda ubah mengikut kesesuaian blog anda

padding:7px ni aku x tau macamana nak terangkan.. cuba anda ubah ikut kesesuaian.. cuma tukar angka 7 tu

senangkan..

Sekian

CashOut Churp2 Yang Pertama

noreply@blogger.com (Polskahackrew) — Thu, 9 Feb 2012 01:12:00 +0800

Selamat beberapa bulan berblogging.. ini adalah pendapatan aku yang pertama,,,. Memang tidak dinafikan gembira rasanya,, huhu weee..

Tu dia.. dah cukup 100 x tunggu lama.. terus tekan cashout.. ekekekek,,,

Da kosong balik.. hua hua hua,, kumpul lagi..

Duit x tau bila sampaii.. dapat duit nanti aku nak beli domain ekekek... untuk 2 tahun mungkin.. hehe,,,... baru blog nampak eklusif walaupun blog ni sentiasa pelik layout dia.. hahaha.. alalala.. gembiranya aku,,,

Kepada mereka yang belum dapat hasil dari churp2 ni.. harap bersabar.. dan tingkatkan usaha,, kalau mau cepat generate.. cer baca entri aku pop up yang mendatangkan hasil tu.. hehehe

Selamat berblogging

Sekian

Code Tutorial | CSS slow hover efek

noreply@blogger.com (Polskahackrew) — Wed, 8 Feb 2012 11:06:00 +0800

Seperti yang anda tahu.. hover ni adalah efek saat disentuh mouse.. samada gambar link dan lain2..

Penggunaan yang paling meluas ialah pada link.. sebagai contoh bila link disentuh mouse warna link akan bertukar dengan serta merta..

tapi dengan menggunakan code slow hover efek ni.. link tu tidak akan bertukar serta merta.. tapi secara perlahan2 mengikut setting yang ditetapkan..

Aku pun baru tahu cara penggunaan efek ni.. sebelum aku terlupa.. adalah lebih baik aku buat entri untuk panduan pada masa yang akan datang.. ('',)

Berikut aku sertakan 2 live demo untuk pemahaman

Contoh 1

Letak mouse disini untuk melihat apa yang akan terjadi... lalalalala

Code di tulis seperti berikut

<style type='text/css'>#henteri {background:#ff3366;color:#151515;overflow:hidden;border:5px dashed #0f0;width:90%;height:350px;border-radius:15px;text-align:left;padding:6px;-webkit-transition-duration:5.5s;-moz-transition-duration:5.5s;}

#henteri:hover {background:#151515;color:#eee;overflow:auto;border:5px solid #3366ff;}</style><center><div id='henteri'><br/>Letak mouse disini untuk melihat apa yang akan terjadi... lalalalala<br/><br/></div>

Contoh 2

Apa yang penting ialah barisan code seperti berikut

-webkit-transition-duration:1.5s;-moz-transition-duration:1.5s;

masa delay adalah 1.5s tu.. anda boleh setkan ikut suka hati

cara penggunaan terpulang dari pemikiran logik anda.. aku pun masih kaji lagi ekekek..

salah 1 contoh penggunaan yanh best ialah anda letakkan code tu pada body dan setkan masa 15s.. bila sampai masa blog akan tukar warna dan tulisan..

Cuba lepak dalam entri selama 31.5 saat.. tengok apa jadik..

Sekian

Tutorial cara letak sitemap a.k.a. Daftar Isi di blog V2

noreply@blogger.com (Polskahackrew) — Mon, 6 Feb 2012 22:27:00 +0800

Sebelum ni aku ada buat tutorial buat sitemap yang juga dikenali sebagai daftar isi.. versi ni macam best skit berbanding yang sebelum ni.. sebab ia di susun mengikut latest post..

Anda boleh pilih label juga,, memang menarik sikit..

LIVE DEMO

Cara pasang widget ni berbeza sedikit berbanding dengan widget lain tapi senang saja..

Mula2 pergi ke desbord----posting----edit pages---New page

gunakan edit html.. bukan compose...

copy code di bawah...gantikan tulisan URL BLOG ANDA dengan url blog kau orang la.. ekekek

<div id='cl_option'>

<span style='text-align:center;font-size:61px;'>Loading...</span> </div>
<div id='cl_content_list'>

</div>
<script type='text/javascript'>
var jumlah_kata_dalam_ringkasan =0;
</script>
<script src='http://polste.googlecode.com/files/POLSKA_sitemaperr2.js'>

</script>
<script src='http://URL BLOG ANDA.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=9999'>
</script>

CONTOH

<div id='cl_option'>

<span style='text-align:center;font-size:61px;'>Loading...</span> </div>
<div id='cl_content_list'>

</div>
<script type='text/javascript'>
var jumlah_kata_dalam_ringkasan =0;
</script>
<script src='http://polste.googlecode.com/files/POLSKA_sitemaperr2.js'>

</script>
<script src='http://blogger-blog-tutorial.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=9999'>
</script>

Senangkan..

Sekian

Tutorial cara buat zoom efek pada image pada entry sahaja

noreply@blogger.com (Polskahackrew) — Sun, 5 Feb 2012 19:31:00 +0800

Tutorial ni atas request NazaKu

Kalau sebelum ni saya ada buat tutorial zoom efek pada gambar.. dalam tutorial tu efek tu pada semua gambar di blog..

Kali ni hanya untuk gambar pada entri sahaja

Mula2 pergi ke desbot---design---edit html.... tidak perlu tick pada expand widget template..

Cari code

]]</b:skin>

kemudian masukkan code masukkan code di bawah sebelum code yang dicari tadi

.post img, table.tr-caption-container {
border:none;
height:auto;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);border-radius:15px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

CONTOH

.post img, table.tr-caption-container {
border:none;
height:auto;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);border-radius:15px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
]]</b:skin>

Kemudian preview,, jika ok save...

kawalan saiz zoom terletak pada no 1.5 yang aku besarkan tu.. edit mengikut kesesuaian... makin besar angka makin besar la zoom dia

Sekian

Tutorial cara lebarkan blog

noreply@blogger.com (Polskahackrew) — Sun, 5 Feb 2012 17:52:00 +0800

Tutorial ni atas request CIk Kay Jue

Cara lebarkan blog ni untuk template lama iaitu classic template yang launched 2006..

untuk template moden anda boleh lebarkan blog pada pada template designer tu...

Melebarkan blog anda perlu buat 3 perkara serta permainan matematik sikit..ekekek

Pertama lebarkan #outer-wrapper(tempat letaknya #main-wrapper dan #sidebar-wrapper

Kedua lebarkan #main-wrapper(tempat entri)

Ketiga lebarkan #side-wrapper{sidebar la apa lagi.. ekekekek)

Sebelum buat apa2 save template dulu....

Mula2 pergi ke desbot---design---edit html...tidak perlu tick pada expand widget template....

Cari code #outer-wrapper

lepas tu akan kluar la seperti berikut

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Georgia, Serif;
}

ada yang sama ada yang berbeza... tapi apa yang penting adalah width:660px; tu.. itu lah lebar blog anda... cuba besarkan sedikit...
tukar width:660px; kepada width:800px; atau ikut suka kau... kemudian preview lihat ada perubahan atau tidak..

untuk #main-wrapper dan #sidebar-wrapper anda tidak boleh lebarkan ikut suka hati laki tiri jiran sebelah rumah..

Nota : Jika anda setkan lebar #outer-wrapper 800px; .....
jumlah lebar #main-wrapper + #sidebar-wrapper tidak boleh lebih dari 800px;...

contoh : lebar #main-wrapper anda setkan 540px manakala #sidebar-wrapper anda setkan 240px.. jumlah campur= 780px
jumlah campur tu dibawah 800px... bagi ruang kelegaan sikit..

untuk lebarkan main-wrapper cari code

#main-wrapper

Kemudian akan keluar code seperti berikut

#main-wrapper {
width: 480px;
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 */
}

mungkin berbeza sedikit tapi apa yang penting ialah width:480px;..itulah lebar #main-wrapper
..tukar angka 480px ke 540px

kemudian preview.. cuba lihat perubahan dia...

Sekarang lebarkan sidebar-wrapper

cari code
#sidebar-wrapper kemudian akan keluar sepert berikut.

#sidebar-wrapper {
width: 150px;
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 */
}

seperti biasa la.. mungkin berbeza dengan code pada blog anda tapi apa yang penting.. width:150px;

Tukar angka 150px kepada 240px kemudian preview

Jika semuanya ok.. anda boleh save...

Sekian

Tutorial cara buat efek link pelangi

noreply@blogger.com (Polskahackrew) — Sat, 4 Feb 2012 13:02:00 +0800

Efek link pelangi bukan la untuk membuatkan setiap link tu jadi kaler pelangi tapi.. link tu akan jadi kaler pelangi jika anda letakkan mouse cursor..

Cuba letak mouse pada mana2 link dalam entri ni.. tengok apa jadik

Cara letak pada blog senang saja..

Mula2 pergi ke desbod---design---ada gadget---html/javascript..

kemudian copy dan paste code di bawah

Kemudian save... selesaiii

Sekian

Code Tutorial | Gambar Berputar

noreply@blogger.com (Polskahackrew) — Fri, 3 Feb 2012 21:55:00 +0800

Tutorial ni atas request blogger dari seberang,INDRA

Ketika aku buat tutorial ni gambar header aku pada homepage aku pasang efek ni.. memang pelik jugak bila letak mouse pada header tu gambar tu akan berputar..

Simple ja coding dia ni.. terpulang dari anda untuk menggunakannya..

Code di tulis seperti berikut

Link gambar yang tulisan kaler kuning tu

Demo

Pandai2 la edit k.. ehehehe

Tutorial cara letak page number di blog

noreply@blogger.com (Polskahackrew) — Fri, 3 Feb 2012 19:56:00 +0800

Biasanya widget ni digunakan pada blog perkongsian muvee dan software.. namun ada juga blog peribadi yang menggunakan widget ni..

Mungkin ada yang pernah terlihat widget ni dan ada yang belum... jadi aku sertakan gambar sekerin shot

tu la dia page nombor.. sama macam next dan previous page... tapi style sikit

LIVE DEMO

Cara pasang di blog senang saja.. aku permudahkan sikit.. ekekekek...

Mula2 pergi ke desbot---design---edit html...tidak perlu tick pada expand widget template....

Cari code

</body>

kemudian copy code di bawah dan pastekan SEBELUM code yang dicari tadi

kemudian preview... jika ok save.... senangkan... ekekekek lalalala

Sekian

Tutorial cara buat semua link open in new tab | HTML

noreply@blogger.com (Polskahackrew) — Fri, 3 Feb 2012 18:20:00 +0800

Buka link pada tab baru ni memudahkan pengunjung anda untuk buka banyak2 tab blog anda
Terdapat 2 cara untuk buat semua link buka pada tab baru

Cara 1 dengan menggunakan coding HTML.. cara 2 menggunakan coding javascript

Anda boleh cuba2 terai test klik pada mana2 link dalam entri ni...

Dalam tutorial ni adalah cara 1 iatu menggunakan coding HTML

Mula2 pergi ke desbod---design---edit html...tidak perlu tick pada expand widget templates

Cari code

</head>

Kemudian masukkan code di bawah SEBELUM code yang dicari tadi..

<base target='_blank' />

Kemudian Save...Selesai... senangkan

Sekian

Tutorial cara tukar butang komen blog

noreply@blogger.com (Polskahackrew) — Fri, 3 Feb 2012 16:32:00 +0800

Tutorial ni atas request Cikgu Jaja

Butang standard untuk komen tu memang kurang menarik dan tidak menonjol serta tidak dabomd.. haha ..

Gambar di atas tu butang standard... sangat tidak menarik.. hahaha..

Tu dia.. sekali helo kitty daa... cute kan.. hahaha..

butang macam tu pun ok jg tapi masih skema .. hahaha

Macam2 butang anda boleh buat.. terpulang dari kreativiti.. paling senang buat gambar guna photoshop macam yang helo kitty tu.. haha..

Cara buat dia senang saja.. macam makan kacang tanah...

Sebelum anda choba2 membuat tutorial ni.. save dulu template anda..

Mula2 pergi ke desboard---design---edit html....tandakan pada expand widget templates kemudian cari code

Kemudian gantikan code yang dicari dengan code di bawah

Gantikan tulisan URL GAMBAR ANDA dengan url gambar anda ekekek,,

CONTOH

Senangkan..

Nota : masukkan url gambar yang betul... jika error , error, dan error.. cuba pastekan code contoh tu.. kalau code contoh tu x error bermakna ada kesilapan yang anda lakukan.. hehe

Sekian