Tampilkan postingan dengan label tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label tutorial. Tampilkan semua postingan

Senin, 12 Maret 2012

CARA MENGETAHUI VERSI SOFTWARE TERINSTAL DI KOMPUTER

CARA MENGETAHUI VERSI SOFTWARE TERINSTAL DI KOMPUTER




Kita sering menginstall berbagai macam software di komputer dan laptop, apakah kita mengingat software-software yang telah di install dan telah diupdate versinya?

Posting kali ini akan share bagaimana cara mengetahui versi-versi software yang telah kita install di komputer atau laptop. Dengan bantuan software informer. Software ini sangat bermanfaat sekali untuk mengetahui versi-versi software dan driver yang telah install di komputer. Andapun bisa langsung diarahkan ke website program tersebut atau langsung menginstallnya lewat software ini. Software informer ini  memiliki size yang tidak terlalu besar untuk kategori software yang berguna. silakan anda coba sendiri dengan software ini.

Silahkan download softwarenya klik Disini. 

Sumber Oleh : yudhafab

Minggu, 12 Februari 2012

Cara Membuat Animasi Dengan Photoshop

Cara Membuat Animasi Dengan Photoshop

Software : adobe Photoshop CS3 - CS4 .. CS2 blom cek udah ada fasilitas animasinya ato belom yaa.. mungkin masih pake Image Ready.

By Request : Saya bikin Tutorial ini karena banyak yang request.
Saya coba buat dasar-dasar nya aja.. atau gimana sih cara buat suatu gambar itu jadi gerak.. belom masuk ke berubah bentuk ya.. cuman gerak aja..
Pembuatan animasi di photoshop ada 2 cara :
1. Import Langsung dari layer ( Make frame from layers - buat yang udah EXPERT )
2. Manual ( ini khusus buat menggerakan benda aja)
Sekarang kita mulai dengan yang manual dulu aja yaa.. dari dasar dulu la..
Pertamax.. hehehe buka dokumen baru :

animasi1

Buat kotak dengan rectangle marquee tool. Klik Select > Inverse.. lalu warnai dengan warna Hitam Klik Edit > Fill > Black

animasi2

Sekarang buat lingkaran dengan Elliptical Marquee tool.. ( Sambil tekan tombol SHIFT biar Bener-bener bulet jadinya )..
Warnai dengan Gradient TOol > Radial Gradient. Warna Terserah aja..

animasi3

Kalo ngikutin nya bener … jadinya kayak gini ..

animasi4

Sekarang kita gerakkan Bola nya..
Klik Windows > Animation, maka muncul Animation Bar..

animasi5

Klik Duplicate Selected Frame .. Muncul Frame baru dengan posisi bola yang sama..

animasi6

Sekarang pindahin bola yang ada di frame 2 ke tepi kiri tengah..

animasi7

Klik Tween Animation Frame untuk membuat Frame-frame dari posisi bola di atas ke posisi bola di samping secara otomatis.. kalo mau gerakan nya halus.. frame nya banyakin aja.. saya pake 5 frame aja..

animasi8

Sekarang udah jadi deh.. gerakan dari atas ke samping kiri.. coba aja tekan tombol Play.

animasi9

Pake cara yang sama .. Sekarang klik frame terakhir.. Klik duplicate selected frame lagi.. Pindahkan bola ke bawah tengah.. lalu buat Tween animation frame.sebanyak 5 juga.. Lalu animasikan bola dari tengah bawah ke tengah kanan.. animasikan lagi..
Untuk yang terakhir jangan sampe kembali ke posisi awal.. tapi buat renggang sedikit..

animasi11

Klik tombol Play.. Kalo udah Ok save di GIF..
Klik File > Save For Web and Devices

animasi12
Hasilnya :
animasi12

Selamat Mencoba…

Panduan Blogger 

Sabtu, 10 Desember 2011

Perintah “Command Prompt” yang sebaiknya diketahui



Perintah “Command Prompt” yang sebaiknya diketahui

Command Prompt bagi sebagian pengguna komputer mungkin sudah tidak digunakan lagi. Bahkan mungkin sebagian pengguna komputer baru tidak pernah tahu apa itu command prompt. Meski jarang digunakan, tetapi sampai Windows 7, Command Prompt tetap disertakan, ini menandakan bahwa fitur ini masih sangat penting.

