Minggu, 29 November 2009

Reset Blogger Template

Reset  Blogger Template

Sabtu, 28 November 2009

Variasi Icon Pada Judul Sidebar

variasi icon

Pernah melihat blog yang judul sidebarnya memiliki variasi icon yang berbeda antara satu widget dengan widget lainnya?

Memang sepertinya sedikit cukup menarik apabila setiap judul di sidebar mempunyai icon yang berbeda karena sejatinya judul disidebar tidak mempunyai icon, atau apabila mempunyai icon, icon tersebut akan sama anatara widget yang satu dengan widget yang lainnya.

Agar judul sidebar anda mempunyai icon yang bervariasi, maka ada sedikit trik yang harus anda lakukan.

Bagi anda yang tertarik namun belum mengetahui caranya, berikut kang rohman akan memberi gambaran bagaimana agar anda bisa dapat memasang icon favorit anda pada judul sidebar.

 

#1 Pilih Icon Favorit anda

Silahkan persiapkan icon favorit milik anda atau jika belum mempunyai koleksi icon anda bisa mendownloadnya secara gratis di internet. sedikit referensi, kang rohman pernah posting beberapa penyedia icon gratis, silahkan anda baca pada artikel Free Icon Untuk Blog Dan Website atau pada artikel

Cari icon  di IconFinder.

 

Sebagai contoh, beberapa icon yang kang Rohman pakai ;

 

 icontexto-user-web20-blogblogs icontexto-webdev-social-bookmark-09 icontexto-webdev-social-bookmark-blogblogs icontexto-webdev-valentine icontexto-webdev-arrow-right-032x032 icontexto-webdev-add-032x032 icontexto-webdev-contact-032x032 icontexto-webdev-file-032x032 icontexto-webdev-ok-032x032 icontexto-webdev-rss-feed-032x032 

 

Silahkan upload icon-icon tersebut ke hosting tempat biasanya anda menyimpan gambar, jika anda belum mengetahui bagaimana cara upload gambar, anda bisa membaca artikel kang Rohman tentang  Buat Logo & Image Button atau bisa juga anda baca artikel Upload gambar melalui blogger.

 

Berikut beberapa contoh alamat gambar (URL) icon yang telah kang di upload :

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghA-AXXQ3daHto2r3AbG1d1Xm3NIE0G_jkbrRKVCagHfpQi-VhyOcoxu73_p8k_y4VMXPqgE9Fj5AjNFhGwbdduzcEq0_FsVS8yYH4g6GYxpMZPrTcjDXVBlZYQl26-aMAA3Eid8Zok7A/

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7HjH4Y21iwwDYyvGidgNB4w0t5zmJflPEw3wAb_imlQcu4L1Nz5kc18WdgfB-R8B57i1mLR56IV__XAe5LGS1sFkmZBXK4sRTqo6HBBnZkhLJacGXMFrrmrh3HpFSbf75wyVp2dyGUkc/

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-uK4sc1WPl2XYmlOu7TOUUCbChlRJMHfoEHqwfUHZKsyNqOcgq8cZqPe6v1MVkDGBVQLicrl2FAcaLOmWWwAn-r0PFimhZd7GcyILA1aEv87dXeQP1PmbyTgo9hB_3SuNPnv4jGBxMcc/

 

Silahkan anda sesuaikan berapa jumlah icon yang ingin anda pasang. Sebagai contoh akan diterangkan untuk memasang 3 icon saja.

 

#2 Mencari Kode Widget Sidebar

Langkah kedua yaitu mencari tahu kode widget di dalam template anda, mana yang ingin di pasang icon. Berikut langkah-langkahnya :

 

  • Silahkan login ke blogger dengan ID anda.
  • Klik Tata Letak.
  • Klik tab Edit HTML
  • Carilah kode yang mirip-mirip seperti ini :

    <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
    <b:widget id='Label1' locked='false' title='Categories' type='Label'/>
    <b:widget id='HTML2' locked='false' title='Friend Llinks' type='HTML'/>
    <b:widget id='HTML1' locked='false' title='Sponsors' type='HTML'/>
    <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

  • Setiap blog pasti berbeda kodenya, makanya kang Rohman tulis yang mirip dengan kode diatas. Copy kode tadi pada pada note pad atau sejenisnya.

