Tempah Blog

Cara Customize Showing Posts With Label

noreply@blogger.com (Tabir Khaizuran) — Wed, 22 May 2013 22:06:58 PDT

Salam kepada semua pembaca.

Sewaktu saya buat customize template, membuang Showing posts with label adalah satu perkara yang seringkali dilakukan. Pada awalnya ianya agak sukar tapi bila dah berulang kali buat. Memang senang je. Alah bisa tegal biasa :)

Saya perhatikan di carian google banyak yang berkongsi cara nak remove Showing posts with label. Jadi, saya berikan satu alternative baru iaitu cara customize showing posts with label. Amacam berminat nak mencuba?

Contoh output sebagai panduan:-

Langkah Pertama:-

Kita teruskan dengan langkah pertama iaitu Backup Template.

Langkah Kedua:-

CTRL+F cari ]]</b:skin>

Copy code di bawah ini di atas ]]</b:skin>

/*customize showing posts with label by www.tempahblog.com */

.welcome{
border: 4px dotted pink;
border-radius:25px;
background: #fff;
float:none;
width:100%;
height:200px;
}
.welcomeimg{position:relative;float:left;width=200px;margin-top:-150px;padding:0 30px;}

.welcometxt{position:relative;text-align:center;float:right;}

/*customize showing posts with label by www.tempahblog.com */

Langkah Ketiga:-

CTRL+F cari navmessage

Adakah coding anda seperti di bawah ini?

Sekiranya ya, sila replace dengan coding berikut:-

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Langkah Keempat:-

Replace <div></div> dengan code customize di bawah:-

<div class='welcome'>
     <div class='welcomeimg'><img height='200px' src='http://i1195.photobucket.com/albums/aa392/serihati/freebiesdoodlecute3.png~original' width='200px'/></div>
    <div class='welcometxt'><span>
Selamat Datang ke blog saya. Sila nikmati artikel yang dikongsikan dengan senang hati :)</span>
</div></div>

Langkah last:-

Save Template dan View Blog

Langkah Tambahan(Optional):-

Sekiranya saudara-saudari berminat untuk melakukan perubahan kepada warna, border, font dan sebagainya boleh ubah dekat class #welcome dan #welcometxt.

Untuk posisi image dan text boleh ubah margin dan padding. Sesuaikan dengan kedudukan template anda.

Kalau nak tukar image lain, just tukar link http://i1195.photobucket.com/albums/aa392/serihati/freebiesdoodlecute3.png~original

Size image boleh diadjust dengan menukar img height dan width. Pastikan height dan width bersesuaian dengan container welcome.

OK selamat mencuba. Untuk bantuan atau pertanyaan sila tulis diruangan komen di bawah :). ZassSSs.

Cara nak remove link Subcribe to : Post (Atom)

noreply@blogger.com (Tabir Khaizuran) — Wed, 22 May 2013 03:36:22 PDT

Hi all,

Kali ni saya nak tunjukkan cara nak remove link Subcribe to : Post (Atom). Selalunya, kita tak remove link ni kerana untuk kemudahan pembaca lain nak subcribe. Tapi atas kes-kes tertentu seperti keperluan customize design template maka link tersebut perlu diremove.

Langkah-langkah:-

1. Backup Template

Perkara pertama yang perlu saudara-saudari lakukan ialah membuat backup template. Ini step wajib sebelum lakukan apa-apa hard coded (edit html). Orang kata, sediakan payung sebelum hujan :D.

2. Edit HTML

Seterusnya masuk ke bahagian Template > Edit HTML

CTRL + F dan cari code ni :-

]]></b:skin>

3. Masukkan coding

Copy dan paste coding ini dekat atas line code ]]></b:skin>

.feed-links { display:none ;}

Hasilnya seperti ini:

.feed-links { display:none ;}
]]></b:skin>

4. Save Template dan View Blog.

Siap. Senang je kan?

Kalau ada masalah boleh hubungi saya di ruangan komen di bawah. Saya akan cuba membantu. Sekian. ZaSSSss. Selamat mencuba.

Cara Atasi Masalah Error 32 Custom Domain Publishing

noreply@blogger.com (Tabir Khaizuran) — Mon, 20 May 2013 16:04:38 PDT

Blogger CNAME Error: "We have not been able to verify your authority to this domain. Error 32"

Pernahkah anda menagalami masalah seperti di atas? Sejak kebelakangan ini, saya sering mendapat masalah tersebut ketika cuma mendaftar Top Level Domain (TLD) untuk para pelanggan. Sedikit sebanyak ralat yang berlaku melambatkan proses menyiapkan blog. Huhu. Puas google dan cipta solusi sendiri, maka saya kongsikan bersama kalian.

Langkah Pertama.

Pastikan add CNAME yang digunakan betul sama macam Name dan Target seperti yang diberikan oleh Blogger. Setiap Name dan Target (Token) adalah berbeza untuk setiap akaun blogger.

Contoh Verify Token:

Name: J6VKJNRFUXD3

Target: gv-JWLTPCFOOA27RPMP3PPRPPW4KZUGVEMMZK365WBH4UHOPYEFUBMA.domainverify.googlehosted.com

Langkah Kedua.

Sekiranya masih berlaku error 32. Cuba tukar gv kepada huruf besar GV dan pastikan saudara-saudari tidak copy paste sekali tanda noktah ( . ) selepas .com

Langkah Ketiga.

Masih berlaku error 32 lagi? Kalau berlaku, biarkan saja selama 24jam. Baru register setup semula domain. OK? Harap selepas tu tak ada lagi error.

So far, saya hanya tunggu selepas tempoh 24jam. :)

Sekiranya saudara-saudari mempunyai masalah. Dan dah mati akal. Boleh hubungi saya untuk pertolongan. :)

Projek Freelance RM5

noreply@blogger.com (Tabir Khaizuran) — Fri, 26 Apr 2013 16:34:41 PDT

Apa sebenarnya Projek Freelance RM5 ni? Projek ini adalah julung-julung kalinya diadakan di tempah blog. Setiap satu perkhidmatan akan dicaj RM5. Pihak Tempah Blog sukacita membuka jemputan kepada rakan-rakan yang mahir atau separuh mahir atau baru mula-mula nak mahir dalam membina blog, design doodle, SEO untuk sama-sama join.

Setiap satu kerja yang bakal dilakukan akan memperoleh RM5 adalah hak milik saudara-saudari bukan kami. Kami hanya bertindak sebagai medium atau platform sahaja. Setakat ini pihak kami cuma menyediakan 2 saja perkhidmatan iaitu Redirect domain dari blogspot ke top level domain .com dan juga membuat blog review berserta promosi produk. Untuk masa akan datang pelbagai perkhidmatan akan diperkenalkan.

Kategori Projek Freelance RM5