Perintah command prompt yang disediakan mulai windws 9x sampai windows 7 pun semakin bertambah, mulai dari yang sederhana sampai perintah kompleks untuk administrator dalam mengatasi dan menganalisa berbagai masalah. Berikut beberapa perintah dasar command prompt yang sebaiknya kita ketahui karena cukup bermanfaat.
Untuk menjalankan command prompt, bisa melalui start Menu (All Programs) > Accessories kemudian pilih Command Prompt. Selain itu bisa juga dengan cara yang lebih cepat melalui menu RUN di start menu ketikkan CMD dan tekan enter.

DIR

Perintah ini untuk menampilkan daftar file dan directory di lokasi folder yang sedang di akses di command prompt. Untuk menampilkan file dan folder yang tersembunyi, tambahkan opsi atau parameter /A setelah perintah DIR. Pastikan sebelum garis miring ada spasi, contohnya
DIR /A



Untuk mengetahui parameter atau opsi lainnya, silahkan ketikkan DIR /?

CD atau CHDIR

Perintah ini berguna untuk berpindah directory. CD dan CHDIR mempunyai fitur hampir sama, hanya saja untuk CHDIR kita bisa menuliskan lokasi folder atau file yang ada spasinya tanpa tanda petik dua. Berikut beberapa contoh perintah dan fungsinya :
  • CD D: untuk berpindah ke drive D:
  • CD.. untuk berpindah ke directory diatasnya
  • CD\ atau CD/ untuk berpindah ke root directory (untuk windows 7/Vista). Misalnya di command prompt kita ada di C:\User\Aku>, untuk berpindah ke C:, kita bisa mengetikkan CD.. sebanyak 2 kali. Lebih singkatnya kita bisa mengetikkan CD/
Selain penggunaan seperti itu, kita juga bisa memanfaatkan fitur autocomplete nama file atau folder. Setelah mengetikkan CD kemudian di ikuti spasi dan huruf tertentu, bisa kita tekan tombol Tab (bisa berkali-kali) untuk mendapatkan fitur auto complete nama folder atau file.

IPCONFIG

Sangat bermanfaat dalam hal koneksi internet atau jaringan. Dengan mengetikkan perintah IPCONFIG kemudian di tekan enter, akan ditampilkan alamat IP komputer kita dengan beberapa informasi tambahan seperti Gateway, SubnetMask dan lainnya. Untuk informasi lebih lengkap kita bisa mengetikkan IPCONFIG /ALL.
Tambahan /ALL tersebut merupakan options atau parameter. Selain /ALL, terdapat beberapa parameter lainnya yang cukup bermanfaat. Untuk daftar parameter selengkapnya, silahkan ketikkan IPCONFIG /?

PING

Seringkali ketika internet atau jaringan tidak bisa terkoneksi. Untuk mengetest koneksi internet atau jaringan, kita bisa menggunakan perintah PING dan di ikuti nama website atau alamat IP yang dituju. Misalnya sebagai berikut:
PING www.google.com
PING 74.125.235.51

 


Jika hasilnya Reply from…., maka koneksi jaringan atau internet bisa dikatakan OK, tetapi jika muncul tampilan Request time out, ada beberapa kemungkinan, seperti tidak ada koneksi, kabel atau jaringan bermasalah atau alamat yang dituju tidak ada atau tidak ditemukan dan lainnya.

ATTRIB

Virus atau worm yang menyerang komputer biasanya menyembunyikan file atau folder yang ada di komputer atau flashdisk. Jika hal ini terjadi, kita bisa menggunakan perintah ATTRIB untuk menampilkan file tersebut ( termasuk untuk menyembunyikan file-filenya). Perintah berikut akan menampilkan semua file dan folder yang ada di folder yang sedang di akses di command prompt.
ATTRIB *.* -S -H -R /S /D



Informasi selengkapnya baik perintah ini atau menampilkan file tersebunyi, silahkan baca tulisan saya terdahulu Files dan Folder disembunyikan Virus ?. Atau jika ingin lebih mudah, gunakan saja program kecil (tanpa perlu install) yang pernah saya buat, Hidden File Tool.

Beberapa Tips Tambahan