Dari contoh diatas, blog kang Rohman mempunyai 5 widget, dan yang penting harus anda perhatikan adalah yang tercetak merah  dan orange yaitu :

 

  • Profile1   -    About Me
  • Label1    -    Categories
  • HTML2   -   Friend Llinks
  • HTML1  -   Sponsors
  • BlogArchive1  -  Blog Archive

Yang dicetak merah adalah ID dari widget dan yang dicetak orange adalah judul widget atau judul yang ada di sidebar.

Sebagai contoh, kang Rohman hanya akan memasang pada widget  dengan ID Profile1, Label1, serta HTML2.

 

#3 Membuat kode CSS

Langkah ke tiga adalah membuat kode CSS untuk ID widget yang tadi (Profile1, Label1, serta HTML2). Property yang di buat cukup sederhana, yaitu anda hanya menambah h2 pada ujungnya, contoh :

 

#Profile1 h2 { }

#Label1 h2 { }

#HTML2 h2 { }

 

Untuk value nya, anda bisa berkreasi sendiri sesuai dengan keinginan, namun sebagai contoh, value nya misalkan seperti ini :

 

#Profile1 h2{
background:transparent url(URLGambar) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}
#Label1 h2{
background:transparent url(URLGambar) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}
#HTML2 h2{
background:transparent url(URLGambar) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}


 



Untuk URLGambar tentunya harus anda ganti dengan URl gambar anda, namun sebagai contoh kang Rohman akan memakai URL gambar yang sudah di tulis di artikel bagian atas, sehingga kodenya akan seperti ini :



 



#Profile1 h2{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghA-AXXQ3daHto2r3AbG1d1Xm3NIE0G_jkbrRKVCagHfpQi-VhyOcoxu73_p8k_y4VMXPqgE9Fj5AjNFhGwbdduzcEq0_FsVS8yYH4g6GYxpMZPrTcjDXVBlZYQl26-aMAA3Eid8Zok7A/) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}
#Label1 h2{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7HjH4Y21iwwDYyvGidgNB4w0t5zmJflPEw3wAb_imlQcu4L1Nz5kc18WdgfB-R8B57i1mLR56IV__XAe5LGS1sFkmZBXK4sRTqo6HBBnZkhLJacGXMFrrmrh3HpFSbf75wyVp2dyGUkc/) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}
#HTML2 h2{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-uK4sc1WPl2XYmlOu7TOUUCbChlRJMHfoEHqwfUHZKsyNqOcgq8cZqPe6v1MVkDGBVQLicrl2FAcaLOmWWwAn-r0PFimhZd7GcyILA1aEv87dXeQP1PmbyTgo9hB_3SuNPnv4jGBxMcc/) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}


 



#4 Memasang kode CSS