1. Grafik dan Design
2. Video
3. Online Marketing
4. Writing
5. Pengiklanan
6. Pengaturcaraan

Cara nak join Projek Freelance RM5

Sekiranya tuan-puan, saudara-saudari berminat untuk join projek freelance ini. Sila emailkan saya:-

1. Jenis perkhidmatan yang ingin diberikan bernilai RM5
2. Alamat blog dan email blog saudara-saudari untuk dijemput sebagai author.
3. Gambar atau url facebook.

Kami akan memberi maklumbalas secepat mungkin selepas menerima email.

Yuran Pendaftaran

Tiada caj pendaftaran dikenakan.

Sekiranya terdapat sebarang kemusykiran. Boleh hubungi saya melalui:-

Facebook: tabir khaizuran
Email: tabirkhaizuran@gmail.com
HP: 0123233874 (kalau sms sila nyatakan sekali tajuk: Projek Freelance RM5)

Kalau rasa menarik tapi tak dapat nak join, sila sebar-sebarkan kepada rakan-rakan anda ok :) .

SEO Pack Terbaik 2013

noreply@blogger.com (Tabir Khaizuran) — Sat, 13 Apr 2013 13:06:27 PDT

Masuk tahun 2013, pengetahuan rakyat Malaysia terhadap SEO semakin bertambah. Malah, kita juga telah memiliki beberapa pakar SEO tempatan. Saya kagum dan berasa gembira dengan perkembangan ini. Kepada saudara-saudari yang mengikuti Tempah Blog, saya ucapkan ribuan terima kasih. Oleh itu, SEO Pack 2013 ini saya hadiahkan kepada mereka yang sentiasa menyokong saya.

Berikut adalah meta tag SEO asas untuk ditambahkan dibawah bahagian <head> . Sekiranya anda belum tahu lagi tentang Meta Tag. Boleh ikuti artikel saya berkenaan Meta Tag dan Kepentingannya.

<meta content='nama penulis' name='author'/>
<meta content='adminanda@gmail.com' name='Email'/>
<meta content='global' name='distribution'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='en' name='language'/>
<meta content='EN' name='country'/>
<meta content='blogger' name='generator'/>
<meta content='nama anda' name='owner'/>
<meta content='(c) 2013 Blog name' name='copyright'/>

Mungkin saya agak terlambat mengeluarkan SEO Pack ini berikutan beberapa penambahbaikan yang dilakukan oleh Google terhadap Google Penguin dan beberapa penambahbaikan terhadap SEO features bermula dari tahun lepas (2012). Berikut adalah perkara optional tetapi digalakkan penggunaannya untuk membantu memastikan blog anda diindexkan ke enjin pencarian dengan tepat.

Post Setting - Permalink

Kebiasaanya, Blogger akan auto-generate custom permalink berdasarkan tajuk post tetapi dengan kewujudan Permalink di ruangan Post Setting, ia memberi kita kuasa kawalan terhadap blog dan post. Ia juga menyediakan maklumat lanjut kepada pembaca tentang post anda ketika mengimbas keputusan di enjin carian.

Untuk mencipta URL anda sendiri pada post tertentu, klik saja option "Custom URL" , kemudian masukkan URL baru di ruang yang disediakan. Sekiranya anda membiarkan ia default/kosong. Ia akan menjadi begini di bahagian URL.

www.nameofblog.blogspot.com/2012/06/customURL.html

Andai URL yang dimasukkan sudah wujud, Blogger akan mencarikan URL yang masih available. Untuk masa sekarang, custom URL terhad kepada character a-z, A-Z, 0-1 dan character istimewa seperti underscore, dashed dan period.

Setting - Search Preference

Setting ini kita lakukan untuk memastikan blog, post dan image diindexkan dengan betul di enjin carian dan bernilai di mata pencari (Googler). Terdapat 3 sub-section, Meta-Tag, Errors and Redirection, dan Indexing. Ikut langkah yang tersedia >> configurasi Search Preferences.

Post Editor - Image Properties

Selain daripada text, image juga mempunyai peranan penting pada enjin carian. Kadang-kadang saya juga mengguna Google Search Image untuk mencari gambar-gambar tertentu. Bagaimana caranya kita nak indexkan gambar ke dalam enjin carian?

Klik pada gambar yang diletakkan di dalam post. Pilih "Properties", tetingkap seperti di bawah akan muncul. Masukkan Title dan Alt berkenaan gambar anda. Alt adalah deskripsi gambar, bertindak seperti toolstip (muncul bila mouse hover) serta membantu apabila berlakunya masalah browser compibility. Manakala Title menyediakan deskripsi yang panjang berkaitan gambar.

Post Editor - rel = 'nofollow'

Di dalam Post Editor, ketika membuat hyperlink perasan tak ada checkbox rel='nofollow'? OK, klik dekat situ, jika tidak mahu web crawler mencari maklumat yang mereka guna untuk indexkan blog anda. Lakukan ini untuk paid link, untrusted site dan crawl prioritization.

Sila lihat video Two question about nofollow oleh Matt Cuts di bawah:

rel = "canonical"

Sekiranya mempunyai laman yang memaparkan kandungan yang sama, kita perlu memberitahu enjin carian. Jika tidak, perkara ini mampu menjejaskan Page Rank. Walaupun mempunyai lima atau enam kandungan page yang hampir sama dengan menggunakan URL yang berbeza, algoritma enjin carian hanya akan memilih salah satu dirasakan paling sesuai dan tepat. Bila kita set rel = "canonical" ianya umpama kita memesan kepada enjin carian - "page A adalah kandungan yang harus diberikan keutamaan berbanding kandungan B, C , D dan E. Page A yang paling berguna!"

Untuk setkan rel = "canonical' :-

Masukkan link element di bawah <head>

<link rel="canonical" href="url" />

rel = "canonical' bukanlah meta tag sebenar tetapi lebih kepada deskripsi HTML.

Ok setakat ini saja. InsyaAllah saya akan update SEO Pack 2013 ini dari semasa ke semasa. Sekiranya ada cadangan dan soalan bolehlah dikongsi bersama. ZaSSS.

Projek Portfolio Tempah Blog Shop

noreply@blogger.com (Tabir Khaizuran) — Wed, 10 Apr 2013 05:18:17 PDT

Get Your Business Professional Online

Pernahkah anda terfikir untuk menggunakan sistem e-cart untuk perniagaan anda? Sistem e-cart telah pun berleluasa dan mendapat tempat di hati setiap peniaga online. Kelebihan sistem e-cart adalah memudahkan pelanggan anda untuk membuat pembelian dengan penampilan yang profesional. Malah, sistem pembayaran dengan pelbagai kemudahan bayaran secara online disediakan dalam sistem e-cart seperti Paypal, Google Checkout, Money Bookers yang sangat dipercayai akan ketelusan perkhidmatannya.