Semua perintah command prompt biasanya menyertakan banyak parameter yang bisa digunakan. Untuk mengetahui parameter apa saja yang disediakan, tambahkan spasi dan /? setelah perintah yang ingin diketahui. misalnya ATTRIB /?, PING /?. Setiap menambahkan parameter, sebelum tanda garis miring (/) jangan lupa beri spasi.
Jika kita ingin hasil perintah yang kita tuliskan bisa disimpan dalam text, disetiap akhir perintah bisa kita tambahkan tanda “>” dan di ikuti nama file. Misalnya perintah berikut:
IPCONFIG /all > D:\hasil_cmd_config.txt
Maka hasilnya tidak akan tampil di command prompt, tetapi tersimpan dalam file “hasil_in_config.txt ” yang ada di drive D:. Jika nama folder atau file mengandung spasi, maka harus kita beri tanda petik dua diawal dan akhirnya. Misalnya sebagai berikut :
IPCONFIG /all > "D:\hasil cmd config.txt"
Untuk membersihkan tampilan layar, gunakan perintah CLS. Setelah selesai, untuk keluar selain klik tombol X dipojok, bisa juga kita ketikkan perintah EXIT. Jika kita ingin tampilan yang berbeda dan lebih menyegarkan, kita bisa mengganti dengan mudah. Selengkapnya silahkan baca tulisan saya sebelumnya Mempercantik tampilan Command Prompt
Semoga beberapa perintah command prompt diatas bisa bermanfaat. Untuk perintah command prompt selengkapnya bisa melihat mengikuti link A-Z Command Prompt windows XP atau A-Z command prompt Win Vista/7

Rabu, 22 Juni 2011

Cara Mempercepat Download Hingga 6 Kali Lipat

Cara Mempercepat Download Hingga 6 Kali Lipat dengan Free Download Manager
Bagi anda yang suka mendownload sesuatu dari internet, kecepatan download adalah satu hal yang sangat penting. Anda pasti sangat sebal ketika mendownload suatu file yang berukuran besar dengan kecepatan yang sangat lambat. Untuk itu pada kesempatan kali ini PG akan berbagi tips bagaimana cara mempercepat download hingga 6 kali lipat dengan menggunakan software download manager yang Gratis dan Legal.
Ketika membicarakan masalah software download manager untuk mempercepat download, hampir sebagian besar orang akan menyebut IDM (Internet Download Manager) maupun DAP (Download Accelerator Plus). Hal itu tidaklah mengherankan karena baik IDM maupun DAP memang merupakan software yang paling populer di kelasnya. Akhirnya banyak orang memakai Internet Download Manager dan Download Accelerator bajakan dengan crack sebagai solusinya. Hal ini beresiko terhadap terinfeksinya komputer kita dengan virus, spyware, malware maupun threat berbahaya lainnya yang terkadang disisipkan melalui crack tersebut.
Free Download Manager untuk Mempercepat Download Secara 
Untuk itu sekarang PG akan membagikan tips dan cara mempercepat download hingga 6 kali lipat dengan Free Download Manager (FDM). Free Download Manager adalah sofware download manager gratis namun memiliki kemampuan untuk meningkatkan kecepatan download hingga 6 kali lipat! Hasil ini PG peroleh ketika melakukan pengujian terhadap software free download manager.
Untuk membuktikannya, PG melakukan pengujian terhadap peningkatan kecepatan download antara sebelum dan sesudah menggunakan Free Download Manager. Berikut ini adalah hasil perbandingan kecepatan download tersebut :
1. Kecepatan download sebelum menggunakan FDM adalah 34.4 KB/sec
Kecepatan Download Sebelum menggunakan FDM
2. Kecepatan Download Dengan Menggunakan FDM meningkat drastis menjadi 186 KB/sec atau meningkat hampir 6 kali lipat lebih cepat

