Showing posts with label SEO. Show all posts
Showing posts with label SEO. Show all posts

Tuesday, June 17, 2014

Blockquote Automatic Tutorial Newbies Only

Cara buat blockquote automatik adalah dengan menambah / mengedit beberapa script di blog template. Dah lame sebenar aku dok mencari tutorial blockquote ni, sebab sebelum ni kalau nak buat BQ (blockquote) kene buat secara manual, jadi banyak keje.. kalau artikel yang panjang dan memerlukan banyak BQ, satu keje nak edit lagi.. so ni memang dah automatik blockquote bile kite klik pada simbol BG di posting page kite.

Sememangnye blogspot ade menyediakan BG yang direka khas, tak semua BG same dengan blog orang lain, lain template yang tertanam, lain pulak jenis blockquote yang disediakan.. lain pulak widget / gadjet yang tersedia, dah sudah tentu interface berbeza dengan yang asal (default).

Malas nak tulis panjang-panjang pasal template blogspot, cara tukar dan edit template ni sangat basic bagi blogger.. jadi tak perlu aku detail bagai, hehe.. untuk pengetahuan sebelum aku tanam script blockquote automatik ni, BQ aku sangatlah simple sampaikan aku pun tak tahu adekah aku dah BQ atau belum pada satu-satu ayat tu? aku ni jenis yang tak suka "simple tak paham".

Setelah berusaha mencari dari berbagai nara sumber, yang mane kebanyakkannye blogger menggunakan blockquote manual. Aku malas nak BQ manual.. letih nak edit satu-satu. So dapatlah satu blockquote automatic tutorial dari satu blog ni (credit).

Blockquote Automatic Tutorial Newbies Only

Bagi aku sangat simple dan smart dan banyak pilihan blockquote disediakan. Wah ~ sangat bersyukur dan puas hati.. maybe tutorial ni dah lame blogger tahu, tak kesah la kome kan Masta? aku newbies jep, mungeee ~ jangan risau, tutorial ni tak menyebabkan template kome error, preview la dulu.. kalau error tak payah la save? hehehe.. okeh! bagi yang berminat mencube blockquote automatic tutorial nih.. boleh ikut step by step di bawah :

Step 1 :

Login Blogger - More Option - Template - Edit HTML - cari code ]]></b:skin> (CTRL + F).

Step 2 :
Copy code Blockquote - Paste code Blockquote di atas code ]]></b:skin>.

Step 3 :
Preview - No Error - Save Template.

Pilih salah satu code Blockquote yang menjadi pilihan anda, ikut step 2 dan 3. Ingat, kalau error.. cube perati dulu code BQ anda, kalau tak reti coding.. pakai la BQ lain lain ye, tapi rasenye semua script BQ ni selamat dan aman untuk digunakan.

Blockquote 1 :
Blockquote Automatic Tutorial Newbies Only
blockquote { 
margin : 0 20px; 
padding: 60px 30px 40px 20px; 
background : #F1F8FE url(http://3.bp.blogspot.com/_7wsQzULWIwo/SwhrZYtvrRI/AAAAAAAACRs/
Q0k6eaIjnys/s400/owl.png) no-repeat 350px 5px; 
font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif; 
color : #000; 
border-left: 8px dotted #DAB547; 
blockquote p { 
margin: 0; 
padding-top:10px; 
}

Blockquote 2 :
Blockquote Automatic Tutorial Newbies Only
.post blockquote {
margin : 0 20px;
padding: 70px 20px 20px 40px;
background : #E4EAFE url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb4cWgxCUI/AAAAAAAACN8/
k2V4tUcGx14/
s400/angular-purple.gif) no-repeat top left;
font: bold 1em Helvetica, verdana, Georgia, &amp;amp;quot;Times New Roman&amp;amp;quot;, Times, serif;
color : #000;
border-bottom : 5px solid #435388;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}

