Minggu, 31 Oktober 2010

Render Blogger in IE using+Google Chrome Frame

Google Chrome Frame is an open source plug-in that seamlessly brings Google Chrome's open web technologies and speedy JavaScript engine to Internet Explorer. Older versions of IE doesn’t support the latest web technologies like HTML5 and CSS3. With Chrome Frame, all these new Technologies will be supported.


How can i Render my Blogger Blog using the Chrome Frame?

1. Log in to your Blogger account

2. Go to Design > Edit HTML tab.

3. Look for <head> and immediately below it paste the following line of code.

            <meta http-equiv='X-UA-Compatible' content='chrome=1'/> 

4. Save the TemplateNow if anyone visits your Blog using Internet Explorer and if he/she has already installed the Google Chrome Frame on his/her PC, then your Blog will be rendered using GCFAdvantages of adding this one line code

1. Better and Faster Rendering (if GCF is installed on the visitors PC)

2. Normal rendering (if GCF is not installed) – No the user won’t be prompted to install the Chrome Frame(unless you add some extra scripts to do that).How can i prompt the visitor to install the Chrome Frame?If you want, you can prompt IE users( who have not installed GCF) to install GCF. This is optional . To prompt users, Follow these steps.

1. Once again Login to your Blogger Account
2. Go to Design > Edit HTML
3. Look for </head> and just above that add the following code snippet


<!--[if IE]> 
<style type='text/css'>
                 .chromeFrameOverlayContent{top:10px;margin-top:10px;} 
    /* 
       CSS rules to use for styling the overlay: 
       .chromeFrameOverlayContent iframe 
       .chromeFrameOverlayCloseBar 
       .chromeFrameOverlayUnderlay 
       */  
</style> 
<script>
//<![CDATA[ 
// The conditional statement ensures that this code will only execute in IE,
// Therefore we can use the IE-specific attachEvent without worry
window.attachEvent("onload", function(){ 
CFInstall.check({ 
mode: "overlay" 
});
}); 
//]]> 
</script>
<![endif]--> 



4. Save the Template. Now the IE user will be prompted to install the Chrome Frame(if he hasn’t got it already). This prompt will appear only once(stored in cookie).

Sabtu, 30 Oktober 2010

Add Blogger Sitemap Into Google+Yahoo+Bing Search

To getting crawled on Google search engine result we need to add our blog site map to Google directory. But, since blogger not allowed us to create text file or anything else, we need to add our blog feeds/ site feeds (ATOM xml / RSS xml) file as our site map. But before we talk for further method, please ensure that you have add Google meta tag on your blog. You can get it in your Google Webmaster account. If you have set up your blog into your Google Webmaster account just set up first by adding your site into "Add Site" box and get verified by adding meta tag into your blogger template, and verify this.You can read the detail information about adding meta tag script and placement from your Google Webmaster account.
Next step after you verify meta tag, time to add your blog site map. Just click your blog on "Dashboard" of your Google Webmaster account, select "Sitemaps" on the left side. Add your blogger sitemap with this site map type after your blog url on blank box and click "Submit Sitemap" button :

atom.xml
rss.xml
atom.xml?redirect=false
atom.xml?redirect=false&start-index=1&max-results=100
atom.xml?redirect=false&start-index=101&max-results=100
atom.xml?redirect=false&start-index=201&max-results=100
feeds/posts/default
feeds/posts/default?max-results=1000
feeds/posts/full

The full sitemap of your blog will be like this :

http://YOURBLOG.BLOGSPOT.COM/atom.xml
http://YOURBLOG.BLOGSPOT.COM/rss.xml
http://YOURBLOG.BLOGSPOT.COM/atom.xml?redirect=false
http://YOURBLOG.BLOGSPOT.COM/atom.xml?redirect=false&start-index=1&max-results=100
http://YOURBLOG.BLOGSPOT.COM/atom.xml?redirect=false&start-index=101&max-results=100
http://YOURBLOG.BLOGSPOT.COM/atom.xml?redirect=false&start-index=201&max-results=100
http://YOURBLOG.BLOGSPOT.COM/feeds/posts/default
http://YOURBLOG.BLOGSPOT.COM/feeds/posts/default?max-results=1000
http://YOURBLOG.BLOGSPOT.COM/feeds/posts/full

You can add that type for your site map, but my experience after add my own site map, i have error result when i add this type of site map :