Kecepatan Download dengan Menggunakan FDM Meningkat Drastis
Dengan begitu didapatkan hasil bahwa kecepatan download sesudah menggunakan Free Download Manager meningkat hingga 5,5 atau hampir 6 kali lebih cepat daripada sebelum menggunakan FDM.
Fitur dari Free Download Manager (FDM) adalah :
1. Gratis dan Legal
Tidak seperti software Internet Download Manager (IDM) atau Download Accelerator Plus (DAP) yang berbayar, Free Download Manager (FDM) ini bisa anda gunakan secara gratis dengan kemampuan yang tidak kalah ampuh.
2. Support BitTorent
Bagi anda pengguna windows 2000,XP,2003 maupun Vista, anda bisa menikmati fitur support BitTorent ini. Dengan fitur ini anda bisa mendownload dari BitTorent protocol tanpa menggunakan software torrent downloader.
3. Upload Manager
Dengan kemampuan ini, anda bisa dengan mudah mengupload file dan berbagi dengan teman anda langsung melalui FDM
4. Support Video Download
FDM mampu mendownload video dalam berbagai format termasuk flash video format (.flv) seperti yang digunakan oleh YouTube, Google Video, dsb. Anda bisa mendownloadnya sebagai .flv atau langsung mengconvertnya ke berbagai format video populer lainnya.
5. Remote Control
Anda bisa mengakses Free Download Manager secara remote via internet mulai dari membuat download baru, melihat list download yang sedang aktif maupun proses download yang sudah selesai.
6. Portable Mode
Anda tidak perlu menginstal FDM lagi ketika anda ingin menggunakan komputer lain. Anda cukup membuat versi portable dari Free Download Manager dengan mudah dari menu yang telah disediakan.
7. Menu Pengaturan Audio/Video yang Lengkap
Anda bisa melihat video atau mendengarkan audio bahkan ketika proses download belum selesai. Setelah proses download selesai anda juga bisa langsung mengconvertnya menjadi format yang anda inginkan. Semua bisa anda setting secara otomatis.
8. Download Acceleration
Ketika anda mendownload file, Free Download Manager akan membagi file tersebut menjadi beberapa bagian dan mendownloadnya secara bersamaan. Hal ini membuat proses download menjadi jauh lebih cepat. Sesuai dengan pengujian yang PG gunakan, FDM bisa mempercepat download hingga hampir 6 kali lebih cepat.
9. Resume proses download file yang broken
Ada kalanya ketika kita mendownload file, maka ada hal-hal yang membuat proses download kita terhenti misalnya saja koneksi yang tiba-tiba down, lampu yang tiba-tiba mati, komputer yang restart tiba-tiba dan masih banyak penyebab lainnya. Hal tersebut membuat proses download kita terhenti. Dengan Free Download Manager, anda bisa meresume atau melanjutkan proses download yang terhenti tersebut. Hal ini akan menghemat waktu dan uang anda daripada harus mendownload semuanya dari awal lagi.
10. Pengaturan File dan Scheduler file yang powerful
Anda bisa mengatur jenis-jenis file yang anda download berdasarkan tipe nya. Anda bisa menyimpan tipe-tipe tersebut di folder yang berbeda ketika anda mendownloadnya. Anda juga bisa start dan pause proses download yang sedang berlangsung.

11. Pengaturan Penggunaan Traffic dan Kecepatan Internet
Ada kalanya anda ingin download sambil browsing. Terkadang kita jengkel ketika mendownload suatu file dengan software download manager, maka bandwidth akan tersedot habis untuk mendownload file tersebut. Akibatnya browsing menjadi sangat lemot. Nah dengan Free Download Manager ini anda bisa mengatur berapa traffic atau bandwidth yang ingin anda gunakan untuk download, sehingga sisanya bisa anda gunakan untuk browsing tanpa terganggu proses download yang sedang berlangsung

12. Memiliki Site Explorer
Dengan Site Explorer, anda bisa dengan mudah melihat dan mengatur folder tempat anda menyimpan file hasil download anda.

13. Memiliki HTML Spider

Anda bisa mendownload halaman sebuah situs dengan menggunakan HTML spider ini. Anda juga bisa memerintahkan HTML Spider ini untuk hanya mendownload file dengan tipe tertentu di sebuah halaman website.
14. Download bersamaan dari banyak server Mirror sekaligus
Free Download Manager akan mendownload file dari banyak mirror sekaligus untuk semakin meningkatkan kecepatan download anda.
15. Proteksi terhadap Spyware dan Adware dari Komunitas FDM
Ketika anda mendownload sebuah file, maka anda bisa secara langsung melihat komentar pengguna FDM di seluruh dunia yang sudah mendownload file tersebut. Dengan begitu anda bisa membaca peringatan dari komunitas ketika file yang anda download ternyata berbahaya dan mengandung virus, spyware, adware maupun threats berbahaya lainnya.
Fitur sebanyak itu dan fakta hasil pengujian PG menunjukkan bahwa Free Download Manager tidak kalah, bahkan bisa lebih unggul dari software download manager berbayar yang populer saat ini.
Untuk itu bagi anda yang suka mendownload file dari internet, berikut ini PG berikan tips bagaimana cara install dan cara menggunakan Free Download Manager secara detail langkah demi langkah :

