Kamis, 20 Oktober 2011

Membuat Tab Menu View

Untuk menghemat tempat, tab view menu sangat efisien. Ukuran yang relatif kecil tapi bisa memuat banyak space. Hal ini pernah ditanyakan oleh sobat blogger pada kolom shout box beberapa minggu yang lalu tentang bagaimana cara membuat menu yang bisa memuat banyak judul, mungkin menu tab view ini yang dimaksud ya.

Membuat menu dengan tab view memerlukan kode HTML yang lumayan panjang dan agak ribet, jadi sebaiknya simak baik – baik tutorial ini dan yang paling penting jangan lupa untuk backup template sobat terlebih dahulu.

Jika setelah jadi nanti lebar atau tinggi menu tidak sesuai, silahkan sobat sesuaikan sendiri dengan isi dari menu yang sobat gunakan. Karena jika tidak mengerti akan jadi berantakan atau terlihat jelek. Oke sob, sudah mengerti toh…mantaabbbbb kita langsung ke TKP.Hot

  1. Silahkan login ke blogger dengan ID sobat tentunya.

  2. Tuju Tata Letak.

  3. Klik Edit HTML.

  4. Jangan lupa backup template sobat terlebih dahulu dengan mengklik Download Template Lengkap.

  5. Kemudian letakkan kode javascript berikut sebelum kode</head>






<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);

// ----- Tabs -----

var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;

var Tab = Tabs.firstChild;
var i = 0;

do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);

// ----- Pages -----

var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;

var Page = Pages.firstChild;
var i = 0;

do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}

// ----- Functions -------------------------------------------------------------

function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }

function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>


  • Setelah itu letakkan kode berikut di atas kode ]]></b:skin>





  • div.TabView div.Tabs
    {
    height: 30px;
    overflow: hidden;
    }
    div.TabView div.Tabs a
    {
    float: left;
    display: block;
    width: 98px; /* Lebar Menu Utama Atas */

    text-align: center;
    height: 30px; /* Tinggi Menu Utama Atas */
    padding-top: 3px;
    vertical-align: middle;
    border: 1px solid #BDBDBD; /* Warna border Menu Atas */
    border-bottom-width: 0;
    text-decoration: none;
    font-family: "Verdana", Serif; /* Font Menu Utama Atas */
    font-weight: bold;
    color: #000; /* Warna Font Menu Utama Atas */
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    }
    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
    {
    background-color: #E6E6E6; /* Warna background Menu Utama Atas */
    }
    div.TabView div.Pages
    {
    clear: both;
    border: 1px solid #BDBDBD; /* Warna border Kotak Utama */
    overflow: hidden;
    background-color: #E6E6E6; /* Warna background Kotak Utama */
    }
    div.TabView div.Pages div.Page
    {
    height: 100%;
    padding: 0px;
    overflow: hidden;
    }
    div.TabView div.Pages div.Page div.Pad
    {
    padding: 3px 5px;
    }

    • Simpan Template
    • Tambah Widget, masukkan kode di bawah ini





    <form action="tabview.html" method="get">
    <div class="TabView" id="TabView">
    <div class="Tabs" style="width: 300px;">
    <a>Tab 1</a>
    <a>Tab 2</a>
    <a>Tab 3</a>
    </div>
    <div class="Pages" style="width: 300px; height: 250px;">

    <div class="Page">
    <div class="Pad">
    Tab 1.1 <br />
    Tab 1.2 <br />
    Tab 1.3 <br />
    </div>
    </div>

    <div class="Page">
    <div class="Pad">
    Tab 2.1 <br />
    Tab 2.2 <br />
    Tab 2.3 <br />
    </div>
    </div>

    <div class="Page">
    <div class="Pad">
    Tab 3.1 <br />
    Tab 3.2 <br />
    Tab 3.3 <br />
    </div>
    </div>

    </div>
    </div>
    </form>

    <script type="text/javascript">
    tabview_initialize('TabView');
    </script>

    • Kemudian Simpan.


    Keterangan :
    • Untuk kode yang berwarna merah adalah lebar dan tinggi menu, silahkan sobat sesuaikan dengan isi.

    • Kode yang berwarna biru silahkan sobat isi dengan judul - judul dari menu.

    • Dan yang berwarna ungu, adalah isi dari menu. Sobat bisa menambahkan link, gambar, banner, dll.

    Oke sobat, selamat mencoba. smile_teeth

    Minggu, 09 Oktober 2011

    Ada beberapa opsi dalam menginstall Moodle. Moodle dapat diinstall pada sistem operasi Windows juga bisa diinstall pada Linux dan Mac OS X. Untuk keperluan pembelajaran dan adanya kendala akses internet (mis: biaya), Moodle sebaiknya diinstall dan di-setting pada server web lokal (baca: XAMPP) dan selanjutnya kalau sudah siap bisa ditransfer ke server web internet. Akan tetapi, Moodle bisa juga langsung diinstall ke server web internet (web hosting), baik secara "manual" atau dengan menggunakan fasilitas penginstall otomatis (script auto installer), seperti fantastico dll.

    Moodle sendiri tersedia dalam beberapa paket yang bisa diinstall dengan cara berbeda, antara lain:
    1. menginstall Moodle dengan menggunakan paket Moodle for Windows. Dalam paket ini terdapat XAMPP dan Moodle (all in one) yang bisa langsung diinstall dengan menggunakan satu installer. Paket ini bisa dipakai apabila sebelumnya belum ada server web lokal (XAMPP) yang terinstall di komputer.
    2. menginstall Moodle dengan menggunakan paket Moodle Standar (Standard Moodle packages). Paket ini berisi sejumlah modul yang senantiasa dipertahankan oleh para pengembang inti Moodle dan bisa diinstall pada berbagai platform (sistem operasi) dimana sudah terinstall PHP, webserver, dan perangkat lunak basis data web.

    Tutorial berikut ini akan menunjukkan cara menginstall paket standar Moodle (Versi 2.0) pada server web lokal (xampp-win32-1.7.3) dengan sistem operasi windows XP Profesional. Jadi, asumsinya pada komputer Anda sudah terinstall XAMPP (apabila belum, silahkan lihat Cara Menginstall Web Server Lokal).



    1. Download paket standar Moodle 2.0, ekstrak hasil download ke folder, mis: moodle. Selanjutnya tempatkan folder moodle tersebut dalam folder c:\xampp\htdocs\

    2. Aktifkan XAMPP (Apache dan Mysql).

    3. Buka browser (Mozilla), dan ketik alamat website: http://localhost/moodle, enter.

    4. Tetap gunakan pilihan bahasa: English/en (bahasa lain bisa dipilih kemudian), langsung klik Next

    5. Atur direktori data, atau tetap pakai direktori default, langsung klik Next.

    6. Pilih jenis basis data yang dipakai (default: improved mysql), langsung klik Next.

    7. Konfigurasi basis data seperti berikut:
    cara install moodle 2.0
    Cukup tambahkan Database user: root, lalu klik Next.

    8. Pahami informasi lisensi, langsung klik Continue.

    9. Lihat kondisi server, apakah konfigurasinya sudah sesuai dengan kebutuhan Moodle. Biasanya konfigurasi php.ini pada XAMPP secara default belum mengaktikan extensi CURL, sehingga terlihat status seperti dibawah ini. Status merah (extensi CURL tidak aktif) harus dihilangkan.

    10. Untuk mengaktifkan extensi php, dalam hal ini CURL, silahkan buka file php.ini dalam c:\xampp\php\
    cara install moodle 2.0

    11. Cari baris yang berisi tulisan: ;extension=php_curl.dll. Hilangkan tanda titik koma yang ada di depan, lalu save file tersebut.

    menjadi:

    12. Buka XAMPP control panel, stop Apache, kemudian start kembali.
    cara install moodle 2.0

    13. Lanjutkan proses intalasi Moodle dengan mengklik Reload
    14. Lihat kondisi (status) server, kalau sudah sesuai, lanjutkan dengan mengklik Continue.


    15. Proses intalasi komponen-komponen Moodle akan berlangsung beberapa menit, silahkan tunggu, sampai muncul tombol : Continue, silahkan klik!

    16. Isi data profile admin, terutama kolom dengan tanda bintang harus diisi dengan benar, kolom lain bisa diisi kemudian. Perhatikan kolom password: Format password harus terdiri dari paling kurang 8 karakter, paling tidak salah satu karakter harus huruf besar, satu angka, dan satu simbol.
    cara install moodle 2.0



    Klik Update Profile

    17. Atur Frontpage (Halaman Depan) dengan menulis beberapa keterangan seperti gambar di bawah. Pengaturan lebih lanjut bisa dilakukan kemudian.

    Klik Save Changes.

    Video Install Moodle bagian I

    Video Install Moodle bagian II

    Selanjutnya Anda akan masuk halaman administrator website Moodle Anda dan siap melakukan pengaturan lebih lanjut. Gimana caranya? Nantikan tulisan WSI berikutnya.

    --------------------------------------------------------------------------------
    There are several options of installing Moodle. Moodle can be installed on the Windows operating system can also be installed on Linux and Mac OS X. For the purposes of learning and the internet access constraints (eg cost), Moodle should be installed and in-setting on a local web server (read: XAMPP) and then when it's ready to be transferred to the Internet web server. However, Moodle can also be installed directly to the Internet web server (web hosting), both the "manual" or using the facilities penginstall automatic (auto script installer), Such as fantastico etc..

    Moodle itself is available in several packages that can be installed in a different way, among others:
    1. install Moodle using Moodle packages for Windows. In this package there is XAMPP and Moodle (all in one) that can be directly installed by using a single installer. This package can be used if not previously have a local web server (XAMPP) installed on your computer.
    2. Moodle install using the standard Moodle package (Moodle Standard packages). This package contains a number of modules are always retained by the core developers of Moodle and can be installed on various platforms (operating system) which is already installed PHP, webserver, database software and the web.

    The following tutorial will show you how to install Moodle standard package (Version 2.0) on a local web server (xampp-win32-1.7.3) with Windows XP Professional operating system. Thus, the assumption on your computer already installed XAMPP (if not, please see How to Install Web Server Local) .


    1. Download Moodle 2.0 standard package, extract the download to a folder, eg moodle. Next place the moodle folder in the folder c: \ xampp \ htdocs \

    2. Enable XAMPP (Apache and Mysql).

    3. Open the browser (Mozilla), and type the website address: http://localhost/moodle, enter.

    4. Stick with the choice of languages: Bahasa / en (other languages ??can be selected later), click Next

    5. Set the data directory, or keep using the default directory, click Next.

    6. Choose the type of data base used (default: mysql improved), click Next.

    7. Configuration database as follows:
    see above

    Simply add the Database user: root, and then click Next.

    8. Understand licensing information, just click Continue.

    9. Check the condition of the server, whether the configuration is in conformity with the needs of Moodle. Php.ini configuration is usually on by default XAMPP not mengaktikan CURL extension, so it looks like the following status. Red status (CURL extension is not active) should be eliminated.

    10. To activate the php extension, in this case CURL, please open the file php.ini in c: \ xampp \ php \

    11. Find the line that contains the inscription:; extension = php_curl.dll. Remove the semicolon in front, then save the file.

    becomes:


    12. Open the XAMPP control panel, stop Apache, then start again.
    how to install moodle 2.0

    13. Continue the process by clicking the Reload intalasi Moodle
    14. See condition (status) server, when it's appropriate, continue by clicking Continue.

    15. Intalasi process Moodle components will last a few minutes, please wait, until the buttons: Continue, please click!

    16. Fill in the admin profile data, especially the column with an asterisk must be filled out correctly, the other columns can be filled later. Note the password field: Format passwords must consist of at least 8 characters, at least one character must be uppercase, one digit, and one symbol.
    how to install moodle 2.0

    Click Update Profile

    17. Set Frontpage (Home) by writing some information as shown below. Further settings can be done later.

    Click Save Changes.

    Video Install Moodle Part I

    Moodle Install Video part II

    Next you will enter your Moodle site administrator page and ready to make further arrangements. How to do?Look forward to writing next WSI.

    Minggu, 25 September 2011

    ISI TULISAN YANG ANDA INGINKAN

    Cara Mengubah Tampilan Kursor Blog

    Secara default, tampilan cursor pada blog adalah berbentuk panah namun bagi anda yang merasa bosan dengan tampilan tersebut atau ingin memberi decak kagum bagi pengunjung. Anda bisa menggantinya dengan icon gambar sehingga jika ada pengunjung yang datang ke blog anda, tampilan kursornya akan berubah sesuai dengan icon yang anda gunakan. Agar lebih jelas anda bisa lihat disini.

    Untuk mengubah tampilan kursor menjadi icon gambar, caranya sangat mudah. Berikut langkah-langkahnya:

    1. Login ke Blogger. Masuk ke menu Design->Edit HTML
    2. Cari kode </head>
    3. Letakkan kode css berikut diatasnya

    Menulis Kode HTML di Postingan Blog

    Mau posting kode HTML tapi yang keluar selalu hasilnya bukan kode nya ? . Dulu aku juga pernah bingung cara posting kode HTML , tapi setelah googling-googling akhirnya dapet deh caranya posting kode HTML . Berhubung saya lagi males ngetik :-D saya kasih aja link buat convert kode nya ,

    1. Copy kode HTML yang akan di Posting
    2. Lalu buka Website penyedia jasa tools Encoding Klik disini atau Disini.
    3. Paste kan Kode HTML yang sudah dicopy tadi dalam kotak.
    4. Lalu klik tombol Encode
    5. Nah jadi deh kodenya , tinggal kita paste di postingan blog.

    Menulis Kode HTML di Postingan Blog.

    Cara Membuat Teks yang Berputar Mengelilingi Cursor

    Cara Membuat Teks yang Berputar Mengelilingi Cursor
    1. Login ke blogger
    2. Pilih tata letak kemudian Tambah Gadget
    3. Pilih HTML/JavaScript
    4. Masukan kode HTML berikut ini:




    <script> //mouse //Circling text trail- Tim Tilton //Website: http://www.tempermedia.com/ //Visit http://www.dynamicdrive.com for this script and more function cursor_text_circle(){ // your message here var msg='Membuat Teks yang Berputar Mengelilingi Cursor'.split('').reverse().join(''); var font='Verdana,Arial'; var size=3; // up to seven var color='#ff0000'; // This is not the rotation speed, its the reaction speed, keep low! // Set this to 1 for just plain rotation w/out drag var speed=.3; // This is the rotation speed, set it negative if you want // it to spin clockwise var rotation=-.2; // Alter no variables past here!, unless you are good //--------------------------------------------------- var ns=(document.layers); var ie=(document.all); var dom=document.getElementById; msg=msg.split(''); var n=msg.length; var a=size*13; var currStep=0; var ymouse=0; var xmouse=0; var props="<font face="+font+" size="+size+" color="+color+">"; if (ie) window.pageYOffset=0 // writes the message if (ns){ for (i=0; i < n; i++) document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>'); } else if (ie||dom){ document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>'); document.write('</div></div>'); } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position } if (ns||ie||dom) (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; var y=new Array(); var x=new Array(); var Y=new Array(); var X=new Array(); for (i=0; i < n; i++){ y[i]=0; x[i]=0; Y[i]=0; X[i]=0; } var iecompattest=function(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body; } var makecircle=function(){ // rotation properties if (ie) outer.style.top=iecompattest().scrollTop+'px'; currStep-=rotation; for (i=0; i < n; i++){ // makes the circle var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style; d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : ''); d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval } } var drag=function(){ // makes the resistance y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (var i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } makecircle(); // not rotation speed, leave at zero setTimeout(function(){drag();},10); } if (ns||ie||dom) if ( typeof window.addEventListener != "undefined" ) window.addEventListener( "load", drag, false ); else if ( typeof window.attachEvent != "undefined" ) window.attachEvent( "onload", drag ); else { if ( window.onload != null ) { var oldOnload = window.onload; window.onload = function ( e ) { oldOnload( e ); drag(); }; } else window.onload = drag; } } cursor_text_circle(); </script>
    5. Sebelum disimpan, ganti tulisan Membuat Teks yang Berputar Mengelilingi Cursor dengan teks/tulisan yang kita inginkan.

    MEMBUAT SPOILER SHOW/HIDE




    ISIKAN TEKS YANG DIINGINKAN

    Cara Menambah Menu Bar di Blog

    Cara Membuat Menu bar di Blog, Dimana kita lihat tidak semua tamplate yang menyediakan Menu bar ini. Contohnya saja Tamplate bawaan blogger sendiri. Menu bar ini sebenarnya sama saja seperti Menu Label bawaan blogger tetapi bawaan blogger letak nya di belahan sidebar.juga bisa kita lihat menu label bawaan blogger membutuh tempat, kelihatan nya kurang menarik. Nah untuk teman yang ingin menambah Asesories menu bar ini tentu saja bisa. dengan bantuan kode script ke dalam tamplate anda. Menu bar ini terletak di bawah Header. Mau tau Bagaimana cara Membuat Menu bar nya??? Ikuti cara-cara di bawah ini. Baca Cara menambah Search Engine pada menubar

    Berikut langkah-langkah cara Membuat menu bar di blog anda:

    • Login terlebih dahulu ke blogger
    • Klik Tata Letak
    • Edit HTML
    • Cari kode ]]></b:skin>
    • Kemudian Copy Paste kode di bawah ini persis diatas kode ]]></b:skin>
    Postingan Lebih Baru Beranda

    1. Panduan membuat Blog
    2. Cara setting blog di blogger
    3. Cara Custom Domain di Blogger / blogspot
    4. Cara Mengganti Template di blogspot
    5. Cara memposting artikel
    6. buat Read more pada template klasik
    7. Cara membuat Text Area
    8. Cara membuat menu dropDown
    9. cara Upload foto
    10. Cara membuat Link(1)
    11. Cara membuat Link(2)
    12. Cara membuat marquee (text berjalan)
    13. Cara membuat efek Refresh
    14. Kode HTML tampil pada postingan
    15. Masalah posting artikel
    16. Simbol Yahoo! Emoticons
    17. Simbol Blogger Emoticons
    18. Cara Pasang jam
    19. Cara membuat banner animasi
    20. Cara membuat buku tamu
    21. HTML Tutorial
    22. Free Download
    23. Foto animasi
    24. Cara pasang Statistik & Tracker
    25. Perlunya IE dan FireFox
    26. Cara pasang musik
    27. Logo & Button
    28. Membuat Menu D Tree (menu mirip pada windows explorer)
    29. HTML Tutorial(2)
    30. Membuat Read more pada template baru
    31. User Online status
    32. Cara membuat blogroll Alternatif
    33. Cara pasang gambar
    34. Cara membuat Icon YM
    35. cara pasang Video
    36. Daftar Mybloglog
    37. Membuat Navigasi dengan CSS
    38. Template baru VS template Klasik
    39. Membuat Penggalan Artikel
    40. Membuat Link Untuk Download
    41. Menu Dropdown dengan JavaScript
    42. Menu Dropdown dengan JavaScript (2)
    43. Cara Membuat Favicon
    44. Pasang Recent Comments
    45. Text Berjalan di Bar menu
    46. Rotating banner
    47. Cara membuat kategori (label)
    48. Read more versi baru
    49. Pasang Link di New Blogger Template
    50. Cara Pasang Feed di Blog
    51. Pasang Banner di Header Blog
    52. Membuat Banner Bertaburan
    53. Tips Menghilangkan Border Image
    54. Cara membuat Navigasi Dengan Css (2)
    55. Mengatur Perataan Posting Artikel
    56. Tips Mengganti Background Blog
    57. Pasang Image pada judul Artikel
    58. Membuat link satu halaman
    59. Photo profile berbingkai
    60. Photo profile berbingkai
    61. Gambar berbingkai
    62. Image dalam kode marquee
    63. Pasang kode tuker link
    64. Cara daftar search engine
    65. Cepat terindeks di google
    66. Pasang Kalender
    67. Hilangkan garis bawah Link
    68. Ubah Warna Link
    69. Pelacak IP Address
    70. Pasang Jadwal Sholat
    71. Mengubah lebar kolom template
    72. Daftar Google Sitemap
    73. Daftar Feedburner
    74. Pasang Snaps Shots
    75. membuat navbar
    76. pasang label cloud
    77. Membuat tulisan bergaya koran
    78. horizontal dropdown menu
    79. membuat marquee text dalam gambar
    80. Marquee dengan Javascript
    81. Siapa yang pasang link ke blog kita
    82. Kotak komentar dengan haloscan
    83. Cara membuat daftar isi blog
    84. Cara menghilangkan Subcribe to
    85. Tips menambah kolom pada template baru
    86. Setting Widget Mybloglog
    87. membuat kursor animasi
    88. Download Mini Icon
    89. Menyisipkan Mini icon pada label
    90. Lebih jauh mengenai Read more
    91. Cara menghilangkan navbar Blogger
    92. Cara membuat frame iklan
    93. Cara mengganti warna sidebar pada template minima
    94. menyisipkan Icon pada View Profile
    95. Baca feed melalui Google Reader
    96. Cara Upload data ke Google Page Creator
    97. Cara membuat ONLINE BOOKMARK
    98. mengenal perintah Iframe
    99. Cara menampilakan karakter khusus
    100. tutorial software HTML Color V.1.4
    101. Cara pasang search engine di blog
    102. Membuat sidebar ada di kiri dan kanan
    103. Tutorial software scott box shot maker
    104. Menambah emoticons di shoutbox
    105. Tips membuat multi kolom
    106. Cara membuat tabel di blog
    107. Horizontal tab menu j
    108. Horiontal tab menu 10
    109. POp up generator
    110. Backup blog secara Online
    111. Atasi error widget harus unik
    112. Backup data dalam widget
    113. Pasang fasilitas print
    114. Trik mudah membuat Read more
    115. Pasang google talk di blog
    116. Pasang feed dalam kode marquee
    117. Pasang yahoo messenger (2)
    118. Pasang google talk di blog (2)
    119. Hilangkan angka dalam label
    120. Tips Search Engine Optimization (SEO)
    121. Pasang Game di blog
    122. Free CSS menu tabs 6
    123. Setor muka via gravatar
    124. membuat gambar thumbnail
    125. Read more sejajar dengan posting
    126. Pasang tombol digg
    127. Drop down menu sama lebar
    128. Drop down menu dengan CSS
    129. membuat daftar isi (2)
    130. Pasang widget post terbaru dan komentar terbaru
    131. pasang yahoo emoticon (2)
    132. install assteg emoticon ke post editor
    133. membuat background posting berbeda-beda
    134. Pasang iklan google adsense di bawah posting
    135. Pasang iklan kliksaya.com di bawah read more
    136. cara membagi dua kolom header
    137. Install Emoticon More-smilies Cosa aranda ke Editor Posting
    138. Buat Tulisan bergaya web 2.0 secara Online
    139. Ziddu - free file hosting
    140. Tutorial navigasi : Dynamic-FX Slide-In menu
    141. Free Logo Maker
    142. Cara Membuat Favicon (2)
    143. Atasi error copy paste kode wordpress
    144. fitur-fitur baru dari Blogger.com
    145. Setting komentar di bawah posting
    146. Kotak Komentar di bawah Posting
    147. membuat efek Photo Blur
    148. Mengubah Lebar Arsip Dropdown
    149. Cara mengcopy gambar di layar monitor
    150. menyimpan widget di bawah header
    151. Cara membuat elemen Persis di bawah header
    152. Mengatur Tampilan Judul Sidebar
    153. Google Docs : pasang data excel di blog
    154. Mengatur tampilan judul posting
    155. Widget baru mybloglog
    156. fitur baru blogger
    157. Membuat warna link berkedip
    158. Cara Modifikasi Kotak Komentar
    159. Revisi: Cara Modifikasi Kotak Komentar
    160. Alternatif Warna Kotak Komentar
    161. Memilah Milah Komentar
    162. Zoom Efek Dengan Script Fancy Zoom
    163. Cara membuat Contact form / Kontak Kami
    164. Elemen Halaman Mempunyai Fungsi Scroll
    165. Tips Menghilangkan Pesan Pencarian Blogger
    166. Membuat Read more Plus Judul Artikel
    167. Membuat Sidebar Dalam Kotak-Kotak Terpisah
    168. Free Template : Magazine Template 2
    169. Tanya Jawab seputar Template magazine 2
    170. Menghilangkan Icon Obeng dan Tang / Quick edit Blogger
    171. Tanya Jawab Seputar Template Magazine 1
    172. Pasang Skrip Alert Di Blog
    173. Pasang Google Toolbar
    174. Free Icon Untuk Blog Dan Website
    175. Asyik Ngeblog Bersama Windows Live Writer
    176. Tanya Jawab Seputar Windows Live Writer (WLW)
    177. Buat Kolom Diatas Kolom Posting Pada Magazine template 2
    178. Buat Kolom Dibawah Header Pada Magazine Template 2
    179. Blog Pertama Kang Rohman
    180. Free html dan PHP Editor
    181. Apa sih Alexa Rank atau Peringkat Alexa Itu?
    182. Tutorial Pasang Widget Alexa di Blog
    183. Tips Meningkatkan Alexa Rank
    184. Apa Sih Situs Social Bookmarking Network Itu?
    185. Solusi Mengatasi Kotak Komentar Yang bermasalah
    186. Tutorial Membuat Horizontal Navigasi
    Tab 2.1
    Tab 2.2
    Tab 2.3
    Tab 3.1
    Tab 3.2
    Tab 3.3
     

    Followers

     

    Blogger templates

    hehee

    Templates by Nano Yulianto | CSS3 by David Walsh | Powered by {N}Code & Blogger