Blockquote 3 :
Blockquote Automatic Tutorial Newbies Only
.post blockquote {
margin : 0 20px;
padding: 10px 20px 25px 20px;
background : #9FCFFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/SwhrYyb3PiI/
AAAAAAAACRU/
DyY1rOVnl_k/
s400/block22.gif) no-repeat right bottom;
font: bold .9em &amp;quot;comic sans ms&amp;quot;, arial, Helvetica,verdana, Georgia;
color : #484848;
border: 5px dashed #fff;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}
Blockquote 4 :
Blockquote Automatic Tutorial Newbies Only
.post blockquote {
background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgouqSwL3Io2FnO7IyfwY2nutMfBc09wTXVQHZbiJDS2wXNwK-x7U95uTpX302RsSYU9bQ4voc50vudK1yQJTUgtpOENxbqtAWAZjsMB4WnuzOVEhib91eIMr2RvOqTQQw0KPGOpfMuYmU/s1600/comma-side-orange1.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 10px 45px;
font-size: 0.9em;
font: italic 1.2em Georgia, &amp;amp;quot;Times New Roman&amp;amp;quot;, Times, serif;
}
.post blockquote p {
margin: 0;
padding-top: 10px;
}

Blockquote 5 :
Blockquote Automatic Tutorial Newbies Only
blockquote { background: #484B52 url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb5J3xbxyI/
AAAAAAAACPk/gxR76OhXXaw/
s1600/green-black-side.gif)
 ; background-position:; background-repeat:repeat-y;
margin: 0 20px; padding: 20px 20px 20px 50px; color:#C7CACF;
 font: normal 0.9em Helvetica,
verdana, serif, Georgia, &amp;quot;Times New Roman&amp;quot;; }
 .post blockquote p { margin: 0; padding-top: 10px; }

Blockquote 6 :
Blockquote Automatic Tutorial Newbies Only
.post blockquote {
font: 18px normal Tahoma, sans-serif;
padding-top: 10px;
margin: 5px;
background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/Swb5JEtgobI/
AAAAAAAACPM/
tqEq7sOrdnQ/
s400/comma-left.gif) no-repeat top left;
text-indent: 65px;
}
.post blockquote div {
display: block;
background: url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb5JRi1ZbI/
AAAAAAAACPU/
vWtG9Rvfj9U/
s400/comma-right.gif) no-repeat bottom right;
padding-bottom:10px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}

Blockquote 7 :
Blockquote Automatic Tutorial Newbies Only
.post blockquote {
font:bold italic .9em "comic sans ms", Tahoma, sans-serif;
padding-top: 25px;
margin: 5px;
background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/Swb5kCZUGZI/
AAAAAAAACP8/UEMNYwjmokk/
s400/left.gif) no-repeat top left;
text-indent: 65px;
color:#6299E4;
}
.post blockquote div {
display: block;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjscmLhJl9Kedv0x7rTCqCQwKlp2S6fgebNBtZC3UEiqMxS9gQ94zJ_sEA2M2-qWgSfOJ01G-FyonYBHwyDaC4q5nJHNLIf0WzbkQ8JtFreJtvwCkXkI0vWjhyTra66dpCErgimIkXuCmA/s400/right.gif) no-repeat bottom right;
padding-bottom:30px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}
Blockquote 8 :
Blockquote Automatic Tutorial Newbies Only
.post blockquote {
margin : 0 20px;
padding: 70px 20px 20px 20px;
background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-FZAY8m1Kkyh_k9eRieKjF_lKvsLKLyVCnKPoTUn-yZZAYmYqKCDyenFd0eqDj7Yc3U3J3MsX1smo82EW4kR4o4ABgxy-q6-5MycX4xQI3YIQDYwCj6WLPPmiy7qJKJlGBFwFN3nwREY/s1600/block333.gif) no-repeat top;
font: normal 1em "comic sans ms",Helvetica, Courier,"Times New Roman", Times, serif;
color : #000000;
border-bottom : 7px solid #FF0000;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}

Blockquote 9 : 
.post blockquote{
margin : 0 20px;
padding: 50px 30px 50px 30px;
background : #FFF url(http://4.bp.blogspot.com/_7wsQzULWIwo/Swb4c7RglzI/
AAAAAAAACOU/bwGBdTO2lq4/
s1600/BLOCK1-TOP.gif) no-repeat top;
font: bold italic 1em Helvetica, verdana;
color : #000;
}
.post blockquote div{
background : #FFF url(http://4.bp.blogspot.com/_7wsQzULWIwo/Swb4c0v4knI/
AAAAAAAACOM/
S-iKAwSXT-I/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom;
padding-bottom: 50px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}
Blockquote 10 :
.post blockquote { margin : 0 20px; padding: 70px 20px 30px 20px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3XoFESX7YrmbACSjdCcKuQPTaESDiU7sEo-kn-CaBJPjb9EyRs_h-Dr9oJxAFk7fdNlWDNiVdtohevUryBDft9OTh4YFNFgzSpLqlwBb57ZhavcUhraxFddpZG6b18GG_IPneAx1oWrE/
s400/block3331.gif) no-repeat top; font: bold .9em Helvetica, "comic sans ms",Courier,"Times New Roman", Times, serif; color : #343434; border-left : 7px solid #FF7802; border-right : 7px solid #FF7802; border-bottom : 7px solid #FF7802; } .post blockquote p { margin: 0; padding-top:10px; }