1. Download FDM secara gratis disini :

Download FDM
2. Double Klik Installer FDM yang baru saja anda download

Double Klik Installer FDM
3. Klik Next untuk memulai proses instalasi Free Download Manager

Memulai Instalasi FDM
4. Pilih I Accept the Agreement dan Klik Next hingga proses instalasi selesai
Proses Instalasi FDM
5. Klik Finish Ketika Proses Instalasi selesai
Proses Instalasi FDM Selesai
6. Free Download Manager akan otomatis terbuka saat pertama kali penginstalan. Ketika keluar dialog box, silahkan pilih kecepatan koneksi internet anda dan klik Finish
Setting Awal FDM
7. Untuk mendownload file, cukup klik link file yang ingin anda download (Di contoh berikut ini saya mendownload dari mediafire)
Memulai Proses Download
8. Atur pengaturan untuk penyimpanan file dan klik OK
Pengaturan penyimpanan File
9. Ketika muncul Kotak Konfirmasi, centang “Do Not Preview in The Future” dan klik Yes
Konfirmasi Download
10. Selamat menikmati kecepatan download anda secara maksimal.
Dengan menggunakan Free Download Manager ini, proses download anda bisa menjadi lebih cepat hingga 6 kali lipat. Meningkatnya kecepatan download ini akan menghemat waktu, biaya dan mendownload file menjadi lebih menyenangkan.
Download Juga: 
1. Mempartisi dan Memanage Hardisk dengan Wondershare Disk Manager Gratis
2. Trik Mempercepat Download Video yang Anda Lihat Secara Online
3. Tips Mempercepat Download
4. Cara Mempercepat Game dengan Game Booster 2
5. Download AVG Antivirus Free Edition 2011 Gratis

Cara Membuat Texs to Image

Google
Add this gadget to your webpage
Link to this page   
This is a preview of what the gadget would look like on your page. If parts of the gadget appear cut off, try increasing the width and/or height. More about this gadget.








Tip: Drag the bottom right corner of the preview above to resize the gadget.
Display settings
Title
Width px
Height px

Border
   


 

iGoogle changes that may impact open syndication gadgets
Look for more Google Gadgets for your webpage
Terms and Conditions for Webmasters

Jumat, 17 Juni 2011

Tips dan Trik Mudah Agar Blogger Blog Bisa diakses Handphone

Seperti kita ketahui bersama bahwa jutaan masyarakat dunia mengakses internet dengan memakai
handphone ( HP ). Disamping itu kecepatan akses menggunakan HP untuk sekarang ini semakin dikembangkan terus menerus dan semakin cepat seperti 3G, Mobile APP dan lain-lain.

Berasal dari fakta ini
maka, bisa kita katakan begitu banyak pengunjung blog kita berasal dari pengguna
HP. Untuk itu jika Blog kita tidak di arahkan atau dibuat tidak ramah HP maka
tidak menutup kemungkinan kita akan kehilangan banyak pengunjung yang berasal
dari komunitas pengguna handphone ( Mobile ). Secara umum blog memakan banyak
waktu untuk loading pages dan banyak issue juga bahwa banyak handphone yang
tidak kompatibel dengan layar handphone.

Maka, sekarang saya akan
berbagi tips dan triks bagaimana caranya agar Blog kita ramah handphone, artinya
ketika blog kita di akses via HP tidak menemui kendala baik dalam hal loading
juga kompatibiliti-nya.

Adapun caranya adalah :


  1. Login ke blogger
    sobat


  2. Pilih Elemen
    Rancangan


  3. Pilih Edit HTML,
    kemudian cari kode dibawah ini dengan menggunakan Ctrl - F

  4. <b:include data='blog' name='all-head-content'/>

    Kemudian Copy dan Paste-kan kode berikut di bawah kode diatas :


  5. Simpan Template


  6. Maka sekarang
    secara otomatis Google akan men-setting blog sobat menjadi Phone Friendly.


  7. Selesai.

Demikianlah semoga
menjadi tips dan trik bermanfaat.

Selasa, 07 Juni 2011

Cara Membuat Tombol Bookmark di Halaman Blog

Cara Membuat Tombol Bookmark di Halaman Blog