Kami pihak Tempah Blog berbesar hati untuk membantu dalam meluaskan perniagaan secara online anda ke seluruh dunia. Usah ragu-ragu, peluang hanya datang sekali.

Untuk promosi Tempah Blog Shop akan datang saya berkira-kira untuk mengambil beberapa pelanggan terlebih dahulu sebagai portfolio. Oleh itu, sebagai permulaan hanya 5 orang pelanggan bertuah akan dipilih untuk program Projek Portfolio Tempah Blog Shop. Setiap seorang pelanggan akan diberikan 5 pilihan template blog shop. Hanya satu template blog shop saja untuk satu pelanggan.

Harga untuk pakej Blog Shop telah dinyatakan dalam Pakej Medium Line. Iaitu RM350. Tetapi disebabkan ini adalah projek portfolio. Saya memberikan diskaun sebanyak 50% untuk pelanggan baru. Manakala untuk pelanggan yang pernah mendapatkan khidmat Tempah Blog iaitu diskaun sehingga 70%.

Pelanggan Baru Diskaun 50 %

Pelanggan Lama Diskaun 70%

Berikut adalah template yang akan digunakan untuk pembinaan Blog Shop anda. Sekiranya anda berminat, boleh terus menghubungi saya untuk reserve blog shop anda atau isikan borang tempah blog.

Blog Shop Template 1

Klik untuk besarkan gambar

Blog Shop Template 2

Klik untuk besarkan gambar

Blog Shop Template 3

Klik untuk besarkan gambar

Blog Shop Template 4

Klik untuk besarkan gambar

Blog Shop Template 5

Klik untuk besarkan gambar

Saya menggunakan sistem first in first out (FIFO), jadi siapa yang buat bayaran penuh terlebih dahulu saya akan siapkan dulu.

Untuk pertanyaan lanjut:-

boleh direct email saya di tabirkhaizuran@gmail.com,

atau PM saya di facebook www.facebook.com/tabirkhaizuran

atau call saya di talian hot line 0123233874

Tabir Khaizuran ialah CEO Tempah Blog. Bekerja sepenuh masa sebagai Jurutera Sistem di Microtel System(M) Sdn Bhd. Pemegang Ijazah Sarjana Muda Sains Komputer (Kejuruteraan Perisian) dan Diploma Sains Komputer. Alumni UPM.

Merupakan seorang freelancer blog sejak tahun 2007, web designer sejak 2006, computer repair services. Bekas DJ di FeweTT Radio, bekas Kru Pengelola Kapasitor.net etc.

Blogger Template Editor

noreply@blogger.com (Tabir Khaizuran) — Wed, 10 Apr 2013 02:12:08 PDT

Hari ini saya masuk blog dan macam biasa tekan dekat Template - Edit HMTL . Fuhh, terkejut jugak tengok interface baru untuk ruang Edit HTML. Dah lama saya idamkan Template Editor macam ni. Lebih kurang macam Adobe Dreamweaver, Textpad dan lain-lain sewaktu dengannya.

Kelainan yang pertama saya perasan ialah pada nombor line of code. Serius, line of code sangat penting dalam programming. Dengan adanya nombor line of code ini, ia memudahkan kita mengenalpasti masalah-masalah coding yang terdapat pada file tersebut. Sebelum ini, blogger hanya memberikan warning terhadap nombor line pada error yang berlaku. Tetapi kita kena cari sendiri line tu dekat mana. Jadi, dengan ada nombor tersebut tak perlulah kita susah payah lepas ni kan. :)

Kelebihan adanya line of code juga adalah untuk kita mengira berapa banyak line of code yang digunakan untuk membina blog kita. Biasanya, line of code yang tidak banyak adalah lebih baik dari line of code yang banyak. Siapa ambil jurusan Software Engineering macam saya? Tau kan apa itu Software Metric? Hehe. Kita gunakan source line of code (SLOC) untuk software measurement. Ia penting dalam menganalisis kualiti sesebuah software.

Apa lagi yang lain dekat Template Editor ni? Berbeza dengan yang lama, kedudukan menu button untuk Save, Back,revert dan sebagainya berada di bahagian atas. Ni yang saya suka. Tapi saya lebih suka kalau button tersebut di letakkan di sebelah kanan. Kalau letak kat atas tu better letakkan icon baru nampak lebih profesional kan.

Dalam banyak-banyak button kat atas tu saya tertarik dengan button Jump to Widget. Bila klik drop down menu tu, ada header1, sidebar etc. Ia akan memandu kita terus ke bahagian coding tersebut. Wow, memang menjimatkan masa bagi mereka yang baru-baru menguasai bidang design template ni. Sebelum ni kita terpaksa guna CTRL + F. Tapi bayangkan, kadang-kadang code yang kita cari tu ada dua dan kadang-kala ada 3 contohnya <data:post.body/> . Ewhhh, mana satu tu nak edit kan? Jadi, kalau dah ada Jump to Widget ni tak payah lagi nak confius ok.

Button untuk Format Template tu saya tak cuba lagi. Kalau ada yang dah cuba mehlah kongsi-kongsi. Setakat ini saja saya punya rewiew untuk template editor blogger yang baru ni. Siapa ada pandangan dan pendapat silalah kongsi bersama ok . Daaa..

Tutorial Blog || 5 Minit Buat Blog

noreply@blogger.com (Tabir Khaizuran) — Sun, 07 Apr 2013 03:49:42 PDT

Tutorial kali ini adalah untuk mereka yang tak pernah langsung buat blog. Kalau dah pernah buat blog, tutorial ni bukan untuk anda OK. Tujuan tutorial buat blog ini sebagai pendedahan untuk adik-adik sekolah rendah. Ingat nak buat time cuti sekolah hari tu, tapi tak sempat pula.

Kita akan gunakan platform Blogger dan untuk cipta sebuah blog kita perlukan email. Tutorial ini saya anggap adik-adik dah ada akaun Gmail masing-masing.

Langkah Pertama:-

Cipta akaun blog di Blogger.

Pergi URL blogger >> www.blogger.com dan antaramuka akan keluar seperti di bawah.

Masukkan email Gmail dan password. Klik Sign In.

Langkah Kedua:-

Anda akan di bawa ke antaramuka baru seperti gambar di atas. Klik 'New Blog' untuk mencipta blog baru.

Langkah Ketiga:-

Popup untuk masukkan tajuk blog dan url blog akan keluar. Sila isikan nama blog yang cute dan comel.

Kalau boleh untuk URL blog. Biar yang pendek dan senang nak eja. Kemudian pilih template yang sesuai dengan citarasa.

Tekan 'Create Blog' lepas dah jenuh memilih :)

Langkah Keempat:-

Antaramuka baru untuk membuat post akan keluar. Klik dekat 'Start Posting'