rss.xml
atom.xml
feeds/posts/default?max-results=1000
feeds/posts/default

And for the rest of site map type its work for me :)

Selasa, 19 Oktober 2010

Default password utk Modem+TMNet

Ni aku kasi korang username dan password serta IP address utk tmnut punya modem... bleh jdi panduan korang setting.



1. ZTE modem
* IP Address: 192.168.1.1
* Username: ADSL
Password: expert03
* Username: ZXDSL
Password: ZXDSL
* Username: admin
Password: telekomst

2. KASDA modem:
* IP Address: 192.168.1.1
* Username: admin
Password: telekomst
3. ArtNet modem:
* IP Address: 192.168.1.1
* Username: admin
Password: telekomst
* Username: admin
Password: admin
* Username: admin
Password: password

4. Triz modem:
* IP Address: 192.168.1.1
* Username: admin
Password: aaaaaaaa

5. Aztech modem:
* IP Address: 10.0.0.2 OR 192.168.1.1
* Username: admin
Password: blank
* Username: admin
Password: password
* Username: admin
Password: admin

6. Billion modem:
* IP Address: 192.168.1.254
* Username: admin
Password: password

7. Huawei modem:
* IP Address: 192.168.1.1
* Username: admin
Password: admin

8. Hyundai HSE-220 Modem:
* IP Address: 192.168.1.1
* Username: ADSL
Password: ADSL
* Username: admin
Password: ADSL
* Username: root
Password: root

9. Riger DB102:
* IP Address: 192.168.1.1
* Username: tmadmin
Password: tmadmin

10. TP-LINK MODEM / ADSL2 / ROUTER:
* IP Address: 192.168.1.1
* Username: admin
Password: admin

11. Refer Portforward.com utk lain² modem

Minggu, 17 Oktober 2010

Klon Facebook Dari Pakistan +Facebook Untuk Orang Islam

Bermula 19 Mei lalu, Mahkamah Pakistan telah mengharamkan Facebook di Pakistan sehingga 31 Mei sebagai bantahan kepada satu page di Facebook iaitu “Everybody Draw Mohammed Day” atau dalam bahasa Melayunya Hari Melukis Nabi Muhammad. Aktiviti yang diadakan pada 20 Mei lalu di Facebook telah menimbulkan kemarahan penduduk Islam di seluruh dunia kerana menghina Islam dan Nabi Muhammad.
Jika Mark Zuckerberg boleh berbangga dengan kejayaan laman sosial Facebook ciptaannya, Omer Zaheer Meer juga bakal menjejaki langkah Mark dengan penciptaan laman Facebook Islam iaitu MillatFacebook. MillatFacebook hampir menyerupai Facebook dari segi designnya, namun itu bukanlah persoalannya. Mungkin MillatFacebook ini sebagai laman sosial alternatif untuk umat Islam dan memboikot Facebook. Tidak mustahil dengan kehadiran MillatFacebook ini mampu memberi impak kepada Facebook. Sama-sama kita nantikan. Jika anda berminat, bolehlah mendaftarkan diri di MillatFacebook: http://www.millatfacebook.com/.
“MillatFacebook helps you connect and share with more than 1.57 Billion Muslims and Sweet people from other Religions.”
MillatFacebook dengan singkatan MFB, seperti juga FB bagi Facebook, pengasasnya berkata, pakar IT kini berusaha memasukkan ciri-ciri lain ke dalamnya bagi mencabar pesaing dari California itu. Setiap ahli memiliki ‘Wall’ untuk ulasan sahabat selain mengandungi kemudahan emel, foto, video, ruang sembang dan perbincangan. Perkataan ‘Millat’ adalah bahasa Urdu yang biasa digunakan untuk merujuk kepada negara.
Keburukan penggunaan Facebook ialah dari segi privasi. Facebook sesuka hati mendedahkan maklumat peribadi pengguna seperti nama, umur, tempat tinggal dan pekerjaan kepada advertisers (pengiklan-pengiklan). Facebook juga banyak meraih keuntungan melalui iklan-iklan di Facebook. Jika tidak mahu duit dilaburkan kepada pihak Yahudi, sama-sama lah kita sokong MillatFacebook yang dicipta bagi memenuhi keperluan sosial orang Islam terutamanya di Pakistan.
Facebook lebih banyak mendatangkan keburukan berbanding kebaikan jika disalahgunakan. Saya sendiri dah join MillatFacebook. Boleh tahan la, lebih kurang macam Facebook je. Sekarang ni, MillatFacebook sedang upgrade server kerana penggunanya kini mencecah 90,000 orang dalam masa beberapa hari je!