Membuat Tombol submit ke social bookmark seperti digg.com , stumbleuppon, dellicious ,dll di footer halaman artikel blog , dapat mempermudah kita untuk mensubmit halaman blog kita ke bookmarking site tsb.
Caranya sebagai berikut
Untuk blogspot :
Pergi kedashbor blogspot anda, lalu masuk ke Layout  Edit-html centang pada kotak “expand widgetz template”
Lalu Pastekan kode dibawah ini  setelah tag <div class=’post-footer’>
<!– AddThis Button BEGIN –>
<div><a expr:addthis:title=’data:post.title’ expr:addthis:url=’data:post.url’ class=’addthis_button’><img src=”http://s7.addthis.com/static/btn/v2/lg-share-en.gif” width=”125″ height=”16″ alt=”Bookmark and Share” style=”border:0″/></a>
<script type=”text/javascript” src=”http://s7.addthis.com/js/250/addthis_widget.js#username=xa-xxxxxxxx“></script></div>
<!– AddThis Button END –>
Huruf merah itu anda ubah dgn kode user anda yg bisa anda dapatkan disini :
http://www.addthis.com/
nanti di Adhthis..anda pilih tombol utk format blogspot , ( Select your service.) lalu klik tombol “Get Your Button”
Setelah itu …copy kode yg ada di bagian kotak “Blog Post Button Instructions”
Cara PasangTombol Bookmak di blog  WordPress
Untuk WordPress.org (Domain milik sendiri dgn script wordpress) caranya sbb:
1. Log-in ke dashbor blog WordPress Anda.
2. Klik pada Plugin.
3. Gulir ke bawah ke bagian bawah halaman dan klik pada Plugin Browser / Installer.
4. Pada kotak pencarian, ketik AddThis, dan klik Search.
5. Cari plugin AddThis dan klik link “install” di atas kanan.
6. Pada jendela pop-up, klik Install Now.
7. Pada halaman Install, klik link Aktifkan Plugin
8. Anda bisa menyesuaikan AddThis dengan Dalam Setting > AddThis, tambahkan nama pengguna AddThis.com Anda,
Demikian semoga bermanfaat

Artikel Sumber dari :

Cara Membuat Daftar Isi Verion 4

Membuat Daftar Isi Versi 4

Cara lain untuk membuat daftar isi yang saya beri nama Daftar isi Versi 4 yang saya ambil dari Copycat91

  1. Login ke Blogger.
  2. Kemudian buat sebuah Entri Baru dan pilih Edit HTML.
  3. Berilah judul, misalnya: Daftar Isi.
  4. Klik pada Opsi Entri dan setting supaya dipublikasikan mundur (ke tanggal pertama kali kamu posting).
  5. Kopikan script berikut (gunakan Control C) dan ganti NamaBlog sesuai nama Blog kamu:
     
    <div id="cl_option"> Loading... </div>
    <div id="cl_content_list"></div>
    <script type="text/javascript">var jumlah_kata_dalam_ringkasan = 500;</script>
    <script src="http://enes-sc.googlecode.com/files/blogtoc-v3.js"></script>
    <script src="http://NamaBlog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=9999"></script>
    atau script dibawah ini :

     
    <div id="cl_option"> Loading... </div>
    <div id="cl_content_list"> </div>
    <script type="text/javascript">var jumlah_kata_dalam_ringkasan = 200;</script>
    <script src="http://copycat91.googlecode.com/svn/trunk/contentlist.js"> </script>
    <script src="http://BLOGKAMU.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500"> </script>
  6. Jangan lupa untuk mengganti BLOGKAMU dengan URL blog kamu,
  7. Kamu juga bisa mengatur jumlah kata dalam ringkasan dengan mengubah nilai variabel jumlah_kata_dalam_ringkasan,
  8. Untuk mencegah daftar isi ini berada di halaman paling depan, klik "Post Option" di bagian bawah sebelah kiri, kemudian ganti tanggalnya jadi beberapa hari yang lalu, sebulan yang lalu, atau setahun yang lalu,
  9. Kalau kamu ingin yang versi bahasa inggris, ganti aja contentlist.js jadi contentlist_en.js.

    kalau ingin menulis artikel tentang daftar isi ini di blog kamu, kamu boleh menambahkan kode :

     
    <div style="text-align:right; font-size:80%">
    Re-published by: <a href="urlblogkamu.com"> Blog kamu </a>
    </div>
    di bagian bawah kode di atas pada artikel kamu.
    Supaya blog kamu juga dapat backlink dari blogger yang pakai daftar isi ini.
     