Langkah Kelima:-

Masukkan tajuk post dan tulislah apa-apa nak tulis dekat ruangan putih yang kosong tu. Kalau nak letak gambar klik icon yang ada gambar dekat sebelah icon Link.

Dah puas hati klik 'Publish' dekat atas sebelah kanan.

Klik butang View Blog untuk lihat apa yang dah anda lakukan. Hehehe.

Tengok jam ada tak sampai 5 minit nak buat blog? OK cubaan yang baik kalau in time. :P. Kalau berminat nak dapatkan advance tutorial. Boleh klik Tutorial Cara Design Blog. ZasSSs..selamat mencuba.

Download pdf untuk Tutorial Blog || 5 Minit Buat Blog . Percuma.

Tutorial Cara Design Blog part 4: CSS Box Model

noreply@blogger.com (Tabir Khaizuran) — Sun, 07 Apr 2013 03:38:47 PDT

Hari ini kita akan menyelongkar Model Kotak CSS atau dalam English kita panggil CSS Box Model. Pernah dengar? CSS Box Model ini pada asasnya adalah sebuah kotak yang merangkumi keseluruhan element HTML. Terdiri daripada margin, border, padding dan actual content. Kalau masih tidak dapat gambaran sila lihat ilustrasi di atas.

Penerangan ringkas:-

Margin: Ruang pemisahan dengan border. Tidak ada warna background.
Border: Sempadan yang mengelilingi padding dan content. Border boleh diset size, warna, jenis border, radius etc. Selalunya border akan dipengaruhi oleh warna box.
Padding: Ruang kawasan sekitar content. Warna background kotak akan mempengaruhi warna padding
Content: Kandungan di dalam kotak di mana text dan image wujud.

Apa beza Margin dan Padding?

Ramai pembina blog terkeliru penggunaan Margin dan Padding dalam CSS. Margin digunakan untuk kawasan luar kotak manakala Padding digunakan di dalam kawasan dalam kotak.

Penggunaan Margin biasanya untuk memisahkan kotak dari kawasan lain, contohnya jarak widget title dengan widget content. Manakala Padding memberikan jarak content daripada kotak. Sebagai contoh, jarak sidebar title dengan border sidebar title.

Margin mempunyai sifat auto-collapse manakala Padding tidak ada. OK tak nak pergi details lagi. Nanti anda pening. Hehe. Margin dan Padding persamaan mereka ialah mempunyai bahagian top, bottom, left dan right :)

Jom main-main dengan margin dan padding klik sini -> margin dan padding

Berapa banyak border-style yang ada?

Kita biasa lihat border yang bergaris lurus je kan? Sebenarnya border style ada lapan kesemuanya. ~~Dragon Ball ada tujuh. Ok tak ada kena mengena.~~ Border Style yang ada ialah solid, dashed, dotted, doubled, groove, ridge, inset dan outset. Attribute yang ada pada border selain style ialah color, width, top/bottom/left/right, radius etc.

Ini adalah contoh code CSS penuh untuk kotak post Tempah Blog.

.post {

    background: none repeat scroll 0 0 #FFFFFF;

    box-shadow: 2px 3px 10px #BCBCBC;

    font-size: 95%;

    line-height: 1.9em;

    margin: 20px 0 0;

    padding: 10px 15px 10px 10px;

    width: 610px;

    border: 1px solid #CCCCCC;

}

Tutorial Cara Design Blog part 4 adalah setakat ini sahaja. Semoga perkongsian bermanfaat untuk semua. Sebarang pertanyaan dan perbincangan bolehlah diutarakan di ruangan komen di bawah ye.

Ke entri sebelum:
Tutorial Cara Design Blog Part 1 : 3 Asas Design Blog
Tutorial Cara Design Blog Part 2 : Coding
Tutorial Cara Design Blog Part 3: Struktur Blogger Template

Blog Design : Sue Beauty Store

noreply@blogger.com (Tabir Khaizuran) — Wed, 03 Apr 2013 21:20:34 PDT

Minggu lepas saya mendapat tempahan untuk Pakej Upgrade Blog dari Apit. Selepas sesi perbincangan, saya pun memulakan kerja-kerja upgrade blog. Blog Sue Beauty Store adalah sebuah blog yang menjual produk kesihatan dan pelbagai produk kecantikan untuk kegunaan harian. Maka saya berpendapat sebuah blog yang kemas dan simple adalah tema yang paling tepat.

Kami bersetuju untuk menggunakan warna biru sebagai warna utama. Selain mewujudkan mood tenang, kombinasi warna biru juga memberikan impak kepada keceriaan blog tersebut. Customize title widget walaupun nampak simple tapi tetap menarik.

Antara perkara utama yang ada pada blog tersebut ialah link Tracking Number EMS Pos Laju, senarai produk yang telah di susun atur, borang tempahan lengkap dengan Captcha dan watermark pada setiap gambar produk.

Saya juga ada memasukkan coding CSS untuk text-shadow, image hover dan image shadow untuk menimbulkan perbezaan dengan blog-blog yang lain.

Anda juga boleh mendapatkan harga pemborong dari blog tersebut. Harga untuk produk juga boleh tahan murah. Produk-produk yang dijual di Sue Beauty Store adalah dari pelbagai jenama seperti USA BHA, Asantee, Maixara, Metal Fortis dan banyak lagi. Apa kata pergi jenguk blog Sue Beauty Store untuk shooping window. JOM!

Tutorial Cara Design Blog part 3: Struktur Blogger Template

noreply@blogger.com (Tabir Khaizuran) — Sun, 07 Apr 2013 03:39:03 PDT

Tutorial Cara Design Blog kali saya akan bawa anda kepada struktur template blog. Struktur template blog adalah antara perkara utama dalam membuat design blog. Pada entry lepas sudah saya berikan serba sedikit informasi berkenaan coding CSS, HTML dan JS. Manakala kedudukan coding di dalam Blogger telah digambarkan secara ringkas.

Template Blogger menggunakan bahasa XML untuk merekabentuk, tidak seperti template website, kebiasaannya menggunakan HTML (tolak tepi PHP, ASP, AJAX etc). Setiap dokumen XML biasanya akan bermula dengan deklarasi XML, iaitu pengisytiharan versi XML untuk membantu kita mengenali nama versi dokumen tersebut. Sebagai contoh:

<?xml version="1.0" encoding="UTF-8" ?>

Kalau anda perasan, code tersebut berada paling atas sekali di setiap dokumen XML. Tak percaya?

Masuk dashboard blogger, anda.
Pilih "Template".
Klik "Edit HTML"
Tengok baris paling atas sekali. So sekarang dah percaya kan? :)

Jom kita tengok keseluruhan struktur template Blogger secara kasar

