8 Tutorial membuat headline news untuk blogspot.

Whoa. Salam semua. Dah lama tak buat entri tutorial atau entri membina blog bersama-sama. Dulu kawan baik aku ada request suruh buat tutorial letak "like" fb. Tapi sampai la ni, aku tak buat. Btw, dia dah buat sendiri pun! Syabas! Hak3

So, hari ni aku nak ajak korang buat headline macam kat blog aku ni! Boleh letak kat celah bawah "bottom" atau letak ka celah atas "top". Tak tahu apa itu headline? mari aku snap sikit gambar! :

Sudah tahu? Mari teruskan pembelajaran hari ni! So, ikut langkah dibawah dengan berhatihati supaya tidak tersilap langkah!

1. Log in account Blogger korang, pilih "Layout" - "Page Elements",
2. Klik "Add a Gadget" dan pilih "HTML/JavaScript",
3. Tak yah nak mengada letak tajuk itu ini, biarkan kosong je, kemudian copy-paste kode di bawah ini:

<script type="text/javascript">

 var hn_url_blog = "http://BLOGKAMU.blogspot.com";

 var hn_jumlah_post = 5;

 var hn_warna_latar = "#EEEEEE";

 var hn_warna_garis = "#000000";

 var hn_posisi = "top";

 var hn_tampilkan_judul = true;

 var hn_backlink = true;

</script>

<script src="http://copycat91.googlecode.com/svn/trunk/headlinenews.js">

</script>

Kat bawah ni pulak ialah penjelasan yang korang perlu ubah ikut kesesuain headline yg korang nak:

• hn_url_blog adalah URL blog korang sendiri.
  
• hn_jumlah_post adalah jumlah tajuk post yang korang nak keluarkan kat headline news.
  
• hn_warna_latar adalah kode warna untuk latar belakang headline news. (code warna)
  
• hn_warna_garis adalah kode warna untuk garis bingkai/border headline news. (code warna)
  
• hn_posisi ini untuk nak letak kat bawah atau atas headline news kamu kalau atas ("top") kalau nak letak kat bawah ("bottom"),
  

yang lagi dua tu aku rasa tak yah la korang nak ubah apa-apa. Simple je benda ni! Tak perlu korang nak susah-susah butakan mata cari satu-satu code kat html tu kan? Simple. Selamat mencuba!


kredit kepada : http://infotentangblog.blogspot.com

13 Mari belajar buat blockquote cantik-cantik - tutorial ni!

saya mengerti kalau semua yang berlaku ini adalah ujian yang getir dan memeritkan. tapi, kena ia begitu memeritkan sehingga aku kadang-kadang tak mampu mengharunginya!

Nampak quote kat atas tu? Nak kata cantik, biasa je kan. Tapi kalau korang terus baca tutorial ni. Korang akan ubah blockquote korang yang putih bersih dan suci tu bertukar menjadi warna warni! Sehebat pelangi! Mari teruskan dengan pembelajaran kita hari ni ye!

Perkara pertama yang perlu dibuat ialah sila ikut arahan dan jangan memandai nak gatai tangan ubah tang tu, tang ni, tang depan, tan belakang! Just ikut arahan ni ye kawan-kawan!

1. Log in blogger!
2. Sila click design, diiukuti button edit hmtl.
3. Selepas itu korang akan nampak satu skrip html yang memeningkan! Jangan panik! 
4. Seterusnya ialah cari button tick "expand widget templates" 

Kebahagian yang lebih rumit ye kawan-kawan! Sekarang, dengan perasaan yang yakin, sila copy code dibawah ini dan seterusnya tekan ctrl+f. Masukkan code dibawah ini yang telah anda copy sebentar tadi!

]]></b:skin>

Selepas itu  masukkan pulak code dibawah ini diatas code yang korang dah cari tadi! Senang je! Letak betul-betul dekat bahagian atas code ]]></b:skin>

     blockquote {
    margin: 10px 10px 10px 20px;
    padding: 10px 15px 10px 15px;
    line-height: 1.6em;
    color: #000000;

    background: #e0ffff;

    border: 2px solid #4aa02c;
    border-left: 20px solid #4aa02c
    }

Dah selesai tu, korang boleh ubah warna font, warna borde, background ke ikut suka hati korang la nak ubah macam mana. Boleh refer sini untuk code warna yang menarik dan menawan! Untuk ubah warna font, background dan border, sila ikut petunjuk dibawah ini!

color: #000000; -> warna teks dalam kotak.
background: #e0ffff; -> warna background kotak.
border: 2px solid #4aa02c; -> warna border

Selamat mencuba, ada masalah sila hantarkan pertanyaan anda di formspring, facebook, atau twitter! Good luck!

*follow hakimfaridzul via twitter @hakimfaridzul*

12 Tutorial memasang post terkini dan komen terkini di sidebar.

