Sejarah Blog

Sejarah Blog Sejarah Blog

Cara buat Blog

Cara buat Blog Cara buat Blog

Belajar Network

Belajar Network Belajar Network

Tutorial BaikiPC

Tutorial BaikiPC Tutorial BaikiPC
Artikel Terkini

Test PHP kod

Posted by Syamsul on Selasa, 1 September 2009 , under | ulasan (0)




"blog mudah untuk semua"

Papar KOD dengan betul dalam Blog

Posted by Syamsul on Jumaat, 28 Ogos 2009 , under | ulasan (0)



Bagaimana untuk buat paparan KOD dalam blog?
Pertamanya, anda perlu tambah kod ini dalam HTML Layout Blogger, di bawah <HEAD>:





* Kalau rasa Kod Bahasa yang anda guna tak boleh dipapar dengan betul, tambahkan kod shBrush yang betul. Rujuk http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes

OK, dah buat... lepas tu? OK, selepas tu untuk setiap kod yang nak dipaparkan dalam Blog mulakan dengan tag <PRE> dan tutup dengan </PRE class="brush: js">:
/* Your code goes here */

Dalam versi baru SyntaxHighLighter, tanda anak-panah-ke-bawah telah disediakan: menandakan kod di bawah adalah sambungan dari kod sebelumnya yang terlalu panjang. Masukkan kod ini selepas CDATA dan sebelum </HEAD>
.syntaxhighlighter .line .content .block
{
background: none !important;
}

Dirujuk dari :
  • http://alexgorbatchev.com/wiki/SyntaxHighlighter
  • http://techqi.blogspot.com/2009/02/how-to-display-code-nicely-in-blogger.html

Cara Naikkan Rank website

Posted by Syamsul on Jumaat, 3 Julai 2009 , under | ulasan (2)



Artikel ini saya petik dari http://hassaidi.com. T.kasih... Page rank biasanya di ukur oleh google atau alexa. Google akan menampilkan scala 1-10 untuk menentukan tingkat page rank dari suatu halaman, semakin tinggi page rank-nya maka semakin berkualitas halaman website tersebut. Sementara Alexa menampilkan page rank dengan scala 1-20.000.000 an. yang mana semakin kecil page rank suatu webiste maka semakin tinggi kualitas website tersebut.

So, bagaimana cara untuk menjadikan website kita berkualiti di mata SE..

Teknik PR 1:

Meletakkan website kita ke Direktori-direktori yang terdapat di internet. Menambahkan Direktori website ini hanya perlu kita lakukan sekali saja untuk setiap blog/situs kita. Antara direktori yang biasa di gunakan:

http://Technorati.com http://blogcatalog.com http://www.bloghop.com http://www.lsblogs.com/ http://www.blogtoplist.com http://boingboing.net http://www.globeofblogs.com/ http://www.bloggapedia.com http://www.blogdigger.com http://www.zimbio.com http://www.blogged.com/ http://www.feedage.com

Pada part kedua ini, saya rasa anda semua pasti mengetahui caranya.. Cukup simple.. Hanya menambahkan blog anda ke website yg lain, saya yakin anda tidak asing lagi dengan website seperti google, yahoo, dsb. Ada banyak sekali search engine yang dapat kita gunakan untuk menambahkan url kita, diantaranya adalah :

http://www.google.com.au/addurl/?continue=/addurl http://www.netsearchaustralia.com/axandra_form/axandra_url.htm http://search.live.com/docs/submit.aspx?FORM=WSDD

ho3.. Ini hanya contoh.. Anda boleh mendapatkan list yg lengkap dengan mendownload link di bawah.. Tahu berapa banyak yang telah saya list?? Lebih kurang 150 list.. Saya kasi percuma untuk anda semua.

<download disini>

Dan tidak lupa juga laman-laman social bookmark seperti digg.com, technorati, dan lain2.. Saya rasa, list bagi laman web social ini anda boleh ketahuinya. Kerana ia banyak terdapat di Internet..