Melajukan Utorrent:100kbps dan lebih


speed-up-utorrent
Satu lg cara melajukan utorrent secara optimum yang hanya mengambil masa 5 minit bagi settingnya. Gambar di atas adaah adalah kesan dari setting yang optimum yang telah dibuat pada utorrent (menggunakan versi 1.9 beta!)
Amaran keras: Setting utorrent ini boleh memberi kesan kepada penggunaan CPU dan memory oleh utorrent yang lebih aggresive berbanding sebelumnya, dalam maksud lain, cpu dan memory akan lebih kerap digunakan oleh utorrent berbanding sebelumnya. Penggunaan bandwitdh yang banyak untuk download juga akan menyebabkan sedikit ganguan untuk aktiviti web browsing (melayari web). Jadi kalau setting yang dilakukan menyebabkan BSOD “blue screen of death” pada windows, rendahkan sedikit nilai tetapan utorrent. Dinasihatkan penggemar download p2p, utorrent dan share-a-like software menggunakan peerguardian bagi melindungi diri sendiri dari penyamaran pihak ke 3. Mengenai peerguardian ada dibawah …
So, ready to take the heat? Lets get started …
1) Pastikan half-patch open pada windows XP SP 2 dan SP 3 telah dibuat, sebolehnya half-open port melebihi dari nilai 300 < x < 600 .. Penting! Cara untuk membuat patch half-open pada windows terdapat dari link di hujung artikel ini…
2) Port mapping / forwarding pada router pada port yang telah ditetapkan dari utorrent. Cara membuat portforwarding terdapat di hujung artikel ini.


3) Lihat gambar disebelah (click untuk lebih besar). Setkan utorrent seperti gambar disebelah:
  • maximum numbers connection per torrent: 500
  • global maximum numbers of connection : 500 x jumlah torrent yang aktive.
  • number of upload slot per torrent: 8
                                                                                                                                                                                                                          

**Setting ini membolehkan sebanyak 500 sambungan dari seeder dan leecher lain untuk satu torrent. Tetapan asal utorrent untuk nilai ini adalah rendah yang menyebabkan penggunaan utorrent tidak optima. Nilai patch half-open sepatutnya lebih tinggi dari nilai maximum numbers connection per torrent. Restart modem dan pc selesai set nilai utorrent baru dan cuba lihat kesan setting tersebut.





4) Gunakan encryption protokol sekiranya perlu, hanya jika setting diatas tidak memberi kesan, dan cuba lihat kesannya selepas restart applikasi utorrent dan modem.
Selepas melakukan setting di atas, lihat kesan2 perubahan pada graf kelajuan download dan upload utorrent. Sekiranya ianya berkesan, tahniah. Kalau sebaliknya, semak semula setting2 utorrent dan sebolehnya uninstall dahulu dan reinstall utorrent, dan pastikan tips2 melajukan utorrent yang di tulis sebelum ini telah dibaca dan dilakukan.
Bagi yang telah install peerguardian, lihat log allowed connection. Semestinya log tersebut cukup banyak di sebabkan sambungan peer dan seeder oleh utorrent meningkat dan setiap satu saat berkemungkinan terdapat hampir 30-40 connection download dan upload yang berlaku. Kesan dari sambungan yang terlalu banyak boleh menyebabkan windows instability (windows tak stable) yang akhirnya menyebabkan BSOD “Blue Screen Of Death” – skrin biru yang mati -. Kalau terjadi BSOD, restart pc dan rendahkan sedikit sambungan per torrent dan terus experiment dengan nilai tetapan sendiri.

Jumat, 15 Oktober 2010

The Mez Acrobatic

Sebelumnya telah ditulis bagaimana cara melakukan magic agar The Mez Template menjadi The Mez Lefty alias sidebar kiri. Kini kita coba melakukan magic yang lainnya yaitu mengubah The Mez template menjadi The Mez Acrobatic.

Yang dimaksud The Mez acrobatic disini adalah apabila pada homepage posisi sidebar berada disebelah kanan, maka pada posisi single page posisi sidebar akan berubah menjadi disebelah kiri. Atau sebaliknya, apabila pada homepage posisi sidebar berada disebelah kiri, maka pada posisi single page posisi sidebar akan berubah menjadi disebelah kanan.