Section HEAD mengandungi maklumat meta tag, CSS dan pembolehubah(variable) Blogger.

- Meta Tag: maklumat meta tag digunakan untuk SEO seperti title,desription, keyword, author etc.
- CSS : digunakan untuk mereka bentuk, gaya font,size, warna. Semua code CSS ditulis di antara

<b:skin><![CDATA[

dan

]]></b:skin>

Jangan keliru, blogger template adalah dalam XML format, CSS format bukan dalam XML format. Bila berlaku perlaksanaan coding atau execution

<b:skin> ... </b:skin>

akan diconvert menjadi

<style type="text/css">...<style>

dan

<![CDATA[...]]>.

- Pembolehubah Blogger (Blogger Variable): digunakan untuk mencipta interface antara template dan Blogger Template Designer.

Section BODY mengandungi Blogger layout design sama ada 1,2,3 atau 4 column, sidebar kanan, sidebar kiri etc.

Agak-agak setakat ni boleh faham tak? Kira boleh teruskanlah ni ek? Hehe.

Layout Blogger template mengandungi 4 bahagian:
-header
-body
-sidebar
-footer

Kotak Merah: Area Section
Kotak Biru: Area Widget

Section adalah element yang merujuk beberapa bahagian layout seperti header,content,sidebar dan footer.
Di setiap section, kita boleh menambah pelbagai widget sperti blog list, archieve, 3rd party HTML/Javascript, Label etc.

Code synstax untuk section adalah seperti berikut:-

<b:section id='header' class='header' maxwidgets='1' showaddelement='no' growth='vertical'>
</b:section>

manakala code syntax untuk widget adalah:-

<b:widget id="header" type='Header' locked="yes" >
</b:widget>

OK setakat ini saja untuk entry Tutorial Cara Design Blog untuk kali. Jumpa lagi di entri akan datang. ZaasSS. Jangan lupa like dan share :).

Ke entri sebelum:
Tutorial Cara Design Blog Part 1 : 3 Asas Design Blog
Tutorial Cara Design Blog Part 2 : Coding

Blog Design : Cerita Kosong Ku

noreply@blogger.com (Tabir Khaizuran) — Wed, 03 Apr 2013 21:20:46 PDT

Tempahan design blog ini datang dari Encik Poruman. Beliau memilih Pakej Upgrade Blog untuk mengubah wajah blog beliau. Dari sebuah blog yang biasa menggunakan Simple Template. Blog beliau kini lebih kelihatan exklusif dengan design bertemakan News atau Gossip.

Design blog mengambil masa ambil sebulan. Fuh, lama kan? Memang agak sukar kerana rekaan yang beliau inginkan sama seperti blog Beautiful Nara. Cuma ada sikit-sikit lain. Kemahiran menggunakan CSS dan juga HTML untuk menghasilkan blog seperti ini sangat-sangat menduga jiwa. Manakala platform blog juga berbeza, blog Abang Nara menggunakan Wordpress sementara blog Encik Poruman menggunakan Blogger.

Berkat kesabaran Encik Poruman akhirnya terhasil juga parodi blog ini. Sekiranya anda berminat untuk menghias semula blog-blog gosip dan berita, jangan segan-segan untuk menghubungi saya ok.

Silalah lawat blog beliau >>> Cerita Kosong Ku yang memaparkan berita-berita terkini dan gosip-gosip hangat yang sememangnya hangat. Bye bye.

Blog Design: Nour Ain Skin Care & Drsneeze

noreply@blogger.com (Tabir Khaizuran) — Mon, 25 Mar 2013 21:36:20 PDT

Set Lengkap Nour Ain Skin Care

Seperti dijanjikan, review blog design kali ini datangnya dari tempahan blog oleh Puan Masliza. Beliau yang lebih mesra dipanggil Kak Mas merupakan usahawan yang menjual produk-produk kesihatan berjenama seperti Nour Ain Skin Care dan juga Drsneeze.

Produk Drsneeze

Blog Nourainskin & Drsneeze telah disiapkan dalam tempoh yang sekejap. Terima kasih kepada Kak Mas kerana kerjasama beliau dalam memberi maklumat sangat-sangat membantu dalam proses membina blog Nourainskin & Drsneeze. Komunikasi dua hala yang berkesan melalui SMS, facebook dan email adalah pokok utama dalam kejayaan blog design kali ini.

Pakej Blog Baseline adalah pakej pilihan Kak Mas. Jadi, dari segi pemilihan nama domain nourainskin.com telah dipilih sebagai domain untuk blog niche kesihatan beliau. Dari segi warna tema dan konsep, warna purple menjadi warna utama melatari blog Nourainskin. Saya juga ada mengenakan beberapa kombinasi warna seperti turquoise, violet, hitam dan putih untuk menaikkan lagi seri blog beliau. Hehe.

Nour Ain Skin Care & Drsneeze Template

Silalah lawat blog beliau yang comel dan cute :) Klik je -> Nour Ain Skin Care & Drsneeze. Ok ZassSs.

13 Menu Button Adobe Photoshop Vektor Free

noreply@blogger.com (Tabir Khaizuran) — Wed, 13 Mar 2013 09:29:01 PDT

Hai hai hai! Hari ini saya rajin godek-godek Adobe Photoshop (AP). Tengah tunggu page loading, saya pun main-main dengan Blending Option. Hasilnya, Menu Button Vektor pelbagai warna macam dalam gambar kat atas tu.

13 Menu Button Adobe Photoshop Vektor ini adalah percuma. Siapa-siapa nak bolehlah download Menu Button tersebut di link tersedia.

Menu Button Vektor by Tempah Blog.psd
Harap maklum vektor adalah dalam format .psd dan dicipta menggunakan Adobe Photoshop 9.0 . Hehe old school designer. OKlah. Ada banya kerja lagi nak buat ni. Nikmatilah pemberian tak seberapa ni OK. ZasssSs.

Google Sitebuilder: Tambah Social Share Button

noreply@blogger.com (Tabir Khaizuran) — Tue, 12 Mar 2013 00:02:42 PDT

Seperti yang anda tahu, Google juga menawarkan perkhidmatan membina website secara percuma iaitu Google Sites. Google Sitebuilder adalah platform yang digunakan untuk peniaga di Malaysia di bawah pelan Geran RM1000 yang berdaftar di bawah Get Malaysian Business Online. Ada pembaca bertanya bagaimana nak tambah social share button seperti Facebook Like, Twitter, Google + dan lain-lain. Ok jom follow tutorial saya di bawah ini.

1. Sign account Google Site untuk ke halaman admin.

2. Di Home Page. Klik "Add Content Block"

3. Pilih "Add Text"

4. Pilih Tab "HTML"

5. Dapatkan coding dari Add This atau Share This (tak kisah mana-mana). Copy dan paste di ruangan tersedia.