Karena tadi sudah mendapatkan kode CSS yang di perlukan, maka langkah terakhir adalah memasang kode CSS tadi ke template anda, berikut langkah-langkahnya :

 




  • Silahkan login ke blogger dengan ID anda.


  • Klik Tata Letak.


  • Klik tab Edit HTML


  • Carilah kode ]]></b:skin>



  • Copy lalu paste kode berikut diatas kode tadi ( namun ingat! widget ID serta URL gambarnya harus anda ganti sesuai dengan blog anda )



     



    #Profile1 h2{
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghA-AXXQ3daHto2r3AbG1d1Xm3NIE0G_jkbrRKVCagHfpQi-VhyOcoxu73_p8k_y4VMXPqgE9Fj5AjNFhGwbdduzcEq0_FsVS8yYH4g6GYxpMZPrTcjDXVBlZYQl26-aMAA3Eid8Zok7A/) no-repeat scroll left center;
    padding:8px 8px 2px 40px;
    margin-top:15px;
    }
    #Label1 h2{
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7HjH4Y21iwwDYyvGidgNB4w0t5zmJflPEw3wAb_imlQcu4L1Nz5kc18WdgfB-R8B57i1mLR56IV__XAe5LGS1sFkmZBXK4sRTqo6HBBnZkhLJacGXMFrrmrh3HpFSbf75wyVp2dyGUkc/) no-repeat scroll left center;
    padding:8px 8px 2px 40px;
    margin-top:15px;
    }
    #HTML2 h2{
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-uK4sc1WPl2XYmlOu7TOUUCbChlRJMHfoEHqwfUHZKsyNqOcgq8cZqPe6v1MVkDGBVQLicrl2FAcaLOmWWwAn-r0PFimhZd7GcyILA1aEv87dXeQP1PmbyTgo9hB_3SuNPnv4jGBxMcc/) no-repeat scroll left center;
    padding:8px 8px 2px 40px;
    margin-top:15px;
    }



  • Klik tombol SIMPAN TEMPLATE


  • Selesai.



    Ternyata mudah sekali bukan?




      Tambahan, agar tampilan icon cocok dengan kondisi template anda maka anda bisa mengubah nilai padding atau margin nya.


    padding:8px 8px 2px 40px;



    margin-top:15px;



     



    Selamat Mencoba!

    Selasa, 24 November 2009

    Free Tool : XP Quick Fix Plus

    XP logo Windows XP anda mengalami beberapa masalah seperti tidak bisa menjalankan Task Manager, Registry Editor, Folder Options dan lain-lain dikarenakan sesuatu hal semisal serangan virus dan lain-lain? mungkin free Tool yang satu ini bisa membantu anda, XP Quick Fix Plus. Dengan XP Quick plus anda bisa meng enable kan kembali perintah-perintah XP yang tidak bisa berfungsi, caranya pun sangat mudah yaitu anda tinggal klik pada tombol-tombol yang disediakan.

     

    XP Quick Fix Plus

    Untuk melihat keterangan lengkap tentang fungsi dari setiap tombol, anda tinggal sorotkan mouse komputer anda pada tombol tersebut dan secara otomatis akan muncul keterangan di panel bagian bawah.

    XP Quick Fix Plus terbilang sangat praktis, karena ukurannya filenya yang kecil yaitu kurang dari 600 KB serta tidak perlu di install, cukup anda menjalankan langsung file tersebut.

    Yang berminat menjajal XP Quick Fix Plus, silahkan langsung pada blog penyedianya :

     

    [ Download XP Quick Fix Plus ]

     

    atau melalui softpedia

     

    [ Download Via Softpedia

    Mobify sebagai Alternatif Media Handheld

    Mobify sebagai Alternatif Media Handheld

    Opera Rilis Opera 10.10 final

    Jika pada bulan oktober kemarin pengembang Opera merilis browser opera 10.01, maka pada bulan November ini Opera kembali merilis versi terbaru dari browser Opera yaitu Opera 10.10 Final. Dalam versi terbaru ini para pengembang Opera menambahkan beberapa fitur baru serta peningkatan kemanan dan stabilitas.

    Dengan opera 10.10 anda dapat berbagi photo, file, streaming musik dan lain-lain langsung dari browser opera.

     

    opera1010

     

    Fitur - fitur  :

     

    Opera Unite

    1. Use applications to share content with others in a quick and easy way.

     

    Opera Turbo

    2. Boost your speed with our powerful servers to compress Web pages, so you get them faster.

     

    Visual tabs

    3. Drag the handle underneath the tabs to reveal thumbnails of your open Web pages.

     

    Customizable Speed Dial

    4. Get easy access to your favorite sites every time you open a new tab. Choose the layout and the background you prefer.

     

    Opera Link

    5. Synchronize your Speed Dial, bookmarks, notes and other useful data.

     

    Yang mau mencoba Opera 10.10, silahkan download langsung ke situs resmi opera.

     

    Download Opera 10.10

    Senin, 23 November 2009

    Trik Kreatif Meningkatkan Trafik


    Minggu, 22 November 2009

    Billion In Training with Brad Sugars

    Apakah anda pernah berpikir untuk menjual mainan anda ketika masih berumur 7 tahun? Apakah anda pernah berpikir untuk mempekerjakan orang ketika berumur belasan tahun? Apakah anda pernah bekerja pada seseorang dan menemukan bahwa prestasi yang lebih baik daripada pimpinan anda hanya akan membuat anda disingkirkan, sehingga kemudian anda berencana untuk tidak bekerja pada orang lain? Apakah anda pernah berusaha mengembangkan diri anda dengan mengikuti pelatihan-pelatihan usaha agar akan menjadi bekerja untuk diri sendiri? Apakah anda pernah mendapatkan profit yang besar sekaligus pernah mengalami rugi yang besar?


    Kalau iya, berarti anda melakukan hal yang sama seperti yang pernah dilakukan dan dipikirkan Brad Sugars, pemilik berbagai jenis perusahaan, penulis buku, kolumnis majalah Enterpreneur USA, dan pelatih bisnis ternama dari Australia. Yang anda perlukan sekarang hanya tinggal pengetahuan dan pengalaman dari salah seorang pengusaha terbaik, benar-benar terbaik, untuk menjadi sepertinya. Tapi siapa?


    Coba telusuri lagi kenalan, mentor, dosen, saudara/rekan yang sukses, atau siapapun yang kira-kira bisa menjadi guru anda, dan ingat-ingat lagi prestasi mereka. Apakah mereka pernah meningkatkan penjualan sebuah toko retail sebesar 39% hanya dalam 9 bulan? Apakah mereka pernah meningkatkan penjualan suatu toko pizza, dari hanya terjual di kafe-kafe, hingga terjual ke setiap toko retail? Apakah mereka pernah membeli kepemilikan suatu toko pakaian wanita hanya dengan sebuah janji untuk meningkatkan penjualan, dan benar-benar mewujudkannya dalam 9 minggu pertama? Apakah mereka pernah dinominasikan sebagai finalis chairman of the year oleh The American Business Award? Apakah mereka bisa disetarakan dengan Rupert Murdoch, Henry Ford, Richard Branson and Anita Roddick? Apakah mereka pernah diajak pengarang buku bestseller “Rich Dad, Poor Dad”, Robert T. Kiyosaki, untuk memberikan pelatihan pada seminarnya? Kalau mereka tidak pernah, Brad Sugars pernah! Dan ia akan datang pada tanggal 26 November 2009 nanti untuk membimbing mereka yang bermimpi besar membangun konglomerasi. Untuk menjadi yang terbaik, kita harus belajar dari yang terbaik.

    Billionaire in Training – Brad Sugars

    Dibawakan Langsung Oleh
    CEO ActionCOACH

    Hadir dan serap kemampuan Brad Sugars secara LIVE!

    Kamis 26 November 2009

    4 Hari Lagi ! ! !

    di Jakarta International Expo, Arena Pekan Raya Jakarta, Kemayoran Hall D1-D2

    Semuanya akan dibawakan langsung CEO oleh ActionCOACH. Ia ingin anda benar-benar yakin bahwa anda akan mendapat modal utama yang anda butuhkan untuk berbisnis.  

    Siapa saja yang mempunyai mimpi besar dan ingin belajar bisnis, silahkan bergerak mewujudkan impian anda.

    karyawan, pengusaha, mahasiswa, manajer, wiraswasta, birokrat, ibu rumah tangga, dan semua lapisan masyarakat --> membutuhkan pengembangan diri dalam berbisnis. Dan inilah saatnya!

    Satu yang pasti, walau tanpa investasi, anda bisa membuka jalan bagi kesempatan memiliki usaha yang besar.

    Sampai bertemu di Billionaire in Training- Brad Sugars!

    Tidak bisa datang..? Daftarkanlah rekan, keluarga, relasi, dan staf Anda. Atau paling tidak sebarkan email ini kepada rekan anda, siapa tahu ini adalah jalan kesempatan bagi dirinya. Dan... satu credit untuk anda di surga nantinya.

    Untuk informasi lebih lanjut silahkan menghubungi:

    clip_image001

    Rukan Permata Senayan Blok D-33

    Jl. Tentara Pelajar, Kebayoran Lama

    Jakarta 12210

    Contact Person: Ning Mahayu

    Phone: 021 3713 61 65

    Mobile: 0857 153 20001 (Dyah)

    Fax: 021 5794 1173

    Mail at: billionaireintrainingjakarta@gmail.com

    Daftarkan saya sekarang!

    Sabtu, 21 November 2009

    Theme Windows 7 untuk Windows XP

    windows 7 Kehadiran Operating System Windows 7 besutan Microsoft gaungnya jauh lebih nyaring dibanding dengan produk Microsoft sebelum yang diberi label  Windows Vista. Oleh karena tidak heran jika banyak orang ingin mencoba seberapa handalkah Windows 7. Namun, tidak semua orang bisa merasakan kehandalan dan keindahan dari Windows 7, banyak alasan tentunya, mulai dari harga software tersebut yang belum terjangkau oleh isi kantong atau hardware yang lama tidak kompatibel dengan windows 7 sehingga ujung-ujungnya tetap harus keluar kocek yang banyak.

    Bagi anda pemakai OS Windows XP namun ingin merasakan citarasa kelezatan Windows 7 ada cara mudah, murah nan meriah yaitu dengan cara menginstall Theme Windows 7 untuk Windows XP. Dengan terinstallnya Theme Windows 7 pada XP anda, maka kelembutan dan kehalusan Windows 7 akan anda rasakan dan nikmati Big Grin

     

    Windows-Xp Windows-7

     

    Berikut beberapa link download Theme Windows 7 untuk Windows XP :

     

      windows 7 themecomplete

    Selain link diatas tentunya masih banyak lagi theme windows 7 yang bisa anda dapat, silahkan anda cari sendiri. Namun tentunya ini hanyalah theme, tidak seluruh fitur Windows 7 akan anda rasakan dan perlu diketahui juga bahwa dengan menggunakan theme ini maka sedikit berpengaruh terhadap kinerja atau kecepatan proses komputer anda.

    Jumat, 20 November 2009

    Kontak Form dengan Google Docs

    google-docs Satu tahun yang lalu kang Rohman pernah menulis tentang Cara membuat Contact form / Kontak Kami dengan menggunakan layanan dari emailmeform.com. Setelah mengunjungi beberapa blog baik itu yang di dalam negeri ataupun luar, ternyata sekarang banyak yang menggunakan kontak form yang dibuat dari google docs.

    Nah, bagi anda yang tertarik ingin membuat kontak form dengan menggunakan Google Docs namun tidak mengetahui caranya, berikut kang Rohman terangkan langkah-langkahnya :

     

    • Silahkan login ke Google docs dengan ID gmail anda.
    • Klik Tombol drop down  “ Create New “, lalu pilih “ Form “.

      Google docs form

    • Klik tombol “Theme: Plan” jika anda ingin memilih tampilan form sesuai dengan keinginan, atau jika tidak ingin memilih theme tinggal abaikan saja.
    • Gantilah tulisan “ Untitle Form “ dengan tulisan yang anda inginkan, misal : Kontak kami. Isilah kotak yang ada di bawahnya dengan tulisan yang anda inginkan, misal : Untuk menghubungi kami, silahkan isi form di bawah.
    • Silahkan anda pikirkan, elemen apa saja yang ingin anda buat. Contoh sederhana yang sering di buat dalam sebuah kontak form adalah “ Nama, Email, Subjek, Pesan “ untuk menambah elemen baru, anda tinggal klik tombol “ Add item  “ yang ada di bagian kiri atas.
    • Untuk membuat form isian sesuai dengan keinginan, Isilah kotak Question Title dengan yang diinginkan, contoh : Nama. Help Text boleh di isi atau di kosongkan, Question Type pilih “Text”. Centang kotak kecil di samping tulisan “Make this a required quetion” jika anda menginginkan agar form tersebut harus di isi oleh pengirim pesan. Klik tombol “ Done “ jika form yang ini sudah selesai.

      form nama

    • Untuk membuat form isian lain, anda tinggal menambah elemen baru dengan cara klik tombol “ Add item “ lalu isi dengan keinginan anda. Untuk question type, sesuaikan dengan kebutuhan.
    • Jika semua form yang diingkan sudah selesai dibuat, Silahkan klik tombol “More Action” lalu pilih “ Edit Compirmation “, isilah dengan ucapan yang diinginkan. Tulisan tersebut adalah tulisan yang akan muncul ketika pengunjung selesai mengirim pesan. Contoh tulisan : Terima kasih telah menghubungi kami, Kami akan berusaha sesegera mungkin untuk membalasnya. Klik tombol “ Save “ jika sudah selesai.

      Edit confirm

    • Klik kembali tombol “More Action”, lalu pilih “Embed”. Copy kode yang di berikan, lalu paste pada “Note pad” ataupun text editor lainnya. Kode tersebut adalah kode yang nanti harus di pasang pada blog anda.
    • Selesai.

    Cara pasang Kontak Form pada blog

    Setelah anda mendapatkan kode kontak form dari google docs, langkah selanjutnya adalah memasang kode tersebut pada blog anda.

    Berikut langkah singkatnya :

     

    • Silahkan login ke blogger dengan ID anda
    • Klik Entri baru
    • Beri judul posting anda, contoh Kontak Kami.
    • Pindahkan tab penulisan ke Edit HTML
    • Copy paste kode kontak form yang tadi di dapat dari google docs
    • Klik tombol Terbitkan Entri.
    • Selesai.

    Contoh nyata kontak form yang kang rohman buat adalah seperti kontak form di bawah ini :

    Untuk memeriksa pesan yang masuk, anda tinggal login ke google docs, lalu lihat pada file yang anda buat tadi.

    Sedikit tambahan, contoh kode yang didapat dari google docs :

    <iframe src=http://spreadsheets.google.com/embeddedform?key=tdWoV2dYiv-4sCe4-5kOr width="760" height="783" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>

    Agar lebar serta tinggi kontak form sesuai dengan blog anda, ubahlah nilai angka yang kang rohman cetak merah.

    Selamat mencoba!

    Kamis, 19 November 2009

    Mengenal Blogazine ? Masa Depan Blog Post ?

    blogazine

    Kreasi MooTools untuk Pengembangan Desain Weblog

    Ragam Kreasi MooTools

    List Template blogtemplate 4 U (6)

    Semakin hari template yang disubmit ke blogtemplate4u.com semakin banyak dan desainnya pun sudah profesional. Bagi anda yang sedang mencari template, mungkin list template dibawah ini bisa dijadikan pertimbangan untuk dipakai diblog anda.

    Untuk melihat detail template, silahkan klik pada gambarnya :

     

    Scoreboard Template super bike template
    maylee-template violettemplate
    Grunge-template Chicago Cubs Wrigley Field
    Noesa Penida Template wcute template
    gogreen template Football
    Community Template The Clam Shell template
    Simple Newspaper template strawberry template
    yestilo simple dark template
    featuring template blogger one
    Evidens Blue template Flower Garden template
    Football Stadium template protonema

    Twitter Delicious Facebook Digg Stumbleupon Favorites More