Showing posts with label Blogger Tips And Trick. Show all posts
Showing posts with label Blogger Tips And Trick. Show all posts

Thursday, 26 April 2012

Tutorial Membuat Page 404 Untuk Blogger



404 atau laman tidak dijumpai adalah kod respon standard bagi HTTP yang menandakan bahawa server telah bertindak balas ke atas pelayan namun server tidak dapat mencari atau memproses permintaan pelayan.


Kebiasaanya sesebuah laman web akan menghasilkan laman 404 secara default apabila pengguna mengakses link yang tidak wujud dalam sesebuah lama sesawang.


Jadi di sini kita akan membuat page 404 yang akan direka sendiri untuk kegunaan blogger.


Langkahnya :


1. Pergi ke http://www.blogger.com/home

2. 

3.

4.

5.

6.

Copy & Paste HTML Ini Ke Dalam Box Seperti Gambar Di Atas.

<div class="LPM-404-box">
  <p style="line-height: 30px"><strong>
<font color="#ff0000" size="5">
Oops!
</font> <font color="#666666">
Looks like you either clicked a broken link or a Page that no more exits. Kindly do one of the followings:
</font></strong></p>
  <ol style="line-height: 25px"> 
    <li><a href="javascript:history.go(-1)">&#171; Go Back</a> </li>
    <li>Report the Problem to us by <a href="http://komputer-milikku.blogspot.com/">Clicking Here</a>&#160;&#160;&#160; (<em>This will help us serve you even better</em>) </li>
    <li>Go To Homepage by <a href="http://komputer-milikku.blogspot.com/">Clicking Here</a>
      <br/></li> 
  </ol>
  <p> 
    <br/>
    <br/>
    <br/></p>
  <p align="center"><font color="#0080ff" style="font-size: 150px"><strong>404</strong></font></p>
  <p>&#160;</p>
  <p align="center"/>
  <p align="center"><font size="5">Page Not Found!</font></p> 
</div>


Nota Penting :

6.1. Anda boleh mengubah ayat dengan bold biru mengikut kesesuaian anda.

6.2. Tukar http://komputer-milikku.blogspot.com/ kepada link yang anda perlukan untuk pengguna membuat aduan.

6.3. Tukar http://komputer-milikku.blogspot.com/ kepada link blog anda.


7. Tekan butang SAVE CHANGES dan anda sudah separuh selesai.

8. Sekarang pergi ke TEMPLATES dan tekan butang EDIT HTML.


9. Tekan butang keyboard CTRL + F dan cari perkataan ]]></b:skin>


10. Setelah itu tambah kod HTML ini dibawah perkataan ]]></b:skin> tadi.

<b:if cond='data:blog.pageType == &quot;error_page&quot;'> 
<style type='text/css'> 
.status-msg-wrap { 
    font-size: 100%; 
    margin: none; 
    position: static; 
    width: 100%; 
.status-msg-border { 
    display:none 
.status-msg-body { 
    padding: none; 
    position: static; 
    text-align: inherit; 
    width: 100%; 
    z-index: auto; 
.status-msg-wrap a { 
    padding: none; 
    text-decoration: inherit; 
}
.LPM-404-box { 
  background:#FFFFFF
  width:98%; 
  margin:10px 0px; 
  padding:20px 10px; 
  border:1px solid #ddd; 
  -moz-border-radius:6px; 
  -webkit-border-radius:6px; 
  border-radius:6px; 
  box-shadow: 5px 5px 5px #CCCCCC; 
</style> 
</b:if>

11. Untuk mengubah warna background sila ubah kod warna #FFFFFF

12. Tekan butang SAVE TEMPLATE dan CLOSE.

Sekarang cuba buka link blog anda yang tidak wujud contohnya :

http://komputer-milikku.blogspot.com/lalala

SELAMAT MENCUBA

Thursday, 26 January 2012

Cara Membuat QueryLoader (LazyLoad) Untuk Blog

Ini adalah jawapan bagi mereka yang menanyakan bagaimana untuk membuat loading page di halaman utama seperti yang anda dapat lihat apabila melawat blog saya ini.

Untuk membuat page loading itu saya menggunakan kod java + css yang dipanggil sebagai QueryLoader atau lebih dikenali sebagai LazyLoad.




QueryLoader adalah skrin hitam kosong (boleh diubah) yang meliputi blog anda dan semua kandungan yang dimuatkan, yang bermaksud bahawa pelawat-pelawat anda tidak akan melihat beban sebenar blog anda, bukan itu, mereka akan melihat halaman yang dimuatkan dengan bar dan peratusan beban blog keseluruhan, ia dibina menggunakan j-query dan css. mudah untuk digunakan ke dalam blog blogger anda, dan dapat diubahsuai dengan mudah.



Langkah Pertama : Memasukkan File Java Script


Masuk ke Dashboard >> Design >> Edit HTML dan cari code di bawah


</head>


Masukkan kod di bawah sebelum kod </head>



<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
<script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/> 

Langkah Kedua : Memasukkan Kod Java

Pada halaman yang sama cari kod di bawah

</body>

Masukkan kod di bawah sebelum kod </body>

<script>
QueryLoader.selectorPreload = &quot;body&quot;;
QueryLoader.init();
</script>

Langkah Ketiga : Memasukkan Kod CSS

Pada halaman yang sama cari kod di bawah

]]></b:skin>

Masukkan kod di bawah sebelum kod ]]></b:skin>