Salam semua. Dah lama rasanya tidak berkongsi sesuatu yang bagus iaitu tutorial untuk memantapkan lagi blog kita bersama!  Mari saya tunjukkan sikit cara nak letak post terbaru korang dekat sidebar blog! Bagus untuk kita sebab boleh tunjuk kat readers 5 entri terbaru kita ni! Senang je nak buat! Mudah! Semudah A, B dan C!

macam kat atas ni, ada entri terbaru dan komentar terbaru!

Cara-cara memasang semua itu seperti dibawah ini :

1. Sila login ke akaun blogger korang .

2.Design > Page Elements > Add a Gadget > pilih Feed.

3.Masukkan url Feed.

Kalau nak buat ruangan entri terbaru, letak url feed macam ni :

http://www.hakimfaridzul.com/feeds/posts/default

* gantikan url blog ( www.hakimfaridzul.com dengan url blog korang sendiri)

4.Sila klik Continue dan Save

********************************************************

Kalau nak buat komen terbaru pulak. sila buat step 1 hingga ke tiga. Tapi, tukarkan url feed dia tu! Sila masukkan url feed begini ye kawan-kawan :

http://www.hakimfaridzul.com/feeds/comments/default

Sila gantikan url blog ( www.hakimfaridzul.com dengan url blog korang sendiri)

4. Klik Continue dan Save

P/s : selamat mencuba! Nanti bagi tau aku kalau berjaya ye! Ini dapat membantu mencantikkan dan juga menyerlahkan blog anda! Tak lupa juga untuk pertambahan page view. Huhuhuhu. Semoga berjaya! Nak apa-apa tutorial, sila tanye ye. Nanti aku try carikkan!

kredit kepada : www.kujie2.com

13 Tutorial naikkan traffik, google ranking dan search untuk blogspot.

Whoa. Salam semua. Ini merupakan entry yang tergendala lama. Ada masalah time aku nak update entry ni. Aku tergerak nak buat satu tutorial menaikkan Page Rank. Kalau korang nak blog korang beramah mesra dan selalu bergurau senda dengan google search atau yang seumpama, korang mesti letak code ni dalam html. Aku dah cuba dan menjadi. So far, aku dah cuba memasangkan code ni dekat 12 buah blog. Hak3. So, aku harap korang pun sama-sama dapat naikkan Page Rank masing-masing.

Page Rank menurut Dahlia Journal Page Rank (PR) ialah ialah satu syarat/terma yang digunakan oleh pihak Google bagi menentukan kepentingan atau populariti sesebuah halaman web atau blog. Semakin tinggi nilai PR maka semakin tinggilah ranking/kedudukan sesebuah web atau blog tersebut di dalam Google. Pihak Google biasanya membuat kemaskini bagi sesebuah PR laman web atau blog setiap 3 atau 4 bulan sekali.  Faham? Aku ni tak reti nak explain lebih detail sebab apa yang aku faham bukan korang senang faham.hahahaha

Masa aku pasang ni dulu, aku jumpa entri tutorial ni kat blog Puan Cantik iaitu blog www.rarcandyfloss.com. Aku cuba dan berjaya. So, aku nak korang pun cuba dan berjaya. Mungkin yang membaca blog aku tak kenal siapa Kak Rara kan? So, aku dah apply sikit kat sini ilmu yang dia ajar pada semua dengan olahan aku sikit! So, mari mencuba!

Langkah pertama - 1
Log in www.blogger.com dan pergi dashboard. Kemudian click pada Layout > Edit HTML. Tick "expand widget template".

Langkah kedua - 2

Gunakan CTRL+F dan search

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

Langkah ketiga - 3 

Tukar code diatas dengan code ini 

<b:if cond='data:blog.pageType == &quot;index&quot;'>

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

<b:else/>

<title><data:blog.pageName/> | <data:blog.title/></title>

</b:if>

Langkah keempat - 4

Klik save. Lepas tu, boleh klik pada mana-mana entri korang dan lihat bahawa tajuk korang kini berada didepan. Bukan dibelakang lagi!

Ok, now, boleh tengok contoh kat bah ni iaitu sebelum dan selepas memasang code ini! Terima kasih kepada cik Amalinutt sebab bagi pinjam blog untuk di godek!

Sebelum

kalau sebelum, tajuk blog didepan, baru tajuk entry di belakang!!!

Selepas

selepas letak code tu, tajuk korang akan berada di depan dan diikuti oleh nama blog!!!

Kesimpulannya, kalau korang nak main dengan SEO atau search engine, mestilah korang nak tajuk entri korang dijumpai kan? SO, kalau letak code ni, orang akan jumpa korangnye entry dulu baru jumpa nama blog. Kira, nama entry la dulu keluar. Code ni untuk mesrakan korang dengan SEO dan SERP.

Selamat mencuba, tak berjaya boleh email aku. Nanti aku godekkan!