me

About Us


Kolom Tutorial didedikasikan bagi mereka yang sedang mencari tutorial membuat blog di blogspot, free template serta informasi seputar internet.

Blog Tutorial Untuk Pemula

  • 1.  Panduan membuat blog
  • 2. Cara setting blog
  • 3. Memilih template
  • 4. Mengatur huruf dan warna
  • 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
  • 100. Cara menghilangkan navbar Blogger
  • 101. Cara membuat frame iklan
  • 102. Cara mengganti warna sidebar pada template minima
  • 103. menyisipkan Icon pada View Profile
  • 104. Baca feed melalui Google Reader
  • 105. Cara Upload data ke Google Page Creator
  • 106. Cara membuat ONLINE BOOKMARK
  • 107. mengenal perintah Iframe
  • 108. Cara menampilakan karakter khusus
  • 109. tutorial software HTML Color V.1.4
  • 110. Cara pasang search engine di blog
  • 111. Membuat sidebar ada di kiri dan kanan
  • 112. Tutorial software scott box shot maker
  • 113. Menambah emoticons di shoutbox
  • 114. Tips membuat multi kolom
  • 115. Cara membuat tabel di blog
  • 117. Horizontal tab menu j
  • 118. Horiontal tab menu 10
  • 119. POp up generator
  • 120. Backup blog secara Online
  • 121. Atasi error widget harus unik
  • 122. Backup data dalam widget
  • 123. Pasang fasilitas print
  • 124. Trik mudah membuat Read more
  • 126. Pasang google talk di blog
  • 127. Pasang feed dalam kode marquee
  • 128. Pasang yahoo messenger (2)
  • 129. Pasang google talk di blog (2)
  • 130. Hilangkan angka dalam label
  • 131. Tips Search Engine Optimization (SEO)
  • 132. Pasang Game di blog
  • 133. Free CSS menu tabs 6
  • 134. Setor muka via gravatar
  • 135. membuat gambar thumbnail
  • 136. Read more sejajar dengan posting
  • 137. Pasang tombol digg
  • 138. Upload gambar ke yahoo geocities
  • 139. Pasang favicon
  • 140. Drop down menu sama lebar
  • 141. Drop down menu dengan CSS
  • 142. membuat daftar isi (2)
  • 143. Pasang widget post terbaru dan komentar terbaru
  • 144. pasang yahoo emoticon (2)
  • 145. install assteg emoticon ke post editor
  • 146. membuat background posting berbeda-beda
  • 147. Pasang iklan google adsense di bawah posting
  • 148. Pasang iklan kliksaya.com di bawah read more
  • 149. cara membagi dua kolom header
  • 150. Install Emoticon More-smilies Cosa aranda ke Editor Posting
  • 151. Buat Tulisan bergaya web 2.0 secara Online
  • 152. Ziddu - free file hosting
  • 153. Tutorial navigasi : Dynamic-FX Slide-In menu
  • 154. Free Logo Maker
  • 155. Cara Membuat Favicon (2)
  • 156. Atasi error copy paste kode wordpress
  • 157. fitur-fitur baru dari Blogger.com
  • 158. Setting komentar di bawah posting
  • 159. Kotak Komentar di bawah Posting
  • 160. membuat efek Photo Blur
  • 161. Mengubah Lebar Arsip Dropdown
  • 162. Cara mengcopy gambar di layar monitor
  • 163. menyimpan widget di bawah header
  • 164. Cara membuat elemen Persis di bawah header
  • 165. Mengatur Tampilan Judul Sidebar
  • 166. Google Docs : pasang data excel di blog
  • 167. Mengatur tampilan judul posting
  • 168. Widget baru mybloglog
  • 169. fitur baru blogger
  • 170. Membuat warna link berkedip
  • 171.  Cara Modifikasi Kotak Komentar
  • 172.  Revisi: Cara Modifikasi Kotak Komentar
  • 173.  Alternatif Warna Kotak Komentar
  • 174.  Memilah Milah Komentar
  • 175.  Zoom Efek Dengan Script Fancy Zoom
  • 176.  Cara membuat Contact form / Kontak Kami
  • 177.  Elemen Halaman Mempunyai Fungsi Scroll
  • 178.  Tips Menghilangkan Pesan Pencarian Blogger
  • 179.  Membuat Read more Plus Judul Artikel
  • 200.  Membuat Sidebar Dalam Kotak-Kotak Terpisah
  • 201.  Free Template : Magazine Template 2
  • 202.  Tanya Jawab seputar Template magazine 2
  • 203.  Menghilangkan Icon Obeng dan Tang / Quick edit Blogger
  • 204.  Tanya Jawab Seputar Template Magazine 1
  • 205.  Pasang Skrip Alert Di Blog
  • 206.  Pasang Google Toolbar
  • 207.  Free Icon Untuk Blog Dan Website
  • 208.  Asyik Ngeblog Bersama Windows Live Writer
  • 209.  Tanya Jawab Seputar Windows Live Writer (WLW)
  • 210.  Buat Kolom Diatas Kolom Posting Pada Magazine template 2
  • 211.  Buat Kolom Dibawah Header Pada Magazine Template 2
  • 212.  Blog Pertama Kang Rohman
  • 213.  Free html dan PHP Editor
  • 214.  Apa sih Alexa Rank atau Peringkat Alexa Itu?
  • 215.  Tutorial Pasang Widget Alexa di Blog
  • 216.  Tips Meningkatkan Alexa Rank
  • 217.  Apa Sih Situs Social Bookmarking Network Itu?
  • 218.  Solusi Mengatasi Kotak Komentar Yang bermasalah
  • 219.  Tutorial Membuat Horizontal Navigasi
  • Senin, November 09, 2009

    Google Style Page navigation Untuk Blogger

    Sahabat abu farhan telah membuat sebuah page navigation yang sangat menarik yaitu page navigation dengan style ala Google. Berikut screenshot nya :

     

    Google Style Page navigation

    Jika anda tertarik memasang Google Style Page navigation untuk blog anda, silahkan anda langsung membaca tutorialnya pada blog abu farhan.

     

    Selamat menikmati page navigation ala google!

    Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, kang Rohman rekomendasikan anda belajar di sini   «« sok atuh di klik biar situsnya keluar
    Jika anda merasa artikel ini bermanfaat, silahkan lakukan vote ke Lintas Berita agar artikel ini bisa di baca oleh orang lain.

    Comments :

    51 komentar ke “Google Style Page navigation Untuk Blogger”

    wah bergaya google nih kang..ajib
    tar praktek ahh.hihihi

    yoyok mengatakan...
    pada 

    KEDUAAXXXXXXXXXXXXXX..
    salam dari indoster.blogspot.com
    semangat terus kang

    Ceria -foto.blogspot.com mengatakan...
    pada 

    wah,, baru tau nich kang,, thx infonya,,

    kapan2 coba akh,, nuhun kang

    ihsan mufthi mengatakan...
    pada 

    Mantap kang, berasa gugel. Makasi kang. Coba dulu yah.

    Review Bisnis Online mengatakan...
    pada 

    asik... kelimkassss..

    wah, google mendukung juga

    secangkir teh dan sekerat roti mengatakan...
    pada 

    ke TKP kang....

    Mas Adi mengatakan...
    pada 

    langsung ke TKP...

    MOH. Aris Taufik mengatakan...
    pada 

    thanks for info, langsung buka abu farhan blog nih...

    pensiun kaya mengatakan...
    pada 

    Wah Terobosan Baru Nih LangSung Ke Tkp Ah kaburrrrrr

    Rayhan mengatakan...
    pada 

    mas yoyok emg si gesit irit. b d 1st always..

    kang Rohman..thx..sgra mluncur!!

    Yun mengatakan...
    pada 

    manteeeeep
    langsung ke mas abu

    mas doyok mengatakan...
    pada 

    wewww... penuh inovasi sekali...

    ritz mengatakan...
    pada 

    info menarik nih... langsung ke TKP... thanks kang

    duniapiyen mengatakan...
    pada 

    nice article kang.....

    jaya mengatakan...
    pada 

    nice blog,...

    sources of knowledge mengatakan...
    pada 

    mantabbbbb, langsung ke tkp

    JOLA76 mengatakan...
    pada 

    ke mas farhan...

    denadnan mengatakan...
    pada 

    wah mantap untuk ... desain template kang rohman ... kang kok ym aq gk diterima ce ...
    email aq alex1k2@yahoo.co.id

    alex prayogo mengatakan...
    pada 

    yehahahahahhaa..... langsung ke tkp kang!!! thx

    bliyanbayem mengatakan...
    pada 

    Keren. Mantap. Ke TKP Kang

    Muchlisin mengatakan...
    pada 

    ok deh...ke kang farhan dulu ahk...

    jopi mengatakan...
    pada 

    Mantap juga Kang Rohman...!!!

    akhatam mengatakan...
    pada 

    Terima kasih infonya, langsung ke tekepe....

    kelirirenk.co.cc mengatakan...
    pada 

    Langsung menuju TKP kang, mo izin coba nih

    Ocim mengatakan...
    pada 

    :( maaf Kang, kali ini coment saya lari dari jalur nih Kang, saya ada sedikit kendala Akang, url saya di banned sama shoutmix, jadi saya tidak bisa chat lagi nih Kang!, cara mengatasinya bagai mana ya Kang?, mohon solusinya ya Kang, terima kasih sebelumnya Kang!

    Celebrities mengatakan...
    pada 

    mantap banget kang....

    Ridwanox mengatakan...
    pada 

    muantabbbb....thanks atas infonya...

    selalu kerja keras ya...

    wharzutility mengatakan...
    pada 

    Wah mantap infonya kang!

    Agung AP mengatakan...
    pada 

    wah wah..kang Jaloee bakalan famous nih...ixixixixi Perasaan tuh style page navigation dibuat oleh Mas Abu special Buat kang Jaloee..hihihihi great !!!

    BEBEN mengatakan...
    pada 

    eh satu deui kang...itu contact us via email me from di saya nge-hang. Punya kang Roh-Man nge-hang enggak ???

    Beben mengatakan...
    pada 

    hehehe..
    lucu juga tuh....
    maen2 ke tempat Baem juga ya

    Mengembalikan Jati Diri Bangsa mengatakan...
    pada 

    trims infonya kang

    Bisnis Pulsa GSP mengatakan...
    pada 

    Makasih kang, udah lama g post beginian

    facebook-hot mengatakan...
    pada 

    Makasih infonya...

    Rock mengatakan...
    pada 

    terima kasih informasinya
    http://sukas-yoyon.blogspot.com/2009/11/indahnya-bersaing-terhormat.html

    YOYON mengatakan...
    pada 

    thx infonya langsung ke TKP

    sewa mobil murah mengatakan...
    pada 

    Ala. . Google yah . . . wah jadi ingin pasang niH

    Aditya Putra mengatakan...
    pada 

    wah.. bagus juga ya, ta liat ah..

    viv mengatakan...
    pada 

    Waah kayaknya banyak yang antusias nih Kang, tapi saya pengen yang original ajalah dulu..gak asal ikut2an..!
    Anyway, thanks for the info ya Kang...

    Anuh mengatakan...
    pada 

    Wah....
    Mantab cin...
    bukan google v kaya google.... :)

    CCTV Camera Indonesia mengatakan...
    pada 

    menarik

    ardianzzz mengatakan...
    pada 

    Sangat sangat berguna bagiku kang rohman,terima kasih banyaaakkk...

    Mas acrom mengatakan...
    pada 

    menarik jg..

    W4nzz (pondok cerita) mengatakan...
    pada 

    gokil dah update nya kang rohman

    borokokok mengatakan...
    pada 

    Ke Empat Puluhh LIMAXXX....

    Remba mengatakan...
    pada 

    duh ketinggalan aku..mantafff perlu di tiru

    netmild mengatakan...
    pada 

    Unik ya page navigationnya...

    Manchester United Indonesia mengatakan...
    pada 

    lucu juga tampilannya hehehe... ^^ thanx infonya kang

    shedtya mengatakan...
    pada 

    menuju TKP gan.,.,., :D

    shared for all mengatakan...
    pada 

    langsung ke TKP ah.. penasaran pengen tahu caranya ;)

    penyuka blogspot template costum mengatakan...
    pada 

    Assalamu'alaikum Kang Rohman, saya ada lagi Page Navigaion terbaru silahkan lihat2 Beautiful New Page Navi For Blogger With Scroll

    Abu Farhan mengatakan...
    pada 

    Poskan Komentar

    Mau komentar? silahkan, asal jangan komentar spam.

    Maaf! Komentar bernada spam akan saya hapus.