Blockquote 11 :
.post blockquote{
margin : 0 35px;
padding: 80px 0px 0px 0px;
background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0dQOc-hyvoI6053Q7G3i6LccRqn2rkBLvVvbyJWHIGEt1oluwusehg4KaLS1x7UPfidDAtpnBUjzShttussaRS-6pwlFLHtPw_whjx-9S1L3iMRFGSI41JQoEu0jFpvLTrGNvmgVH4z8/s400/head2.gif) no-repeat top;
font: normal 1em "comic sans ms", Helvetica, verdana;
color : #666;
}
.post blockquote div{
background : #E6F1FA url(http://4.bp.blogspot.com/_7wsQzULWIwo/Swb5j3ME4gI/
AAAAAAAACP0/1sQjocgjdK0/
s400/head-bottom3.gif) no-repeat bottom;
padding-bottom: 50px;
}
.post blockquote p {
margin: 0;
padding: 20px;
}

Dulu aku suke berforum dengan bermain quote yang sangat banyak sampaikan dapat amaran akan dibanned kalau aku teruskan quote comment orang lain.. salah ke? bukan ke function quote tu untuk digunakan? hahaha.. Selamat berquote lah ye.. ni korang punye rumah, sukahati korang nak quote banyak mane pun.. rules korang, so sukahati kome lah ye.. jangan babitkan aku sudah, bagi credit takpe (^_^)
Share:

Friday, January 18, 2013

Dot Com Mesra SEO

Wahai Nuffnang.. bile nak bagi BE kat KBM? ngeh2.. bagi-bagi lah satu.. duit tahun baru tak dapat agi? hahaha.. bukan tu sebenar aku nak share, aku nak kasi tengok refferer KBM kat korang lepas dari aku tukar Dot Com.. orang kate tukar Dot Com ni mesra SEO, betol ke? senang di detect oleh Search Engine, betol ke? 

Dot Com Mesra SEO

Cube tengok refferer ke KBM dari mane? semua datang dari Search Engine la kawan.. maksud aku SE (Google, Yahoo, Bing dll). Yap memang beza banding dulu, dulu refferer tuk KBM adalah dari Apesal, FB, Ohbelog dan tempat submit lainnye.. 

Tuk pengetahuan, tempat submit artikel aku hanya guna di Guablog.com dan Busuk.org.. apesal bagi aku agak ketat sikit, dan kejap sangat limit tuk hantar artikel dibatasi.. so agak kurang memuaskan, tapi traffic memang mengancam.. tapi OK je kalau kroang nak try, takde masalah.. bagi aku, blogger yang mule nak berjinak dengan dunia blog, memang aku rekemen kat Apesal dan Guablog.

Aku terdetik nak post pasal ni bile ade sorang blogger yang merungut Nuffnang bagi dia Rm1.brape sen ntah dalam setahun, hehhe.. bagi aku tu perkare biase, awal2 kene la susah sikit, baru la ade hasil dia, xkan awal2 nuff dah bagi Rm beratus? standard la tuh.. blog mane yang banyak UV akan dapat lebih, blog mane yang dapat BE akan dapat lebih.. gitu je konsep Nuffnang nih.

Kalau nak sentiasa ada BE atau UV yang banyak.. kene la rajin update blog, mesrakan blog korang dengan blog orang lain, linkkan blog korang dengan blog yang bermutu tinggi.. mesti up punye lah, dan aku sarankan korang, tukarlah blogspot ke Dot Com.. pasti lebih menarik.. hihi.. nak cube? boleh klik pada banner kat bawah, cara dia sangat mudah dan au rekemen korang daftar under Netkl.
Share:

Tuesday, January 15, 2013

Cara Kembalikan Glitterati Status di Nuffnang