6. Klik OK. Kemudian View website. Siap. ZaassSS.

Ada masalah? Tinggalkan komen anda ok.

Cara Atasi Masalah Attach File di Google Doc

noreply@blogger.com (Tabir Khaizuran) — Sun, 10 Mar 2013 10:14:17 PDT

Salam buat semua pembaca. Pernahkah anda terfikir untuk membuat borang tempahan atau apa saja borang menggunakan Google Docs? Baguslah kalau pernah. Sepanjang saya menggunakan Google Docs hanya satu saja masalah iaitu tak boleh nak attach file. Untuk attach file perlukan satu text box yang membenarkan kita upload sesebuah file atau dokumen. Fungsi upload file tak ada di setiap template Google Docs.

Mungkin bagi blogger yang menguruskan bisnes di blog, memerlukan pelanggan mengupload resit sebagai bukti pembayaran ataupun seangkatan dengannya. Maka, bagaimana cara nak mengatasi masalah tak boleh attach file ni? Sebenarnya saya dah lama nak tulis tutorial ni tapi tak ada kesempatan.

Sila lihat demo di Borang Tempahan Blog dan Website.

Saya menggunakan Jot Form dan kemudiannya embed kepada page Borang Tempahan. Jom tengok cara-cara nak buat borang tempahan menggunakan Jot Form - Form Builder.

Cara Buat Form Guna Jot Form - Form Builder

1. Pergi Jot Form

2. Kalau tak ada akaun lagi. Sila Sign Up.

3. Klik butang Create Form. Bila popup keluar pilih Blank Form

4. Kemudian lihat di sebelah kiri ada Form Tools. Pilih File Upload atau apa saja yang box yang diperlukan. Dragkan saja ke bahagian sebelah kanan.

5. Untuk memasukkan form ke dalam blog. Klik pada tab Setup & Embeded. Kemudian klik pada ikon Embeded. Seperti rajah di bawah.

6. Popup akan keluar untuk anda pilih platform yang berkaitan. Pilih Blogger kalau menggunakan Blogger.

7. Langkah seterusnya anda hanya perlu klik untuk copy code yang disediakan oleh Embed Form Wizard. Dan teruskan langkah-langkah seperti yang dinyatakan.

8. Siap. Untuk menggunakan template dan tambahkan Thank you message silalah explore sendiri ye :). Mode mata dah ngantuk. Bye bye. Kalau ada yang nak copy tutorial ni. Minta kreditkan blog ini Ok. :)

Tutorial Cara Design Blog Part 2: Coding

noreply@blogger.com (Tabir Khaizuran) — Sun, 07 Apr 2013 03:39:23 PDT

Ke entry sebelum : Tutorial Cara Design Blog Part 1 : 3 Asas Design Blog

Kita akan pergi lebih mendalam kali ini berkenaan coding ataupun dalam Bahasa Malaysia bermaksud aturcara. Di sini saya gariskan 3 bahasa aturcara yang utama dalam design blog khasnya Blogger. Anda tidak perlu mengetahui secara terperinci mengenai latar belakang coding. Cuma, paling penting anda tahu perkara-perkara asas yang sentiasa digunakan dalam membina sesebuah blog customize.

3 bahasa aturcara utama untuk design blog:-

i. Cascading Style Sheet (CSS)
ii. HyperText Markup Language (HTML)
iii. javascript (js)

Cascading Style Sheet (CSS)

- adalah bahasa style sheet yang biasa digunakan untuk memberi kesan terhadap fonts, layout dan warna.
- merupakan skema atau garis panduan untuk gaya sesebuah website atau blog
- terbahagi kepada tiga:- inline, external dan embedded
- version terkini ialah CSS5
- untuk maklumat lanjut sila semak: apa itu CSS?

HyperText Markup Language (HTML)

- merupakan bahasa aturcara utama dalam pembinaan website yang membolehkan sesebuah website dilihat di web browser.
- kepala dimulakan dengan <html> di antara kandungan halaman sebelum diakhiri dengan tag </html>
- digunakan juga untuk menambah fungsi multimedia interaktif (video, audio, image, dan lain-lain).
- HTML akan merujuk kepada CSS untuk mengenalpasti jenis paparan dan layout yang telah dideklarasi pada pembolehubah yang ditetapkan.

JavaScript(JS)

- adalah bahasa pengaturcaran komputer yang menyokong orientasi objek seperti C, C++ dan Java. Tetapi ia tidak sama dari segi semantik.
-di dalam blogger javascript selalunya digunakan untuk widget, set function tertentu seperti image slider dan lain-lain.
- JavaScript adalah trademark yang dimiliki oleh Oracle.

Di manakah kedudukan coding di dalam Blogger?

1. Add gadjet > HTML/javascript
- ia adalah satu ruangan kosong yang disediakan untuk pengguna mengisikan coding yang berkaitan

2. Template > Edit HTML
- bahagian ini perlu berhati-hati untuk melakukan suntingan. wajib membuat backup terlebih dahulu.

3. Template > Customize > Add CSS
- bahagian ini adalah untuk menambah coding CSS

Akan datang kita akan lihat lebih dekat di setiap satu bahagian coding. OK. ZasSS.

Blog Design : Beauty Tity Attire

noreply@blogger.com (Tabir Khaizuran) — Wed, 03 Apr 2013 21:21:40 PDT

Inspiration exists

Tempahan Blog Design ini datangnya dari pelanggan baru Tempah Blog. Kak Tity nama diberi. Beliau merupakan saudagar pakaian wanita yang terdiri daripada baju, tudung dan pelbagai aksesori wanita. Blog design berdasarkan kehendak beliau tidaklah begitu rumit. Tetapi ada juga kesukaran yang mungkin tak berapa sukar juga. Hehe.

OK blog ini erm mungkin boleh dipanggil website. Website ini dibina berdasarkan website builder google. Bukan blogger mahupun wordpress. Ia adalah salah satu website yang bernaung di bawah Get Malaysia Business Online (GMBO). Yuhuhuuu.

Dari segi tema warna untuk Beauty Tity Attire ini, warna yang dipilih ialah pink lembut, hijau epal lembut dan coklat. Erm sangat nice pilhan warna ini kalau disesuaikan dengan tema fancy dan feminin. Beliau juga inginkan polkadot blog background. Ciri-ciri agak retro sedikit pada pendapat saya.

Website ini sebenarnya telah pun dibina sendiri, dan kemudian memilih pihak Tempah Blog untuk menghiaskan lebih cantik. Beliau telah memilih Pakej Upgrade Blog yang harganya tidaklah mahal hanya RM30. Jadi sesiapa diluar sana yang ada join GMBO juga, kalau mahu kami upgrade bagi cantik boleh check Pakej Upgrade Blog kami OK.

Pre Review: Beauty TIty Attire