"blog mudah untuk semua"

Bina Skin/template Blog Sendiri?

Posted by Syamsul on Isnin, 22 Jun 2009 , under | ulasan (0)



Anda berminat untuk membina template (design latar blog la...) sendiri? Kebetulan pula aku dok belek2 internet, terjumpa satu website BAIK... punya! http://www.bloggerbuster.com/ ni dibangunkan oleh seorang minah bernama " Amanda Fazani". Mmg class la... Banyak benda korang boleh dapat dari sini:
  • Template-template percuma (lawa2 tu)
  • Panduan bangunkan Blog yang baik
  • dan memacam lagi la....
Rugi kalu korang tak cuba lawat! :D Tapi yg paling menarik perhatian aku ialah e-book panduan buat template (Skin) sendiri. Mmg class abis La!!! Klik di sini (atau pada gambar) untuk download e-Book percuma ni:http://bloggerbuster.com/ebooks/CGCBT.pdf Antara yg ada dalam e-Book ni:
  • New examples of template customizations
  • An entire chapter about customizing stretch (fluid) templates
  • How to use buttons, banners and images
  • Many useful resources for template customization
  • An optional download folder containing all of the templates and images used in the eBook
Oh...Ya! Bahasa Inggeris la tapi :)) Belajau2, jangan tak belajau!
Dipetik dari http://baikipc.blogspot.com
"blog mudah untuk semua"

Pendekkan Paparan Blog - "Baca Seterusnya"

Posted by Syamsul on , under | ulasan (3)



Pernah rasa tak Artikel atau blog yang dipaparkan tu panjang sangat? Apa kata kita hack sikit blogger supaya singkatkan sikit artikel tu...

Sebenarnya ada banyak projek hack yang boleh kita guna. Tapi untuk kali ni, jom kita tengok hack "Baca Seterusnya..." untuk pendekkan paparan artikel :P
Caranya:
  1. Login ke dalam akaun blogspot anda di: http://www.blogger.com/.
  2. Pada Dashboard , klik Layout untuk ubahsuai cara paparan blog.
  3. Klik pada Edit HTML dan mula hack kod blog anda.
  4. Sebelum anda rosakkan blog anda, apa kata simpan backup blog anda tu dulu ... Klik Download Full Template ... dan simpan backup di dalam komputer anda.
  5. Selepas tu, tandakan Expand Widget Templates untuk memulakan operasi hack!
  6. Cari kod <data:post.body/>. Untuk mudahkan pencarian, tekan kekunci 'Ctrl+F'. Anda sepatutnya jumpa kod ini: <div class='post-header-line-1'/><div class='post-body entry-content'> <data:post.body/><div style='clear: both;'/>
  7. Masukkan kod di bawah ini sebelum kod <data:post.body/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><style>.fullpost{display:inline;}</style><p><data:post.body/></p><b:else/><style>.fullpost{display:none;}</style>
  8. Anda sepatutnya mendapat hasil seperti berikut:
    <div class='post-header-line-1'/><div class='post-body entry-content'> <b:if cond='data:blog.pageType == &quot;item&quot;'><style>.fullpost{display:inline;}</style><p><data:post.body/></p><b:else/><style>.fullpost{display:none;}</style> <data:post.body/>
  9. Kemudian, tambahkan kod berikut di bawah kod tadi
    <b:if cond='data:blog.pageType != &quot;item&quot;'><br/> <a expr:href='data:post.url'>Baca Seterusnya...</a> </b:if> </b:if>
  10. Anda seharusnya mendapat hasil seperti berikut
    <div class='post-header-line-1'/><div class='post-body entry-content'> <b:if cond='data:blog.pageType == &quot;item&quot;'><style>.fullpost{display:inline;}</style><p><data:post.body/></p><b:else/><style>.fullpost{display:none;}</style> <data:post.body/> <b:if cond='data:blog.pageType != &quot;item&quot;'><br/> <a expr:href='data:post.url'>Baca Seterusnya...</a> </b:if> </b:if> <div style='clear: both;'/>
  11. Setelah selesai, klik Save Template untuk simpan hack tadi...
  12. Selepas berjaya simpan, klik Settings > Formating > Post Template dan masukkan kod berikut:
    <span class="fullpost"> </span>
    Anda akan melihat skrin seperti berikut
  13. Untuk menghasilkan Artikel (blog) yang menggunakan fungsi ini, masukkan teks dan gambar sebelum <span class="fullpost"> dan baki yang lainnya selepas itu. Pastikan artikel anda ditutup dengan </span> seperti berikut
  14. Simpan kerja anda dan lihat hasilnya.