Selamat Mencoba...

MEMBUAT DAFTAR ISI VERSI 3

Membuat Daftar Isi Versi 3 


Setelah Posting sebelumnya mengenai Membuat Daftar Isi Versi 1 dan Versi 2, berikut ini adalah bentuk lain dari model daftar isi yang saya ambil dari SC Community's Blognya Kang Enes. Yang merupakan modifikasi dari script nya master blogger Abu Farhan
Ikuti Langkah-langkah berikut ini :
  1. Seperti biasa, login ke Blogger.
  2. Setelah itu klik Dasbor pada blogspot anda
  3. Klik Tata Letak
  4. Klik Tambah Gadget
  5. Pilih HTML/Javascript dan letakkan script ini didalamnya

    DAFTAR ISI BERDASARKAN KATEGORI :

    <script style="text/javascript" src="http://enes-sc.googlecode.com/files/blogtoc-v1.js"></script>
    <script src="http://NamaBlog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

    DAFTAR ISI BERDASARKAN TANGGAL

    <script style="text/javascript" src="http://enes-sc.googlecode.com/files/blogtoc-v2.js"></script>
    <script src="http://NamaBlog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
  6. Ganti link berwarna merah dengan link blog anda
     
  7. Anda dapat merubah link berwarna biru dan hijau dengan script aslinya Abu Farhan
     
    http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js
    http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js

    SELAMAT MENCOBA...
    Diambil dari Blog Tutorial

Cara Membuat Daftar Isi Version 2

Membuat Daftar Isi Versi 2


Cara Membuat Daftar Isi dengan model lain yang diambil dari Blog Marcelino Agatha

Ikuti Langkah Berikut ini :

  1. Copy Kode dibawah ini :

     
    <div style="border: 1px solid #000; overflow: auto; height: 220px;">
    <script style="text/javascript" src="http://h1.ripway.com/marcellinoagatha/daftar_isi.js"></script>
    <script style="text/javascript">
    var numposts = 1000;
    var showpostdate = false;
    var showpostsummary = false;
    var numchars = 100;
    var standardstyling = true;
    </script>
    <script src="http://bloggerblogku.blogspot.com/feeds/posts/default?
    orderby=published&alt=json-in-script&max-results=999
    &callback=showrecentposts"></script>
    </div>
  2. Seperti biasa, login ke Blogger.
  3. Setelah itu klik Dasbor pada blogspot anda
  4. Klik Tata Letak
  5. Klik Tambah Gadget
  6. Pilih HTML/Javascript dan letakkan script ini didalamnya
  7. Ganti link berwarna biru dengan link blog anda
  8. Klik Simpan

Cara Membuat Daftar Isi Blog Versi 1

Membuat Daftar Isi (1)

Daftar isi blog pada website/blog tidak jauh berbeda dengan daftar isi pada halaman buku pada umumnya. Tujuannya tentu untuk memudahkan pembaca mencari halaman yang ingin mereka baca. Sobat tertarik mencobanya, ikuti langkah-langkah berikut,
Langkah pertama :

  1. Masuk ke blogger
  2. Klik menu Layout
  3. Klik menu Edit HTML
  4. Klik link Download full template, save untuk backup data
  5. Copy paste kode CSS berikut di atas kode ]]></b:skin>
    #toc { border: 0px solid #000000; background: #ffffff; padding:2px; width:495px; margin-top:10px;} .toc-header-col1, .toc-header-col2, .toc-header-col3 { background: #B5CBFA; color: #000000; padding-left: 5px; width:250px;} .toc-header-col2 { width:75px;} .toc-header-col3 { width:125px;} .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited { font-size:100%; text-decoration:none;} .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover { font-size:100%; text-decoration:underline; color:#3D3F44;} .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:100%; background:#f0f0f0;}
  6. Save