So, ini adalah rupa website tersebut sebelum disentuh oleh kami. Nantikan wajah baru Beauty Tity Attire! Cau cin cau. Tengok jam sikit. Erkss. Pukul 12.20am. ZasSSSss.

Blog Design : Vitamin In Da House

noreply@blogger.com (Tabir Khaizuran) — Sun, 28 Apr 2013 04:24:47 PDT

Blog Design Is My Life by Tempah Blog

Tempahan blog kali ini datangnya dari bekas pelanggan Tempah Blog. Beliau ialah cik Dahlea Bahuddin iaitu pemilik blog D'Indah Boutique. Promosi e-coupon Tempah Blog telah memanggil beliau untuk sekali lagi mendapatkan khidmat kami. Baiklah, apa kata kita check apa yang beliau mahukan.

Design blog Vitamin In Da House menggunakan tema warna soft pink. Hehe. Ini bukanlah suatu kejutan buat saya kerana ramai pelanggan wanita juga berminat dengan warna ini. Dan, blog ini semestinya akan didesign dengan kemas sesuai dengan fungsi blog tersebut untuk menarik pelanggan. Ya, Tempah Blog sentiasa memberi tumpuan terhadap kekemasan sesebuah blog kerana ianya adalah trademark kami.

Beliau memilih pakej blog baseline dengan tambahan search engine optimization (SEO). Blog ini dijangka siap pada 10 Mac 2013 bergantung kepada tahap kepuasan cik Dahlea. :) Ya, bertepatan dengan moto kami "Kepuasan Anda, Kejayaan Kami" .Cheeewaah.

Sebagai pengenalan terhadap blog yang akan dibina ini, Vitamin In Da House adalah satu blog yang menampilkan produk-produk kesihatan Shaklee. So far, ini adalah permulaan untuk design blog tersebut.

Setakat ini saja untuk review pre-design blog. Nantikan kemunculan Vitamin In Da House versi dah siap ok. ZassSSss.

Freebies FB Cover Life and Smiles

noreply@blogger.com (Tabir Khaizuran) — Sun, 03 Mar 2013 21:52:11 PST

Tengah tak ada kerja, time lunch ni saya godek-godekla photo editing dekat Pic Monkey. Entah apa berangan, tetiba terpanggil nak buat freebies. Tak adalah lawa mana kan? Just for fun je. :) Check it out.

Freebies ni tak perlu bayar apa-apa. Percuma OK. Kalau siapa-siapa nak cuba dan nak cari quotes google je la. Saya ambil kata-kata mutiara ini dari BrainQuotes.

Life

Smile

Siapa berkenan bolehlah klik pada gambar kemudian right click > Save Image As. ZassSS.. Mode tangan still sakit selepas excident motor minggu lepas. T.T

Tutorial Cara Design Blog Part 1

noreply@blogger.com (Tabir Khaizuran) — Sun, 07 Apr 2013 03:39:35 PDT

Tutorial Cara Design Blog Part 1: 3 Asas Design Blog

Pasti ramai yang bercita-cita nak design blog sendiri kan? Jadi, pihak Tempah Blog dengan sukacita ingin berkongsi bersama rakan pembaca cara-cara design blog yang mudah khas untuk pengguna Blogger. Ya, kita tak nak susah-susah. Kalau susah baik kita buat tempahan design blog. Hulur duit, siap. Hehe. Tutorial Cara Design Blog ini bukanlah untuk mereka yang sudah pro, sebaliknya untuk mereka yang baru berjinak-jinak dengan HTML, CSS, Javascript dan sebagainya.

Asas 1: Coding

Logo w3schools

Asas design blog yang pertama sudah tentulah coding CSS dan HTML. Kalau anda berminat untuk buat customize design, maka CSS sangatlah penting. Jom kita pergi sekolah untuk belajar asas CSS. :) Di w3shcools terdapat asas coding CSS dan coding HTML, PHP, SQL etc. Ia juga menyediakan platform untuk kalian membuat testing terhadap coding yang sudah dibina. Bagus kan? Kalau sudah pandai dan hebat boleh cuba ambil ujian coding CSS. Hehe. Kalau nak jadi pro, sila teruskan niat anda untuk dapatkan certificate OK.

Asas 2: Layout

Blogger Layout : Kredit gambar google

Apa itu layout? Layout terdiri daripada susunan sidebar, favicon, header, blog post, footer dan lain-lain yang sewaktu dengannya. Ia memainkan peranan penting dari segi Human Machine Interface(HMI) di mana layout bertindak sebagai medium interaksi iaitu penghubung antaramuka dengan pengguna. Siapa yang ambil jurusan Software Engineering macam saya mesti tahu apa itu HMI kan?

Asas 3: Design

Logo pixlr: Kredit gambar snackoclock

Tidak boleh tidak. Sesiapa berhajat untuk buat design customize blog kenalah rajin design. Kalau tak pandai lukis pun tak apa, at least tahu guna software-software untuk design. Macam saya selalu guna Adobe Photoshop, Adobe Illustrator dan GIMP 2. Agak-agak tengah malas saya guna pixlr je. Hehe. Bolehlah siapa-siapa nak cuba design dengan menggunakan pixlr ni. Cuma pastikan internet rumah anda laju sedikitlah. Kalau tak nanti sangkut-sangkut :)

Ok setakat ini sahaja sebagai pengenalan kepada Cara Design Blog. Akan datang, Tempah Blog akan pergi lebih detail lagi untuk setiap asas yang telah diberikan. Sekiranya anda ada pandangan dan cadangan. Boleh tinggalkan di kotak komen di bawah ye. Jumpa lagi. Byeee.

Apakah maksud Page Authority?

noreply@blogger.com (Tabir Khaizuran) — Tue, 26 Feb 2013 21:32:17 PST

Page Authority: Kredit gambar asal smartfatblogger.

Ramai yang sibuk bercerita tentang Page Rank tapi lupa tentang Page Authority. Sebenarnya kedua-duanya saling berkait rapat dalam SEO untuk blog dan website. Hari ini Tempah Blog akan bercerita serba sedikit tentang Apakah maksud Page Authority.

Page Authority atau akronimnya PA adalah seberapa rapat sesebuah website dengan nichenya dengan website yang lain. Susah ni nak faham. Sebagai contoh, blog tempah blog bercerita tentang blog, seo dan sebagainya. Sebuah lagi blog bercerita tentang travel, tempat makan etc. Sekiranya tempah blog mempunyai link dari blog tersebut ia merupakan backlink yang lemah. Page Authority hanya bertindak lebih baik untuk niche yang sama. Sila refer semula Blog Backlink untuk mengetahui lebih lanjut tentang Sistem Pembangunan Backlink.