the mez acrobatic

Yang suka tampilan akrobatik, berikut adalah langkah-langkah menjadikan The Mez Template menjadi The Mez Acrobatic.

 

  1. Login ke blogger dengan ID anda.
  2. Klik Rancangan.

    Rancangan template

  3. Klik tab Edit HTML.

    edit HTML

  4. Lakukan backup terlebih dahulu untuk mejadi kemungkinan buruk apabila terjadi kesalahan ketika mengedit template. Klik link Download Template Lengkap.

    download template lengkap

  5. Carilah kode brikut  ]]></b:skin>

  6. Copy lalu paste kode berikut persis di bawah kode ]]></b:skin>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type='text/css'>
    #main-wrapper{float:right}
    #sidebar-wrapper{float:left}
    </style>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <style type='text/css'>
    #main-wrapper{float:right}
    #sidebar-wrapper{float:left}
    </style>
    </b:if>





  7. Klik tombol SIMPAN TEMPLATE.


  8. Daaaaann…. abah katabrakkk ……..


  9. Selesai. Kini blog anda bisa tampil akrobatik.


Langkah diatas adalah untuk posisi homepage dengan sidebar kanan dan single page menjadi terbalik menjadi sidebar kiri.



      Untuk posisi sebaliknya yaitu homepage sidebar kiri dan single page sidebar kanan, anda tinggal mengganti kode left menjadi right atau right menjadi left.



      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <style type='text/css'>
      #main-wrapper{float:left}
      #sidebar-wrapper{float:right}
      </style>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <style type='text/css'>
      #main-wrapper{float:left}
      #sidebar-wrapper{float:right}
      </style>
      </b:if>




      Sepertinya serial dokumentasi The Mez Template berakhir pada postingan ini. Jika ada permasalahan yang lain, mungkin akan di bahas pada postingan dilain waktu.




    Cara Letak Iklan di Setiap Post+ Nuffnang Malaysia

    Untuk memasang Iklan advertlets atau nufnang yang bersaiz 336px x 280px (Large Rectangle) pada setiap posting seperti yang boleh anda lihat pada postting dibawah ini, sila ikut beberapa langkah di bawah.muadah je..

    Langkah 1

    Log in blog => Dashboard => Edit HTML. Seterusnya tick pada kotak Expand Widget Tempaltes.

    Langkah 2

    Dengan menggunakan keyboard, tekan Ctrl+F dan taip atau paste kod <data:post.body/> pada kotak Find. Seterusnya, tekan Enter.

    Langkah 3

    Salin kod Iklan Nuffnang anda yang bersaiz 336px x 280px (Large Rectangle) di bawah kod <data:post.body/> (rujuk langkah 2)


    Contoh:

    <data:post.body/>
    <center><!-- nuffnang -->
    <script type="text/javascript">
    nuffnang_bid = "000000000000000000000000000000";
    </script>
    <script type="text/javascript" src="http://synad2.nuffnang.com.my/j.js"></script>
    <!-- nuffnang--></center>

    p/s: Kod  <center> dan </center> bertujuan untuk meletakkan iklan Nuffnang berada di tengah-tengah post.Link merah tukar link iklan kamu.mudah je..

    Akhir sekali klik Preview dan jika tiada mesej Error yang terpapar, klik saja Save.

    The Mez Lefty Template

    Secara default, The mez template di rancang mempunyai sidebar berada disebelah kanan, lalu bagaimana apabila anda adalah pecinta sidebar kiri? anda dapat melakukan sedikit magic sehingga the mez template bisa menjadi The Mez Lefty Template.

    the mez lefty template

    Ingin tahu caranya? ikuti langkah-langkah berikut :

    1. Login ke blogger dengan ID anda.
    2. Klik Rancangan.

      Rancangan template

    3. Klik tab Edit HTML.

      edit HTML

    4. Lakukan backup terlebih dahulu untuk mejadi kemungkinan buruk apabila terjadi kesalahan ketika mengedit template. Klik link Download Template Lengkap.

      download template lengkap

    5. Carilah kode brikut :

      /* Main containers */
      #outer-wrapper{width: 945px;margin:0 auto;padding:0px;text-align:left;font: normal normal 97% verdana, sans-serif;}
      #main-wrapper{width: 630px;float: left;word-wrap: break-word;overflow: hidden;}
      #sidebar-wrapper {width: 300px;float: right;word-wrap: break-word;overflow: hidden;}

    6. Gantilah tulisan left menjadi right, dan sebaliknya tulisan right menjadi left. Sehingga kodenya menjadi seperti ini :

      /* Main containers */
      #outer-wrapper{width: 945px;margin:0 auto;padding:0px;text-align:left;font: normal normal 97% verdana, sans-serif;}
      #main-wrapper{width: 630px;float: right;word-wrap: break-word;overflow: hidden;}
      #sidebar-wrapper {width: 300px;float: left;word-wrap: break-word;overflow: hidden;}

    7. Klik tombol SIMPAN TEMPLATE.
    8. Daaaaann…. abah katabrak……..
    9. Selesai. Kini sidebar akan berada disebelah kiri.
      Ingin tahu magic lain yang bisa di lakukan terhadap The Mez Template, tunggu saja beberapa menit lagi Winking

    Edit Link Follow Us Di The Mez Template

    Salah satu hal menarik dalam the mez template adalah icon Follow us yang menggunakan teknik CSS sprite. Secara default, alamat link yang tercantum disana adalah milik kang Rohman, oleh karenanya anda perlu mengedit link-link tersebut dengan milik anda sendiri.

    Bagi anda yang menggunakan the mez template namun masih merasa bingung dalam mengedit link follow Us tersebut, berikut cara-caranya :

     

    1. Login ke blogger dengan ID anda.
    2. Klik Rancangan.

      Rancangan template

    3. Klik tab Edit HTML.

      edit HTML

    4. Lakukan backup terlebih dahulu untuk mejadi kemungkinan buruk apabila terjadi kesalahan ketika mengedit template. Klik link Download Template Lengkap.

      download template lengkap

    5. Beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget.

      expand template widget

    6. Carilah kode berikut :

      <ul id='soc'>
      <li><a class='facebook' href='http://www.facebook.com/pages/Fresh-Blogger-Templates/139712252741851' title='Be my facebook fan'>Facebook</a></li>
      <li><a class='twitter' href='http://twitter.com/fblogtemplates' title='Folow me on Twitter'>Twitter</a></li>
      <li><a class='rss' href='http://feeds.feedburner.com/freshbloggertemplates/fbtemplates' title='Subscribe via RSS'>rss</a></li>
      <li><a class='email' href='http://feedburner.google.com/fb/a/mailverify?uri=freshbloggertemplates/fbtemplates' title='Subscribe to Email updates'>email</a></li>
      </ul>





    7. Gantilah link yang ada dengan link milik anda sendiri.


    8. Klik tombol SIMPAN TEMPLATE.


    9. Selesai.

    Pasang Mini Icon Pada The Mez Template

    Masih termasuk dokumetasi The Mez Template, agar di kemudian hari ada pertanyaan kang Rohman mudah untuk mengarahkan. Dokumentasi kali ini adalah mengenai Pasang Mini Icon Pada The Mez Template

    Salah satu yang membuat The Mez Template terlihat lebih manis adalah dengan memasang mini Icon pada sudut widget.

    the mez template mini icons

    Ada dua cara untuk memasang icon-icon tersebut, yaitu melalu edit HTML atau melalui Elemen Halaman, namun untuk yang Elemen Halaman hanya terbatas pada widget HTML/Javascript saja.

    Mempersiapkan Icon

    Langkah pertama yang harus dilakukan adalah mempersiapkan icons yang akan di pasang, icons tersebut bebas menurut selera anda sendiri. Sedangkan kang Rohman sendiri mengambil dari situs Iconspedia.

    Berikut beberapa contoh icon yang di pakai :

    tutorials browsers Downloads

    Untuk mendapakan tampilan terbaik, ubahlah terlebih dahulu icon yang anda sukai menjadi 60X60 pixel. Ukuran ini sebenarnya dapat diubah sesuai dengan keinginan anda, namun kang rohman sendiri melakukan pengaturan pada kode CSS nya dalam ukuran tersebut.

    Uploadlah icons tersebut ke hosting gambar yang biasa anda gunakan, bisa ke hosting lain atau langsung di blogger. Kemudian catat alamat URL icon-icon tersebut, misalkan :

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG8-ONKElD8cRK_-uEo5Eksb1TpDyB6_oDODa-SjCOO8rVBOhxlLFFY_IL0cUu6ploblYVt8KSFbmeyVHsWwJmRXlmPHppcIeQVr3AEabrY2wrzS9wP0NEC7WeP2fcb6bTk4J-KGw25_A1/

    http://lh6.ggpht.com/_pt7i0nbIOCY/TKnUUWcHN_I/AAAAAAAAC6g/k3-hywXPw-s/browsers_thumb%5B3%5D.png

    http://lh4.ggpht.com/_pt7i0nbIOCY/TKnQuO-2IAI/AAAAAAAAC54/zZ0zQDGKfH8/Downloads_thumb%5B1%5D.png


    Buatlah kode HTML untuk menampilkan gambar, misal :



    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG8-ONKElD8cRK_-uEo5Eksb1TpDyB6_oDODa-SjCOO8rVBOhxlLFFY_IL0cUu6ploblYVt8KSFbmeyVHsWwJmRXlmPHppcIeQVr3AEabrY2wrzS9wP0NEC7WeP2fcb6bTk4J-KGw25_A1/" alt="tutorial" />

    <img src="http://lh6.ggpht.com/_pt7i0nbIOCY/TKnUUWcHN_I/AAAAAAAAC6g/k3-hywXPw-s/browsers_thumb%5B3%5D.png" alt="browser" />

    <img src="http://lh4.ggpht.com/_pt7i0nbIOCY/TKnQuO-2IAI/AAAAAAAAC54/zZ0zQDGKfH8/Downloads_thumb%5B1%5D.png" alt="download" />


    Sedangkan kode yang nanti akan dipakai adalah ditambah dengan kode :



    <div class='icon'>



    kode gambar



    </div>



    Sehingga kode lengkapnya menjadi :



    <div class='icon'>
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG8-ONKElD8cRK_-uEo5Eksb1TpDyB6_oDODa-SjCOO8rVBOhxlLFFY_IL0cUu6ploblYVt8KSFbmeyVHsWwJmRXlmPHppcIeQVr3AEabrY2wrzS9wP0NEC7WeP2fcb6bTk4J-KGw25_A1/" alt="tutorial" />
    </div>

    <div class='icon'>
    <img src="http://lh6.ggpht.com/_pt7i0nbIOCY/TKnUUWcHN_I/AAAAAAAAC6g/k3-hywXPw-s/browsers_thumb%5B3%5D.png" alt="browser" />
    </div>

    <div class='icon'>
    <img src="http://lh4.ggpht.com/_pt7i0nbIOCY/TKnQuO-2IAI/AAAAAAAAC54/zZ0zQDGKfH8/Downloads_thumb%5B1%5D.png" alt="download" />
    </div>


    Mengenali Widget



    Langkah selanjutnya mengenali widget mana yang akan anda pasangi icon, Cara yang dianggap paling mudah menurut kang Rohman adalah melalui judul wisget :



    judul widget



    Contoh judul widget diatas adalah :



     




    • Useful Tutorials


    • Work Everywhere


    • Free Templates



    Sekarang saya anggap bahwa anda telah mempunyai gambaran widget mana saja yang ingin anda tambahkan icon. Sebagai tambahan saja, widget yang bisa dipasangi icon adalah widget yang kolom atas, widget sidebar atau bisa juga widget yang ada di bagian footer.



    Memang kode Icon



    Langkah terakhir adalah memasangkan kode icon yang tadi telah di persiapkan. Cara pertama adalah melalui tab Edit HTML.




    1. Login ke blogger dengan ID anda.


    2. Klik Rancangan.

      Rancangan template




    3. Klik tab Edit HTML.

      edit HTML






    4. Lakukan backup terlebih dahulu untuk mejadi kemungkinan buruk apabila terjadi kesalahan ketika mengedit template. Klik link Download Template Lengkap.

      download template lengkap





    5. Beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget.



      expand template widget






    6. Cari kode widget yang mau dipasang kode icon, cara yang termudah adalah dengan kode judul widget seperti yang tadi diterangkan, misal : useful tutorials. ( Untuk pencarian cepat gunakan Ctrl+F lalu masukkan judul widgetnya ).

      widget




    7. Paste kode icon yang tadi telah di pesiapkan persis diatas kode <data:content/>

      kode icon




    8. Lakukan untuk widget-widget lainnya yang di inginkan.


    9. Klik tombol SIMPAN TEMPLATE.


    10. Selesai.



      Cara yang kedua adalah melalui Elemen, namun cara ini terbatas pada penggunaan Widget HTML/Javascript saja, sedangkan untuk widget seperti Label, Arsip dan yang lainnya hanya bisa dilakukan melalui Edit HTML seperti yang diterangkan diatas. Caranya sederhana, anda tinggal paste kode icons pada isi elemen tersebut :


      element halaman


    Selamat mencoba!

    Kamis, 14 Oktober 2010

    Upload Logo Di The Mez Template

    Ketika pertama kali anda menginstall The mez Template pada blog anda, tentunya yang ada adalah sebuah judul yang berupa tulisan dan bukanlah sebuah logo. Jika anda berniat untuk mengganti judul tersebut dari tulisan menjadi logo, maka anda dapat melakukannya dengan mudah.

    logo the mez template

    Mempersiapkan Logo

    Langkah pertama yang harus anda lakukan tentu saja adalah mempersiapkan atau membuat sebuah logo untuk nanti di upload ke blog anda. Ukuran yang di sarankan adalah lebar 300 pixel dan tinggi 100 pixel. Jika anda menginginkan logo yang lebih besar, anda perlu mengubah sedikit kode pada CSS.

    Warna latar logo yang disarankan adalah sesuai dengan warna latar template yaitu abu-abu atau gray ( kode hexa #D8D7D8 ), atau buat logo dengan latar transparan dengan format .png. Contoh Logo :

    logothemez

    Upload Logo

    Berikut adalah langkah-langkah untuk mengupload logo yang anda miliki pada the mez Template.

    1. Login ke blogger dengan ID anda.
    2. Klik Rancangan.

      Rancangan

    3. Klik Tab Elemen Halaman jika anda belum berada pada tab tersebut.

      Elemen Halaman

    4. Alihkan perhatian ke sebelah tengah monitor, klik pada Edit di Elemen yang berjudul sama dengan judul blog anda.

      edit logo

    5.  

      Setelah keluar jendela baru, pilihlah radio button untuk Dari komputer Anda kemudian klik tombol Browse… lalu pilih file logo yang ada di komputer anda. Untuk penempatan, pilih radio button untuk Selain judul dan keterangan. Klik SIMPAN.

      upload logo

    6. Selesai.

    Kini blog anda telah mempunyai logo. Selamat menikmati The mez Template.

    Tampilkan Blogger Navbar Di The Mez Template

    Menghilangkan blogger Navbar masih menjadi perbincangan yang belum ada jawaban yang pasti., ada yang bilang melanggar TOS dan ada juga yang mengatakan tidak ada masalah. Kang Rohman sendiri tidak menampilkan navbar tersebut dalam hitungan waktu yang cukup lama, namun sepertinya aman-aman saja.

    Secara default, pada The Mez template blogger navbar tidak di tampilkan. Nah, bagi anda yang merasa khawatir bahwa menghilangkan navbar blogger itu melanggar TOS nya blogger dan ingin menampilkan navbar blogger pada the mez template, berikut langkah-langkahnya :

    1. Login ke blogger dengan ID anda.
    2. Klik Rancangan.

      Rancangan

    3. Klik Tab Elemen Halaman jika anda belum berada pada tab tersebut.

      Elemen Halaman

    4. Alihkan perhatian ke sebelah tengah monitor, klik pada Edit di Elemen yang berjudul Delete this element to display blogger navbar.

      edit elemen

    5. Setelah muncul jendela baru, klik tombol HAPUS.

      hapus elemen

    6. Selesai.

    Kini navbar blogger akan tampil secara normal setelah anda menghapus elemen tersebut.

    blogger navbar

    Saran dari kang Rohman, jika anda memutuskan untuk tidak menampilkan navbar blogger di blog anda, jangan lupa untuk membuat sebuah link ke situsnya blogger di halaman depan.

    Kapal Angkasa Komersial Pertama di Dunia

    Kapal angkasa VSS Enterprise terbang di Mojave, California.

    LOS ANGELES - Kapal angkasa komersial pertama di dunia, VSS Enterprise melakukan penerbangan buat kali pertama di negeri California, Amerika Syarikat (AS) sebelum mendarat di Lapangan Terbang Kapal Angkasa Mojave, baru-baru ini.

    Kapal angkasa berkenaan dibina oleh kumpulan Virgin, syarikat milik bilionair Britain, Sir Richard Branson yang juga pemilik pasukan perlumbaan Formula Satu (F1), Virgin Racing.

    Dalam satu kenyataannya, kumpulan Virgin memberitahu, VSS Enterprise meninggalkan pesawat induknya WhiteKnight2 yang sebelum ini bercantum dengannya pada ketinggian 13,700 meter.

    Semasa penerbangan, kapal angkasa itu dikendalikan oleh juruterbang, Pete Siebold dengan Mike Alsbury sebagai pembantu juruterbang.

    Penerbangan ujian itu dilakukan untuk menguji perlepasan VSS Enterpise dari kapal induknya selain keupayaan kedua-dua juruterbang itu mengemudi dan mendaratkan kapal angkasa itu di Lapangan Terbang Kapal Angkasa Mojave.

    "VSS Enterprise menyeronokkan untuk dikendalikan, bukan sahaja kerana kapal angkasa itu mampu bergerak selaju 4,152 kilometer sejam tetapi ia juga meluncur pada altitud paling tinggi di dunia," kata Siebold..

    Tambah Link navigasi di The Mez Template

    Ini merupakan dokumentasi dari The Mez Template agar anda mengerti bagaimana cara menggunakan template tersebut. Jadi, tanyakan dari sekarang apabila anda mempunyai pertanyaan seputar The Mez Template. Untuk dokumen pertama akan di bahas bagaimana cara menambah link navigasi pada di the mez template.

    the-mez-navigasi-link

    Mempersiapkan Link

    Langkah pertama yang harus anda siapkan adalah alamat URL atau link yang akan anda masukkan ke dalam tab navigasi. Link tersebut bisa dari URL posting blog anda, URL Halaman statis, atau URL blog lain yang anda kehendaki.

    Sebagai contoh, kita akan menggunakan URL posting serta URL halaman statis dari blog anda sendiri, bagi anda yang masih merasa bingung, berikut adalah contoh langkahnya :

    Kunjungilah blog anda sendiri, lalu pilih posting mana yang akan anda masukkan URL nya ke dalam tab navigasi, umumnya posting yang dimasukkan ke dalam link navigasi adalah posting yang anda anggap penting dan sekiranya ingin sering di buka oleh pengunjung blog anda.  Untuk menyimpan alamat link tersebut, klik kanan pada judul artikelnya, kemudian pilih Copy Link Location ( untuk browser FireFox ) atau Copy Shortcut ( untuk internet Explorer ), kemudian paste pada notepad atau program text editor yang lainnya.

    copy link location

    Begitupun untuk URL Halaman statis, caranya hampir sama.

     

    Mempersiapkan Keyword atau Kata Kunci

    Jika anda telah mempunyai alamat link yang diinginkan, langkah selanjutnya adalah mempersiapkan keyword atau Kata Kunci yang diinginkan. Yang di maksud kata kunci disini adalah tulisan yang akan tampil pada tab navigasi nanti. Misalkan untuk halaman-halaman tersebut akan menggunakan kata kunci :

    • Tentang Kami
    • Kontak
    • Dll

    Memasukkan Link serta Kata Kunci ke Tab Navigasi

    Ini merupakan langkah terakhir agar tab navigasi anda berfungsi sebagaimana mestinya, silahkan ikuti langkah-langkah berikut ini :

    1. Login ke blogger dengan ID anda.
    2. Klik Rancangan.

      Rancangan template

    3. Klik Tab Elemen Halaman jika anda belum berada pada tab tersebut.

      elemen halaman

    4. Alihkan perhatian ke sebelah kanan monitor, klik pada Edit di Elemen yang berjudul Head Menu.

      edit head menu

    5. Setelah Muncul Jendela baru, isi kolom URL Situs Baru dengan link yang tadi telah dipersiapkan, kemudian isi Nama Situs Baru dengan kata kunci yang anda inginkan. Ulangi langkahnya untuk link yang lainnya. Akhiri dengan klik tombol SIMPAN.

      konfigurasi menu navigasi

    6. Selesai.

    Gampang bukan? karena The Mez template di rancang agar anda mendapatkan kemudahan dalam menggunakannya.

    Happy Blogging!

    Twitter Delicious Facebook Digg Stumbleupon Favorites More