.QOverlay {
background-color: #000000;
z-index: 9999;
}

.QLoader {
background-color: #CCCCCC;
height: 1px;
}

.QAmt {
color:#FF530D;
font-size:50px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;
}

Langkah Terakhir : Tekan butang "preview" untuk memastikan tiada kod error, jika tiada tekan butang "save template"


Sekiranya anda ingin mengubah kod warna sila runjuk gambar di bawah untuk penerangan mengenai kegunaan bagi setiap kod warna.


CREDIT TO : gayadesign.com

Saturday, 19 November 2011

Scan QRCode Dalam Website Secara Terus

Assalammualaikum dan selamat sejahtera,

Sebelum ini saya ada post "Cara Membuat QRCode Blog Anda" & "Cara Menterjemahkan Mesej Di Sebalik Gambar QRCode". Kali ini saya akan berkongsi dengan anda cara untuk kita "Scan QRCode Dalam Website Secara Terus".

Sunday, 30 October 2011

Cara Membuat QRCode Blog Anda

Bagi telefon pintar (smartphones) adalah kurang ramah pengguna dalam penggunaan sms dan navigasi laman web. Oleh itu QRCode atau Quick Response Code digunakan oleh kebanyakkan telefon pintar (smartphones) untuk memudahkan capaian ke laman web.



Monday, 11 July 2011

Masalah Kotak Follower Hilang

Semalam atau dalam bahasa orang sabah kelmarin yang merujuk kepada semalam yang juga membawa maksud hari sebelum hari ini...*nada kegugupan* Ramai antara blogger yang mengalami masalah kotak follower main sembunyi-sembunyi atau kata lain main tapuk-tapuk... Apa sebenarnya yang terjadi? Macam biskut kan, kejap ada kejap lagi takda...mesti ada yang dah geram dan siap cakap....

Monday, 27 June 2011

Cara Mudah Menarik Pembaca Meletakkan Komen

Sebenarnya isu ini sudah lapuk, namun apa salahnya untuk dibuka semula untuk rujukan blogger baru yang terjun dalam dunia blog ini. Banyak antara kita yang menggunakan WORD VERIFICATION untuk mengelakkan komen SPAM.


Thursday, 23 June 2011

Cara Dapatkan BackLink Dengan Mudah

Semua orang tahu bahawa "backlink" ni penting untuk setiap websites. Backlink ni sebenarnya untuk memudahkan enjin carian seperti Google dan Yahoo untuk mengindeks websites kita supaya berada di ranking tertinggi untuk sesebuah enjin carian tersebut..Lagi banyak backlink yang kita perolehi, maka lagi tinggi lah ranking websites / blog kita tu mudah-mudahan lah.Selain dari itu,backlink juga mampu untuk memberikan traffic dan page rank yang berkualiti kepada websites/blog kita itu seperti websites Facebook dan Youtube yang memang korang kenal.Tapi apakah korang tau macam mana nak dapatkan backlink yang berkualiti tapi dengan cara mudah?? Ada caranya,walaupun dah ada blogger yang dah pun menggunakan teknik ni, tapi tak salah kan cuba lagi.So,jom kita mencubanya.

Friday, 17 June 2011

Blog Diserang Malware

Tanpa kita sedar, tengah seronok sangat add gadget dan ubah sana sini template blog kita. Kita sebenarnya telah terdedah kepada ancaman malware. Saya dah pernah jumpa beberapa blog yang sudah terkena malware, tak dapat nak list sini sebab tak ingat dah nama blog tu.

Jadi camne nak detect blog korang dijangkiti malware atau tidak? Korang scan blog korang dengan menggunakan salah satu di antara 3 online scanner di bawah ne... <-Sila Klik Gambar->