OK. Secara mudah, PA merpuakan salah satu kata kunci SEO yang memberi gambaran ringkas berkenaan deskripsi blog atau website. Lebih tinggi PA maka lebih banyaklah halaman individu untuk sesebuah website atau blog terpapar di enjin carian. Kadangkala PA tidak menjamin trafik yang datang ke blog atau website. Kenapa? Sebab Page Rank (PR). :)

Apa kaitan PA dengan PR?

Page Authority ialah salah satu cara untuk menonjolkan halaman individu manakala Page Rank untuk menonjolkan populariti dan reputasi sesebuah blog atau website. Selepas episod kejatuhan PR (pertukaran Google Panda ke Google Penguin), Page Authority dikaji semula dari segi strategi dan cara untuk implement . Kebanyakan blog atau website yang mempunyai PA yang tinggi tidak terkena impak yang besar. Manakala website yang mempunyai kurang link baik jatuh merudum.

Bagaimana Page Authority dikira?

Berdasarkan SEOmoz, skala logaritma 0-100 dicipta. Logaritma untuk menentukan Page Authority bertukar dari semasa ke semasa. Maka, PA anda mungkin juga akan berubah.

Andai anda rasa nak cuba-try-test check Page Authority blog. Boleh pergi website Open Site Explorer. Selamat mencuba. ZaaSSss.

FB Cover Percuma

noreply@blogger.com (Tabir Khaizuran) — Sat, 23 Feb 2013 06:10:32 PST

Siapa nak FB cover percuma? OK. Hari ini saya kongsikan anda satu halaman yang menyediakan FB cover percuma. myFBCovers mempunyai pelbagai kategori FB cover pastinya menarik minat mereka yang suka menukar FB cover. Senang-senang singgahlah website tersebut.

Website ini juga menyediakan perkhidmatan untuk mencipta FB cover. Anda boleh mengunakan kreaktiviti dan bakat terpendam untuk melakukannya sendiri.Untuk membuat FB cover sendiri sila pergi ke Create A Cover. Tools yang lengkap dari cropping, rotation, special effect, overlays dan lain-lain amat memudahkan kerja-kerja ubahsuaian dilakukan.

Oleh kerana masa tidak mengizinkan, maka pihak Tempah Blog tidak sempat untuk menyediakan tutorial. So apa kata anda cuba-cuba sendiri dan kalau ada yang dah buat tutorial minta kongsikan link bersama kami ok. Cau cin cau. :)

e-Coupon Tempah Blog

noreply@blogger.com (Tabir Khaizuran) — Tue, 19 Feb 2013 21:01:19 PST

E-Coupon Tempah Blog

Assalamualaikum dan salam sejahtera kepada semua pembaca setia Tempah Blog dan juga pelanggan-pelanggan yang sangat dikasihi. Chewah, opening macam ucapan majlis rasmi. Skemalah. OK. Tak mahu lengahkan masa. Apa ni Promosi Tempahan BLOG dan WEBSITE Murah? Tempah Blog sudah gila ke? Hehe. Tak gilalah. Ini adalah Opss Janji Ditepati ~~Bukan Capati~~. Dah lama dah janji kan nak buat. So, sekarang baru free :).

Ok Jom check it out

Syarat-syarat penggunaan e-Coupon Tempah Blog

1. Anda adalah ahli kepada Group Tempah Blog Online di Facebook.
2. Telah LIKE Tempah Blog Fan Page
3. E-Coupon Tempah Blog yang sah
4. Coupon hanya boleh digunakan sebelum tarikh tamat tempoh. Berapa banyak kali nak guna pun boleh. Nak share dengan orang lain pun boleh. Tapi lepas dah tamat tempoh memang tak layan.

Itu saja, mudah kan? Ya, semudah 1234. Opss Macam mana nak dapatkan e-Coupon yang comel ini?

Cara dapatkan e-Coupon Tempah Blog

1. Pm admin Tempah Blog Fan Page "Saya nak e-Coupon Tempah Blog!"
2. Berikan no telefon, no ic dan id FB anda. Contoh id FB: tabir khaizuran
3. Kami akan generate barcode dan berikan coupon yang sah.

Cara nak guna e-Coupon Tempah Blog

1. Isikan Borang Tempahan Blog dan WebSite
2. Attachkan e-Coupon pada ruang yang disediakan/

Sangat senang kan? Jadi, jangan buang masa anda. Setiap saat adalah wang ringgit. Ya, wang ringgit. Hehe. Merapu sangat dah ni. Macam biasa, kalau ada sebarang pertanyaan boleh pm atau comment kat bawah. :) ZaaaSSSs.

Tempah Blog

Cara Customize Showing Posts With Label

Cara nak remove link Subcribe to : Post (Atom)

1. Backup Template

2. Edit HTML

3. Masukkan coding

4. Save Template dan View Blog.

Cara Atasi Masalah Error 32 Custom Domain Publishing

Blogger CNAME Error: "We have not been able to verify your authority to this domain. Error 32"

Projek Freelance RM5

Kategori Projek Freelance RM5

Cara nak join Projek Freelance RM5

Yuran Pendaftaran

SEO Pack Terbaik 2013

Post Setting - Permalink

Setting - Search Preference

Post Editor - Image Properties

Post Editor - rel = 'nofollow'

rel = "canonical"

Projek Portfolio Tempah Blog Shop

Blog Shop Template 1

Blog Shop Template 2

Blog Shop Template 3

Blog Shop Template 4

Blog Shop Template 5

Blogger Template Editor

Recent Comment guna IntenseDebate

Tutorial Blog || 5 Minit Buat Blog

Tutorial Cara Design Blog part 4: CSS Box Model

Penerangan ringkas:-

Apa beza Margin dan Padding?

Berapa banyak border-style yang ada?

Blog Design : Sue Beauty Store

Tutorial Cara Design Blog part 3: Struktur Blogger Template

Blog Design : Cerita Kosong Ku

Blog Design: Nour Ain Skin Care & Drsneeze

13 Menu Button Adobe Photoshop Vektor Free

Google Sitebuilder: Tambah Social Share Button

Cara Atasi Masalah Attach File di Google Doc

Tutorial Cara Design Blog Part 2: Coding

Cascading Style Sheet (CSS)

HyperText Markup Language (HTML)

JavaScript(JS)

Di manakah kedudukan coding di dalam Blogger?

Blog Design : Beauty Tity Attire

Blog Design : Vitamin In Da House

Freebies FB Cover Life and Smiles

Life

Smile

Tutorial Cara Design Blog Part 1

Tutorial Cara Design Blog Part 1: 3 Asas Design Blog

Asas 1: Coding

Asas 2: Layout

Asas 3: Design

Apakah maksud Page Authority?

Apa kaitan PA dengan PR?

Bagaimana Page Authority dikira?

FB Cover Percuma

e-Coupon Tempah Blog