Langkah kedua :

  1. Klik menu Elemen Halaman
  2. Klik tulisan Tambah sebuah Elemen Halaman 
  3. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML 
  4. Copy paste kode berikut ke dalam elemen yang muncul
    <div id="toc"></div>
  5. Simpan
     
  6. Pindahkan elemen yang baru di buat tepat di atas elemen Post
     
  7. Klik tombol Simpan yang berada di sebelah atas
     
  8. Klik tulisan Tambah sebuah Elemen Halaman kembali
     
  9. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML
     
  10. Beri judul elemen tersebut dengan yang kata yang sobat ke hendaki. Contoh : DAFTAR ISI
    kemudian copy paste kode berikut ke dalam kotak elemen
    <div id="toclink"><a href="javascript:showToc();"&gt;Daftar Isi Blog</a><br/><br/></div> <script style="text/javascript" src="http://home.planet.nl/~hansoosting/downloads/blogtoc.js"></script> <script src="http://namaBlog.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>
    Keterangan
    • Ganti tulisan tebal dengan nama blog Sobat, yang merah adalah tittle Daftar Isi Sobat
    • Simpan
      Tulisan yang muncul pada 'Widet Daftar Isi' di atas adalah berbahasa Inggris, untuk menggantinya menjadi Bahasa Indonesia, lakukan langkah berikut, Pasang dengan kode di bawah ini saja, :

       
      <div id="toclink"><a href="javascript:showToc();"><img src="http://amen24.googlepages.com/folder.gif"/> &nbsp;&nbsp;Lihat Daftar Isi !</a><br/><br/></div> <script style="text/javascript" src="http://amen24.googlepages.com/daftarisi.js"> </script><script src="http://NamaBlog.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>
    Selamat Mencoba

Cara Menampilkan Daftar Posting Menurut Kategori

Menampilkan Daftar Posting Menurut Kategori

Beberapa waktu lalu saya kesulitan untuk membuat navbar menu horizontal dengan submenu vertikalnya...bukan karena menunya tapi direpotkan dengan daftar link yang akan saya masukkan --> jumlahnya cukup banyak misalkan pada menu "Blogging" ada 24 posting yang jika di buat secara manual akan memerlukan waktu yang cukup lama.
Setelah saya cari-cari kesana-kesini akhirnya saya menemukan bagai mana menampilkan posting sesuai dengan kategorinya/labelnya dari blog SC Community'snya Kang Enes, berikut ini adalah script contoh diblog saya :
 
SELAMAT MENCOBA..!

Senin, 06 Juni 2011

Cara Membuat Kode Warna Widget Blog

Pasang Widget Kode Warna di Blog

Kode warna, pasti sobat yang masih suka utak-atik template blogger bakal sering dihadapkan dengan ini. Saya sudah buat posting khusus untuk memilih kode warna untuk kebutuhan desain template. Nah, barangkali ada sobat yang tertarik untuk memasang widget kode warna pada blognya. Namun, sedikit banyak script CSS kode warna ini akan mempengaruhi kecepatan loading blog. Agar loading blog cepat, silahkan baca CSS Compressor. Jika tertarik ingin memasang kode warna pada blog, silahkan ikuti langkah berikut ini.

Cara pasang widget kode warna pada blogger

Langkah Pertama
 
  1. Login ke blogger dengan id anda
  2. Klik menu Tata Letak
  3. Pada tab menu klik Edit HTML
  4. Silahkan Backup dulu template anda dengan klik Download Template Lengkap
  5. Sekarang cari kode </head>. Jika sudah ketemu, copy lalu paste kode berikut di atas kode </head>
 
Selesai
Langkah Kedua : Berikutnya, memasang tabel kode warna pada blog. Ada dua pilihan, pertama dipasang sebagai posting blog dan yang kedua dipasang pada halaman utama (homepage) blog. Nah, kode untuk tabel kode warna yang akan dipasang adalah berikut ini :
Kode Warna : 

Cara pasang kode warna sebagai posting blog :
  • Yang pasti, anda buat posting baru terlebih dahulu
  • Copy lalu paste Kode Warna tersebut pada posting anda
  • Berikan judul posting yang sesuai
  • Jangan lupa untuk memberi label posting
  • Kemudian terbitkan postingan
  • Selesai
Cara pasang kode warna di halaman utama (homepage) blog :
  • Masuk ke menu Elemen Halaman
  • Klik Tambah Gadget
  • Pilih tambahkan HTML/JavaScript
  • Copy lalu paste Kode Warna tersebut di dalamnya.
  • Berikan judul atau nama gadget
  • Klik tombol Simpan
  • Silahkan tempatkan gadget kode warna dengan men-drag ke tempat yang sesuai
  • Klik tombol Simpan
  • Selesai
Sekarang widget kode warna sudah hadir di blog anda. Selamat mencoba dan mudah-mudahan bermanfaat.

Twitter Delicious Facebook Digg Stumbleupon Favorites More