Jika anda dapat melihat seperti di atas, tahniah! Anda telah berjaya :P

Bagaimana Buat Blog?

Posted by Syamsul on Rabu, 10 Jun 2009 , under | ulasan (1)



Sebenarnya ada 2 portal blog yang popular kat dunia: Wordpress dan Blogspot. Sape yang suka mudah... atau ada duit untuk 'hosting' sendiri, baik pilih Wordpress. Tapi bagi mereka yang suka benda murah (percuma) dan boleh buat (hack) macam-macam, baik pilih Blogspot (www.blogger.com). Ikuti tutorial video di bawah untuk membina akaun Blogspot anda sendiri. Video kat bawah ni pulak adalah penerangan ringkas tentang fungsi dan bagaimana Blog berfungsi: OK. Ikuti langkah-langkah di bawah untuk membina akaun blog Blogger:

  1. Buka alamat http://www.blogger.com/ menggunakan pelayar web anda. Klik Create A Blog untuk mula membina blog.
  2. Daftarkan diri anda dengan memasukkan alamat email, katalaluan (sekurang-kurangnya 8 aksara), dan teks pengesahan.
  3. Masukkan tajuk dan alamat pilihan bagi blog anda. Pastikan tajuk dan alamat ini sesuai dengan apa yang anda hendak anda tampilkan dalam blog anda. Bagi memastikan alamat yang anda pilih masih ada (belum digunakan oleh orang lain), klik Verify. Setelah pasti tidak digunakan, klik Continue.
  4. Pilih Template (tema blog) yang sesuai bagi blog anda dan klik Continue.
  5. Klik Start Blogging untuk mula Blog!
  6. Masukkan tajuk artikel, teks artikel dan format teks, gambar yang sesuai; Dan jika sudah selesai, klik Publish untuk terbitkan artikel atau Save Now untuk simpan artikel anda.
  7. Jika anda klik butang Insert Picture, klik butang Browse untuk mula mencari gambar yang ingin anda kepil bersama artikel dan klik Open.
  8. Pilih kedudukan paparan gambar pada ruang Choose a layout (left, center, right) dan saiz gambar anda (small, medium, large). Setelah selesai, klik Upload Image.
  9. Berikut adalah paparan gambar sedang di-upload.
  10. Setelah anda berpuas hati, klik Done.
  11. Klik Publish.
  12. Paparan berikut akan dipaparkan jika artikel berjaya diterbitkan. Klik View Blog untuk melihat blog anda.
  13. Tahniah! Blog anda berjaya dibina!
"blog mudah untuk semua"

Bagaimana Blog BlogHacked di Bina?

Posted by Syamsul on Selasa, 2 Jun 2009 , under | ulasan (1)



Blog Bloghacked ini dibina dengan tujuan untuk berkongsi ilmu dan pengalaman berkenaan teknologi Blog. Tiada yang istimewa, hanya sekadar berkongsi.

Saya telah memilih tema (template) "Falkner Press" atas beberapa sebab tersendiri.
Sekiranya anda berminat untuk mengetahui dengan lebih lanjut bagaimana untuk mendapatkan template ini dan mengubahsuainya, KLIK DI SINI.
"blog mudah untuk semua"