Lepas je aku tukar blogspot kepada Dot Com, sehari lepas tu my status Nuffnang has changed.. wawawawa! ape salah aku.. ? adekah disebabkan oleh link affliate dari Netkl? tidak-tidak.. sebab ada dua lagi affliate program yang aku join.. Nuffnang tak kecoh pon, takkan sebab Netkl? aku hantar ticket kat Nuffnang, aku tahu drang akan respon 2-3 hari.. bagi aku menghitung hari memang lambat, walaupun 1-2 hari, sebab aku tahu aku tak salah..

So aku nekad buat pencarian di pacik Google.. dan jawapan yang aku terime semua same jer.. same type, boring.. lastly, terjumpe satu blog nih.. haaa ada la kelainan cikit, sori aku lupe URL beliau.. status Glitterati Nuffnang boleh berubah bile layout blog diubah@edit, aku teringat.. maybe Nuffnang ingat aku baru daftar, so system aktifkan aku sebagai new user, ooo em gi (OMG). Tenang la cikit walaupun tetap membara.. not my fault lah, why you must punish my "OWN"? hahaha.. abaikan je..

Cara Kembalikan Glitterati Status di Nuffnang

Jadinyer.. aku cube pikir, camne Cara Untuk Mention Nuffnang nih selain dari hanto ticket? gini care dia, korang boleh jer try dan tak salah pon :

  1. Hanto ticket pada Nuffnang : http://www.nuffnang.com.my/help. Tulis la ape masalah korang, dalam bahasa melayu pon boleh. Dan pilih High.
  2. Buat artikel tentang masalah korang, dan postkan di blog korang, ape yang penting isi post tersebut, korang mention Nuffnang tentang masalah korang.
  3. Cara nak mention Nuffnang senang je, Linkkan perkataan Nuffnang dengan website drang. Yes.. memang berhasil, sehari lepas tuh drang akan ubah balik Glitterati status korang, kalau betol la korang takde masalah selain masalah macam aku alami. Done.. mudah je kan?

Aku rase banyak dah aku hanto ticket kat Nuffnang.. tapi semalam satu ticket je drang reply, maybe drang sibuk atau ape kan.. bukan ape, kadang2 masalah penting yang membuatkan aku nak ceoat, nak cepat respon dari drang. Kene la carik alternatif lain, kalau korang alami masalah macam aku jugak, aku sarankan cube trick yang aku share tuh.. maybe korang akan dapat respon dari drang secepatnye.
Share:

Monday, January 14, 2013

Tutorial Dapat Traffic Dari Gambar 2013

Tutorial Dapat Traffic Dari Gambar 2013

Semalan ada sorang facebooker tanya aku tentang Cara Untuk Picture di Blog.. so aku jawaplah, insyaallah mudah je tu, bukan dengan riak, tapi memang mudah. Jadi terdetik lah diriku untuk buat tutorial tentang Cara Untuk Picture di Blog. Tapi aku tak buat kat cini.. aku buat di second blog aku (Belajar Buat Blog), memang khusus bagi mereka yang first time berjinak di dunia blogging. Kat situlah aku share segala pengalaman aku tentang blogging, walaupun tak sehebat pro@master blogger.. tapi untuk asas, aku rasa dah cukup.

Sebenarnye nak upload gambar memang mudah kawan, sangat mudah dan simple.. tak caye? KLIK SINI. Tapi sebenarnye, blogspot dah letak function SEO untuk image. Maksudnye, korang boleh dapat traffic melalui image, Search Engine akan detect keyword yang tertanam dalam image yang korang upload. Cara dia sangat mudah, rasenye dulu aku dah penah buat, tapi yang aku buat manual dan agak leceh.. skang blogspot dah support function tersebut. So apelagik? :


Cara dia :

1. Upload gambar di blog korang (Blog Post)

2. Klik pada gambar yang berjaya diupload - Klik properties - Title text (sukehati kroang - Alt text (sukehati korang) - OK.

3. Done. Simple kan? haha..

Di second blog aku (Belajar Buat Blog) terlupe nak share trick nih.. so aku share jela kat sini.. dulu blog ni pon tempat aku share blogspot tutorial. Tapi disebabkan dah lame dan menyebabkan niche aku larik dari asal.. aku buat la blog khusus untuk pembuatan blogspot. Serius mudah je buat blog.. (^_^)
Share: