Blogger templates

Pages

Showing posts with label ilmu komputer. Show all posts
Showing posts with label ilmu komputer. Show all posts

Wednesday, 29 May 2013

Penyebab Android Restart Sendiri

Pernahkah Ponsel Android sobat restart sendiri ? sekarang saya akan kasih info mengenai cara memperbaiki handphone Android sobat yang sering restart sendiri.


Penyebab Ponsel Android sobat restart karena ada beberapa hal yaitu :


Cara Memperbaiki android sering restar sendiri
  1. Adanya virus entah itu Worm Trojan malware keylogger atau rootkits yang bersarang di Android sobat. cara mengatasinya adalah dengan memasang antivirus, Saya sarankan install antivirus dari Google Play.
  2. Jika Handphone tetap sering restart maka sobat harus menghemat RAM, bagaimana caranya ? Caranya yaitu hapus widget yang tidak diperlukan, tutup aplikasi yang tidak sedang digunakan, dan masih banyak lagi.
  3. Apabila tetap tidak bisa, sobat coba download aplikasi RAM Manager di Google Play atau restart perangkat Android sobat. Buka > manajemen tugas > pilih RAM . Apabila RAM hampir penuh klik hapus memory
  4. Kalau tetap tidak bisa maka format ulang Handphone sobat atau bisa dibawa langsung ke service centernya



Dan apabila masih terjadi gejala restart sendiri maka sobat harus segera mengganti HH sobat dengan yang baru hehe just kiding :) semoga bermanfaat.
Pencarian Terkait:


  •     android sering restart
  •     android restart sendiri
  •     penyebab android restart sendiri
  •     cara menghemat ram android
  •     penyebab hp Android restart sendiri
  •     penyebab hp android sering restart
  •     penyebab android sering restart
  •     menghemat ram android
  •     cara mengatasi hp android restart sendiri
  •     penyebab android sering restart sendiri

Tuesday, 28 May 2013

Apa Itu Android Jelly Bean Dan Ke unggulannya

Apa sih kelebihan Jelly Bean dibanding Ice Cream Sandwich? 

 Sebagai update terbaru Android, Jelly Bean

mempunyai siklus yang lebih pendek dibandingakn dengan ICS. Lalu, apa saja yang membuat Jelly Bean layak rilis? Apakah Google punya alasan khusus perilisan Jelly Bean ini? Apa karena Apple juga merilis iPhone 5 di bulan September ini, sementara Microsoft merilis Windows 8 yang mencoba mengeruk pasar tablet dan smart phone di bulan Oktober? Terlepas dari semua pertanyaan itu, Jelly Bean sudah diposisikan untuk menggantikan ICS. Padahal smartphone yang memakai ICS masih belum juga satu tahun ini mulai ramai dipasarkan. Membuat kita yang dananya terbatas masih berkutat dengan GingerBread, kepingin mengicipi Ice Cream, eh… sudah ada yang segar si Jelly Bean. Hmmm….


Mungkin memang tidak seharusnya kita membiarkan diri dikejar-kejar perkembangan perangkat mobile yang kian hari kian cepat saja ini. Toh, kalau mau jujur, HP yang paling berguna adalah HP yang bisanya cuman untuk telepon dan sms saja. Semakin canggih gadget yang kita punya, semakin pula kita tergantung dengannya. Ok, sudah ngelanturnya, hehe….

Jelly Bean ini diumumkan pertama kali berbarengan dengan peluncuran Google Nexus 7. Mengenai hal apa saja yang baru di Jelly Bean, ada di bawah ini.

Google Now

Sesuai dengan namanya, “Now”, aplikasi yang baru muncul di Jelly Bean ini akan memberikan kamu berbagai informasi langsung diperangkat Android kamu. Informasi-informasi yang tersedia bisa berupa cuaca, lokasi restoran atau bahkan skor pertandingan. Hehe, memang aplikasi ini akan membuat kamu semakin terkait dan terikat dengan koneksi internet. Imbas pertamanya tentu pulsa atau kuota paket internet yang kamu pakai, dan baterai. Mengenai seberapa penting aplikasi berita terkini ini, saya kira masing-masing pengguna lebih tahu. Dengan membaca hal-hal terbaru yang sedang terjadi di sekitar kita, kita memang jadi lebih pintar, sampai titik tertentu, kita akan jenuh juga. Kan?

Screen Capture

Ingin menyimpan apa yang sedang tampak di layar ponsel Android kamu? Itulah fungsi aplikasi ini. Sederhana, namun bisa jadi bersifat sangat krusial untuk keadaan tertentu. Sebenarnya sudah ada aplikasi pihak ketiga yang bisa kita pakai, namun mereka biasanya meminta proses rooting yang biasanya dianggap menakutkan untuk pengguna mula yang tidak mau ribet. Cara menangkap gambar-nya juga mudah, cukup tekan tombol Power bersamaan dengan tombol Volume Up.

Google Assistant

Fitur baru milik Android 4.1 ini sepertinya akan menyaingi SIRI yang diperuntukan bagi sistem operasi iOS teranyar. Google Assistant memungkinkan kamu menggunakan segala fungsi ponsel mulai dari telepon, SMS atau mengirimkan email hanya lewat suara. Jika masih kurang, kamu bisa melakukan pencarian di internet melalui fitur ini.

Speech to Text Offline

Fitur Speech to Text sepertinya bukan barang baru pada ponsel Android, fitur tersebut telah lama tersimpan pada generasi Android sebelumnya. Namun ada yang berbeda dari versi Android kali ini. Jika ingin menulis pesan dengan menggunakan suara, kamu tidak perlu terkoneksi dengan internet lagi, alias cukup off line saja.

Smart Widget

Fitur baru Jelly Bean ini memiliki konsep yang sederhana. Demi memberikan kenyamanan maksimal pada penggunanya, Google mempermudah penempatan widget baru dengan cara menggeser widget lama secara otomatis. Dengan begitu maka ruang kosong untuk meletakkan widget baru pada home screen Android semakin mudah dibuat.

Face Unlock

Face Unlock memang sudah ada sejak Android Ice Cream Sandwich dirilis, namun ada sedikit peningkatan fitur pada Jelly Bean kali ini. Peningkatan tersebut adalah Liveness Check, fitur yang mengharuskan pengguna minimal mengedipkan mata guna membuka kunci. Hal tersebut menandakan bahwa citra yang ditangkap oleh kamera benar adalah wajah bukan hanya foto wajah. Peningkatan ini mengingat fitur Face Unlock sebelumnya gampang dibobol dengan hanya menggunakan foto wajah sang pemilik.

Notifikasi

Ada yang baru dengan notifikasi Jelly Bean. Peningkatan yang dilakukan Google sekali lagi berfokus pada kenyamanan. Anda bisa berinteraksi lebih pada notifikasi yang baru ini, misalnya membalas langsung SMS, menelepon, dan menampilkan preview email, semua hal tersebut langsung Anda lakukan lewat Notification Bar.

Mematikan Notifikasi untuk aplikasi

Fitur terakhir cukup melengkapi kenyamanan Jelly Bean. Fitur ini memungkinkan penggunanya mematikan notifikasi yang berasal dari sebuah aplikasi tanpa harus menghapusnya. Ya, itulah kedelapan fitur baru yang bisa Anda temukan pada Android Jelly Bean. Delapan fitur baru tersebut tentunya akan meningkatkan kenyamanan dan keamanan pengguna Android. Selain itu, fitur-fitur menarik yang barusan dibahas dengan sendirinya akan menambah kekayaan fitur Android secara umum

Tuesday, 21 May 2013

Cowok Yang Jago Komputer Itu Kren

Tampaknya jago komputer hanya seperti mode atau tren yang diejek di satu hari, berikutnya, kita tidak bisa merasa cukup.  Kita semua menarik perbandingan antara jago komputer, kacamata tebal, seorang fiksasi Nintendo dan bakat sosial penyu. Tapi itu dulu, dan ini adalah sekarang …

 

Cowok Yang Jago Komputer Itu Kren
Cowok Yang Jago Komputer Itu Kren

 


Pria jago komputer sangat lucu dengan cara yang unik. Wanita suka yang unik dan lucu, itu menarik. Dan, itu merupakan perubahan menyegarkan untuk kencan dengan pria jago komputer, mengingat obsesi pria untuk punya tubuh indah tampak seperti NERAKA. Seorang gadis akan lebih suka kencan dengan seseorang yang lucu dan menarik daripada pria yang lebih peduli tentang apakah ia tampak baik dalam kemeja barunya.


jago komputer adalah orang berguna di zaman baru di abad 21. Ada frustrasi universal bersama antara pemilik komputer pribadi bila mereka rusak. Komputer hang dan kerusakan adalah salah satu perangkat yang paling membuat frustasi. Solusi? Minta jago komputer untuk memperbaikinya!

So...? Hahahaha.. Yang Jago Komputer its oke banget dech....


Sedikit Tambahan

harus diketahui seorang pria ahli komputer mengenai komputer..:


1. Kita Musti Menghibur Suasana Wanita Dari "Virus" Bete Dengan "Menscannya" Dengan Kata-Kata Kita Yang Telah terupdate "Databasenya Enginenya".

2. Kita Musti Ngasih Sisa "Free Space" Hati Kita Untuk Wanita....., Agar Si Wanita Selalu Di Hati Kita.

3. Kita Harus Merestart System Hati Kita, Ketika Sudah Ada Tanda-Tanda Suasana "OverHate" Dengan Wanita. Kalo Kamu Nggak Restart System Hatimu Ketika sedang Overheat, Lama-Lama Si Wanita Bakal "Terdelete" Dari Hardisk Hati Kita. Dan Bisa Membawa Virus Baru Lagi Yang Mempunya Varian nama : Patah Hati. Virus Ini Biasanya Sulit Untuk Dihapus, Kecuali Ada Wanita Lain Yang Mengisi Hardisk Hatimu

4. Jangan Lupa Selalu Ganti "Theme" Kamu, Karena, Si Wanita Kadang-Kadang Suka Bosen Dengan Theme Yang Itu-Itu Aja. Cobalah Pake theme Yang Terbaru And Cool, Seperti "Themenya Window Vista".

5. Ketika "Koneksimu" dengan Si Wanita Bermasalah, Cobalah Kamu Cek Kabel Networkmu, Jika Ga ada Yang Bermasalah Tapi tetep Ga Bisa, Coba Ketik Ini Di "Ms DOs" Hapemu "ping kamu_dimana ?" jika yang tertulis request time out, berarti rasa sayangnya udah mulai memudar, tapi kalo tulisannya, "can't find host server" berarti dia udah ga sayang ama kamu.

6. Kalo Para Wanita Ga Mau Masuk Ke "Systemmu", Berarti Systemmu Jelek, Banyak Virusnya, Hardwarenya Butut, Ganti Yang Baru dech, Dijamin PAra Wanita Akan Dengan Mudah Masuk Ke Systemmu....good luck

Sunday, 19 May 2013

Kumpulan Istilah-Istilah Dasar Internet Dan Pengertiannya

Istilah Internet


Istilah istilah Dasar Internet


Browser Atau Web Browser

Broweser Adalah Program yang digunakan untuk mengakses internet contoh dari program browser adalah Internet Explor dan Netscape Navigator


HTML

HTML merupakan singkatan dari Hyperttext Mark Up Lenguage, HTML adalah kode kode yang digunakan untuk membuat sebuah halaman web, setiap halaman web disebut website yang terdiri dari sebuah halaman html (.htm) kita membutuhkan browser untuk menampilkan file Html tersebut.


Server

Komputer yang memberi layanan kepada komputer lain (komputer client) yang disebut server, karna berfungsi memberikan layanan, pekerjaan yang dilakukan oleh server sangat banyak, oleh sebab itu komputer server harus mempunyai kemampuan lebih handal dibandingkan komputer yang digunakan sebagai client, dinternet komputer server digunakan sebagai komputer penyimpan dokumen dokumen web dari website tertentu. komputer tersebut melayani komputer lain yang mengakses website yang disimpannya


Client

Komputer Client adalah komputer yang terdapat dalam sebuah jaringan yang berfungsi sebagai penerima layanan, komputer client mempunyai kemampuan yang lebih rendah dibandingkan dengan komputer server. Pada saat kita mengakses internet komputer kita disebut komputer client karna komputer kita menerima layanan dari komputer server milik website yang kita kunjungi.


Bandwidth

Bandwidth adalah ukuran kemampuan sebuah jaringan untuk mentransfer data dalam jangkauan tertentu, Satuan Bandwidth adalalah megabit per second (Mpbs) atau kilobit per secon (kbps)


Search Engine

Search Engine merupakan program wesite tertentu yang kita gunakan untuk mencari informasi yang ada diinternet seperti mesin pencari yang populer diantanya yahoo, google, bing dan masih banyak lagi.


Url (Uniform Resource Locator)

URL adalah sistem pemberian nama pada alamat website, Alamat url merupakan alamat dari sebuah halaman web seperti contoh www.hasbihtc.blogspot.com


Website

Website merupakan kumpulan halaman-halaman web yang saling terkait, website sering juga disebut dengan situs web,site atau portal.


Homepage

Halaman web pertama yang terdapat pada sebuah website disebut Homepage. biasanya home page berisi ucapan selamat datang, beberapa ringkasan isi website, dan beberpa link kebagian penting dari website tersebut, home sering juga digunakan untuk website pribadi seseorang sebagai istilah "rumah" dalam bentuk halaman web.


Web Page

Web page merupakan istilah yang digunakan untuk mengacu kepada sebuah halaman web, sebuah web page merupakan halaman html.

Hipertext Link Atau Hiperlink

Link adalah sebuah text, gambar, atau tombol dihalaman web yang digunakan untuk mengakses halaman web dalam file-file lain, link dihalaman web akan mempunyai tanda dan warna yang berberda, biasanya jika link disorot dengan mouse pointer maka teks tersebut merupakan link

ISP Internet Service Provider

ISP berfungsi sebagai penyedia jasa layanan koneksi internet. jika kita igin komputer kita terhubung ke internet, maka kita harus menghubungkan komputer kita ke sebuah ISP

Program Dial-Up

Progran dial-up adalah program yang terdapat dikomputer yang berfungsi untuk mengontrol modem dan mengatur hubungan antara komputer dengan pemberi jasa layanan Internet (ISP).

Off Line

Off line adalah kondisi di mana koneksi komputer kita ke internet dalam keadaan terputus.

Online

Online adalah kondisi dimana koneksi komputer, kita keinternet dalam keadaan tersmabung.

Login

Beberapa halaman web di iternet hanya dapat diakses oleh orang yang memiliki otoritas tersebut dilakukan dengan cara memasukkan User Id atau password. Proses pemasukan user ID dan pasword tersebut disebut login, Contoh proses login adalah ketika kita memasukkan user id dan password pada saat ingin membuka kotak email.

Logout

Logut adalah kebalikan dari login, logot adalah proses keluar dari halaman web, yang hanya dapat diakses kepada orang yang memiliki otoritas.

Protokol
Protokol adalah aturan aturan yang ada untuk untuk melakukan tugas tertentu, misalnya, di Internet ada protokol untuk mengirimkan pesan ke komputer lain, ada protokol yang mengirimkan emai dan sebagainya.

HTTP atau HiperText Transfer Protokol
HTTP adalah protokol yang digunakan untuk memperuntukkan informasi diinternet, komputer kita menerima file0file HTML dari sebuah server diinternet dengan mengunkan Protokol HTTP.

POP atau Post Office Protokol
POP adalah protokol yang digukan untuk mengambil e-mail yang disimpan diserver diinternet atau sebuah ISP.

Download
Proses pengambilan file dari sebuah komputer server diinternet kekomputer yang kita gunakan disebut donwload.

Upload

Proses penganbilan file dari sebuah komputer kita kesebuah komputer server di internet ke komputer yang kita gunakan, Upload merupakan kebalikan dari proses download.


Freeware

Program yang ditempatkan diinternet dan dibagikan secara gratis, setiap orang diperbolehkan mengambil file tersebut.


Shareware

Share merupakan program komputer di internet yang dapat kita download dan kita gunakan dalam jangka waktu tertentu, jika kita ingin mengunakannya terus maka kita harus membeli dengan cara membayar biaya pendaftaran.


GIF atau Grafical Interchange Format

GIF merupakan suatu format file gambar. GIF mepunyai ukuran file yang kecil, sehinggah banyak yang digunakan sebagai format gambar di internet.


JPEG atau Joint Photografic Experts Group

Selain GIF, JPEG merupakan file gambar yang banyak digunakan diiternet, JPG mempunyai ukuran file yang lebih kecil.


SPAM

SPAM adalah pengiriman pesan yang tidak diinginkan, seperti e-mail yang tidak penting, e-mail bernatai, ikaln dan sebagainya.


Demikianlah ulasan dari saya mengenai Istilah istilah Dasar Internet semoga dengan membaca istilah internet diatas dapat bermanfaat.

Pengertian Perangkat keras Komputer Beserta Fungsinya

Pengertian Perangkat keras Komputer Beserta Fungsinya


Perangkat Keras Komputer (Hardware dan Pengertianya) -Jika sebelumnya merahitam membahas tentang pengertian komputer maka kali ini akan bersambung pada penjelasan perangkat keras komputer (hardware) adalah semua bagian komputer dalam bentuk fisiknya,  dan dibedakan dengan data yang berada di dalamnya atau yang beroperasi di dalamnya, dan dibedakan dengan perangkat lunak (software) yang menyediakan instruksi untuk perangkat keras dalam menyelesaikan tugasnya. Batasan antara perangkat keras dan perangkat lunak akan sedikit buram kalau kita berbicara mengenai firmware,  karena firmware ini adalah perangkat lunak yang “dibuat” ke dalam perangkat keras. Firmware ini merupakan wilayah dari bidang ilmu komputer dan teknik komputer, yang jarang dikenal oleh pengguna umum. Komputer pada umumnya adalah komputer pribadi, (PC) dalam bentuk desktop atau menara kotak yang terdiri dari bagian berikut:


1. Processor

Processor disebut juga otak dari komputer semakin bagus tipe processor maka semakin mahal pula komputer, maka processor disebut sebagai inti dari komputer. Fungsi processor adalah untuk memproses semua kegiatan yang dilakukan komputer, yang direquest pengguna.

2. Papan induk (motherboard)

adalah papan sirkuit tempat berbagai komponen elektronik saling terhubung seperti pada PC atau Macintosh dan biasa disingkat dengan kata mobo.Motherboard yang banyak ditemui dipasaran saat ini adalah motherboard milik PC yang pertama kali dibuat dengan dasar agar dapat sesuai dengan spesifikasi PC IBM.

3. Chipset

Komponen pada motherboard yang yang satu ini kebanyakan terdiri atas dua buah chip, north bridge dan south bridge.
Fungsi utama chipset adalah mengatur aliran data antarkomponen yang terpasang pada motherboard. Dua buah chipset yang biasanya ada pada motherboard sendiri punya tugas yang berbeda satu dengan yang lain.
Chip pada north bridge berfungsi untuk mengatur aliran data dari dan ke prosesor, bus AGP, dan memori utama sistem. Sementara, chip yang south bridge mengatur aliran data dari peranti input output, bus PCI, interface harddisk, dan floppy, serta peranti eksternal lainnya. Berhubung chip north bridge lebih vital kerjanya dibanding south bridge, tak heran jika chip inilah yang dipasangi heatsink, fan, ataupun kombinasi heatsink dan fan oleh pabrik pembuatnya.

4. AGP

Singkatan dari Accelerated Graphics Port. Fungsinya adalah menyalurkan data dari kartu grafis ke CPU tanpa harus melalui memori utama, dengan demikian proses pengolahan data grafis dapat dipercepat. Kelebihan lain AGP ini adalah kemampuannya untuk mengeksekusi texture maps secara langsung dari memori utama. Datang dengan berbagai cita rasa, saat ini kebanyakan motherboard menyertakan bus AGP 4X yang bekerja pada frekuensi 266MHz. Untuk sekarang ini, port AGP ini baru digunakan buat memasang kartu grafis yang notabene lebih cepat ketimbang memakai bus PCI. Akan tetapi, beberapa motherboard terbaru sudah menyertakan port AGP Pro yang bisa dipasangi baik kartu grafis berbasis AGP 4X maupun yang berbasis AGP Pro sendiri

5. Soket Memori

Soket ini merupakan tempat untuk menempatkan memori pada motherboard. Soket memori memiliki bentuk yang berbeda untuk jenis memori yang berbeda pula. Kebanyakan motherboard memiliki slot sebanyak 3 atau 4 buah, tergantung dari chipset yang digunakan. Untuk memori SDRAM, soket DIMM yang harus dimiliki adalah soket 168 pin, sementara untuk memori jenis DDR, soket yang dipasang adalah soket 184 pin.

6. Soket Prosesor

Merupakan tempat untuk menaruh prosesor. Kalau jaman dahulu, masih ada pilihan lain selain sistem soket yaitu sistem slot. Namun, setelah era PentiumIII generasi kedua, tipe slot ini kemudian ditinggalkan lantaran ongkos produksinya yang lebih mahal ketimbang memakai soket. Untuk urusan soket prosesor ini, pilihlah motherboard dengan soket prosesor yang tepat. Soket 370 untuk prosesor Intel PentiumIII dan Celeron, soket A untuk prosesor AMD Athlon dan Duron, serta soket 423/478 untuk prosesor Pentium4.

7. CMOS

Singkatan dari Complementary Metal Oxide Semiconductor. Dari bentuknya sudah kelihatan, ia merupakan komponen berbentuk IC (integrated circuit) Yang fungsinya menampung setting BIOS dan dapat tetap menyimpan setting-annya selama baterai yang mendayainya masih bagus.
8. Soket Catu Daya (power supply, fan)
Fungsinya untuk menyuplai tenaga kepada semua komponen yang tersambung pada motherboard.

9. Konektor Casing

Berfungsi untuk menyambungkan tombol/ saklar dan indicator pada casing ke motherboard. Pada motherboard yang berbasis Pentium 4, disertakan pula sebuah port konektor tambahan sebesar 12 volt agar prosesor bisa bekerja.

10. Paralel Port

Untuk Menghubungkan Printer

11. USB Port

Untuk menghubungkan device yang mensupport Usb,
seperti: Flashdisk, mouse&keyboard USB, harddisk External, Kabel data, Dan perangkat lainnya
Semoga pemahaman diatas bermanfaat dan sobat juga bisa memperkasa wawasan mengenai komputer dengan membaca artikel yang lainya mengenai  Sejarah Komputer.

Terimaksih Telah berkunjung salam Teknologi
Pengertian Perangkat keras Komputer Beserta Fungsinya
Pengertian Perangkat keras Komputer Beserta Fungsinya

Cara Meningkat Peforma Komputer Agar Tidak Tegang

Cara Meningkatkan Peforma komputer 


Dengan mengikuti beberapa panduan sederhana, Anda dapat menjaga komputer Anda, membantu meningkatkan kecepatan PC Anda, dan membantu menjaga itu berjalan lancar. Artikel ini membahas cara menggunakan alat-alat yang tersedia di Windows 7, Windows Vista, dan Windows XP Paket Layanan 3 untuk membantu membuat komputer Anda lebih cepat, menjaga komputer Anda secara efisien, dan membantu menjaga privasi Anda saat Anda online.


1. Hapus spyware, dan lindungi komputer anda dari virus

Spyware mengumpulkan informasi pribadi tanpa membiarkan Anda tahu dan tanpa meminta izin. Dari situs yang Anda kunjungi untuk nama pengguna dan password, spyware dapat menempatkan Anda dan informasi rahasia beresiko. Selain untuk privasi, spyware dapat menghambat kinerja komputer Anda. Untuk memerangi spyware, Anda mungkin ingin mempertimbangkan untuk menggunakan pemindaian keamanan PC dari Windows Live OneCare. Pemindaian ini adalah layanan gratis yang membantu memeriksa dan menghapus virus.

Download Microsoft Security Essentials gratis untuk membantu menjaga sistem Anda di masa depan dari virus, spyware, adware, dan perangkat lunak berbahaya lainnya (juga dikenal sebagai malware). Microsoft Security Essentials bertindak sebagai alat penghapus spyware dan termasuk pembaruan otomatis untuk membantu menjaga sistem Anda terlindung dari ancaman yang muncul.

Alat Penghapus Perangkat lunak berbahaya Microsoft Windows adalah utilitas lain yang memeriksa komputer yang menjalankan Windows 7, Windows Vista, Windows XP, Windows 2000, dan Windows Server 2003 untuk infeksi oleh perangkat tertentu lunak berbahaya, termasuk Blaster, Sasser dan Mydoom, dan membantu menghapus infeksi yang ditemukan.

2. Maksimalkan kinerja hard disk anda

Alat Pembersihan Disk membantu Anda mengoptimalisasi hard disk untuk meningkatkan kinerja komputer Anda. Alat mengidentifikasi file yang dapat dihapus dengan aman dan kemudian memungkinkan Anda untuk memilih apakah Anda ingin menghapus beberapa atau semua file diidentifikasi.

Gunakan Pembersihan Disk:
Menghapus berkas Internet sementara.
Menghapus file download program, seperti kontrol Microsoft ActiveX dan applet Java.
Mengosongkan keranjang sampah.
Menghapus berkas sementara Windows, seperti laporan kesalahan.
Menghapus komponen Windows opsional yang tidak Anda gunakan.
Menghapus program terinstal yang tidak Anda gunakan lagi.

3. Mempercepat akses ke data dengan defrag

Fragmentasi disk memperlambat kinerja keseluruhan sistem Anda. Ketika file terfragmentasi, komputer harus mencari pengandar perangkat keras seperti file terbuka (piece kembali bersama-sama). Waktu respons dapat lebih lama.Defragmenter Disk (kadang-kadang disingkat Defrag oleh pengguna) adalah sebuah utilitas Windows yang terfragmentasi file dan folder pada pengandar perangkat keras komputer sehingga masing-masing menempati satu ruang pada disk. Lakukan defrag paling tidak sebulan sekali.

4. Mendeteksi dan memperbaiki bad sector pada disk

Selain menjalankan Pembersihan Disk dan Disk Defragmenter untuk mengoptimalkan kinerja komputer Anda, Anda dapat memeriksa integritas file yang tersimpan pada hard disk dengan menjalankan “Error Checking utility”.

Ketika Anda menggunakan hard drive Anda, itu dapat mengembangkan bad sector. Bad sector memperlambat kinerja hard disk dan kadang-kadang membuat menulis data sulit atau bahkan tidak bisa. Pengecekan Error utilitas memindai hard drive untuk sektor buruk dan scan untuk galat sistem berkas untuk melihat apakah file atau folder tertentu bermasalah.Jika Anda menggunakan komputer Anda setiap hari, Anda harus menjalankan utilitas ini sekali seminggu untuk membantu mencegah kehilangan data.

5. Maksimalkan RAM anda

Ram adalah salah satu hardware PC yang mempengaruhi kinerja komputer anda , semakin besar kapasitas RAM maka kemungkinan kecepatan PC akan semakin bertambah , cek RAM anda dan konsultasikan dengan toko komputer terdekat. Belakangan ini harga RAM terus turun karena masuknya produk RAM yang lebih canggih

6. Sesuaikan visual efek dengan kemampuan hardware anda

Windows menyediakan sejumlah efek visual yang menarik termasuk windows animasi dan fading menu. Jika Anda tidak memiliki cukup operasi memori , efek ini dapat memperlambat komputer Anda. Sesuaikan atau kurangi efek visual dan lihat bagaimana perbedaannya

Cara Meningkat Peforma Komputer Agar Tidak Tegang
Cara Meningkat Peforma Komputer Agar Tidak Tegang

Saturday, 18 May 2013

Membangun Template blog Seofriendly dari awal

Membangun Template blog dari awal

  1. Silahkan di copy aja sob
  2. Edit template Html
  3. Ctrl+A
  4. Ctrl+V
  5. Simpan/save
  6. berikut codingnya
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
 
 

<meta charset='utf-8'/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> |News And Teknologi|  </title>
    </b:if>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    </b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta content='Informasi Terkini Seputar Teknologi,Multimedia,Seo Friendly Lengkap aktual dan terpercaya' name='description'/>
    <meta content='Info Teknologi,info dunia, tips dan tricks, budaya daerah, berita terbaru,download film terbaru, informasi lapangan perkerjaan' name='keywords'/>
    <meta content='Budi Sutarya' name='Author'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
    <meta content='id' name='geo.country'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='Indonesia' name='geo.placename'/>
</b:if>
<b:skin><![CDATA[

/* -----------------------------------------------
Blogger Template Style
Name      : Budi Wusss
Author   : Budi Sutarya
Url           : http://pribadibudi.blogspot.com/
Updated by: Blogger Team
This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links which provides due credit to its authors and supporters. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */

#navbar-iframe{height:0;visibility:hidden;display:none}
body{background:#ab47b4;color:#444;font:x-small Georgia Serif;font-size:small;text-align:center;margin:0}
a:link{color:#0956a8;text-decoration:none}
a:visited{color:#0956a8;text-decoration:none}
a:hover{color:#333;text-decoration:underline}
a img{border-width:0}
#header-wrapper{width:910px;margin:0 auto}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{float:left;width:175px;text-align:left;color:#666;margin:0}
#header2{float:right;width:728px;margin-right:0px;text-align:left;color:#555}
.header .widget,.header2 .widget{margin:0 auto;padding:2px 0 5px}
#header h1, #header p{line-height:1.4em;text-transform:uppercase;font:bold 22px Arial;margin:0 auto;padding:5px}
#header a{color:#a121ea;text-decoration:none}
#header a:hover{color:#D20000}
#header .description{max-width:100%;text-transform:none;letter-spacing:.01em;line-height:1.4em;font:12px Arial;color:#666;margin:0 auto;padding:0 5px 5px}
#header img{margin-right:auto;margin-left:auto}
#outer-wrapper{background:#fff;width:910px;text-align:left;font:12px Arial;margin:10px auto;padding:8px}

#main-wrapper{padding-top:10px;width:600px;float:left;word-wrap:break-word;overflow:hidden}
#sidebar-wrapper,#sidebar1-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden;padding-top:10px}
h2{line-height:1.4em;text-transform:none;color:#333;margin:.5em 0 .25em}
h3.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height:1.2em;margin:.1em 0}
.post{border:1px solid #0956a8;margin:0 0 15px;padding:5px 15px 15px}
.post h1,.post h2{font-family:Arial;font-size:160%;font-weight:700;line-height:1.2em;color:#a121ea;margin:.0em 0 0;padding:4px 0}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#a121ea;font-weight:700}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#333}
.post-body{border-top:2px solid #ddd;padding-top:10px;margin:15px 0px .75em;text-align:justify;font:13px Tahoma;line-height:1.5em}
.post-body blockquote{line-height:1.3em}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:12px Arial;line-height:1.4em;margin:.75em 0}
.comment-link{margin-left:.1em}
.post blockquote{font:italic 14px Georgia;color:#000;letter-spacing:.001em;line-height:1em;float:left;margin:15px;padding:0}
.post blockquote p{margin:.75em 0}
.post img,table.tr-caption-container{border:4px solid #ccc}
.tr-caption-container img{border:none;padding:0}
.clear{clear:both}

#blog-pager{clear:both;text-align:center;margin:10px 5px 0;padding:10px 0 0}
#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;text-align:center;display:inline-block;color:#eee;background:#ab47b4;font:bold 12px Arial;text-transform:none;margin:0 0px;padding:5px 5px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.feed-links{clear:both;line-height:2.5em}

.sidebar h2{background-color:#ab47b4;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn_CXAkCCa-YvPPloZoDQPMb_NEwRavtYj2Csvw3P6ZzX_hnNKQLzqAwBh7lM0yMtZF8rNOBjKo3zBnfKIt2QAC8bqk3hNNKZyUqPufWoMPWOpuB0bQ8-5Fp1AdY4Lap4Pao9msOoPtcnE/s1600/arrow_right.gif);background-repeat:no-repeat;background-position:right center;font:bold 12px Arial;color:#eee;margin:0;padding:7px 0 7px 10px;text-shadow:0 1px 1px #000}
#sidebar h2.active{background:#ab47b4;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKrwp6_TnYqaamKvlp4E3dXA_RNstfITdFlhyP3PfiRsaSL19W1sM8UJXnN4eThIha3C4bNgQwMz8y7NuNgQCoFagECczUGFS0PTgWUkz4oYior3AHMEzKWM5083sF7DTsHPvT6Vs2pKYc/s1600/arrow_down.gif);background-repeat:no-repeat;background-position:right center}
.sidebar{color:#666;line-height:1.3em;border-top:none;font:11px Arial}
.sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px;border-bottom:1px dotted #ddd}
.sidebar .widget{margin-bottom:1px;padding:0}
.sidebar .widget-content{margin:0 auto;padding:0 5px}
.sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decoration:none}
.sidebar li a:hover{color:#015bb3}
.sidebar ul{list-style:none;margin:0;padding:5px 0}
.sidebar1 ul{list-style:none;padding:0;margin:0;}
.sidebar1 .widget {margin:0px 0px 0px;padding:0}
#Label1 li {float:left; width:50%;}

.creditpic{background:#a121ea;width:910px;border-top:1px solid #000;margin:0 auto;padding:0}
.credit{width:880px;line-height:1.6em;text-align:center;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;margin:0 auto;padding:10px}
.credit a:link,.credit a:visited{color:#cecdcd;text-decoration:none}
.credit a:hover{color:#FFF;text-decoration:none}

#nav-wrapper{background:#a121ea;height:28px;font:12px Arial;overflow:hidden;border-bottom:2px solid #111}
#nav{margin:0 auto;width:910px;height:28px;padding:0}
#nav ul{float:left;width:auto;height:28px;margin:0;padding:0;list-style-type:none}
#nav ul li{float:left;height:28px}
#nav ul li a,#nav ul li a:visited{float:left;height:28px;padding:7px 10px;color:#ccc;text-transform:none}
#nav ul li a:hover{color:#f44c0a;text-decoration:none;}

.menusearch{width:200px;float:right;margin:0 auto;padding:0}
.searchform {margin-top:0px;display: inline-block;*display: inline;padding:0;background:#eee;width:200px;height:23px; overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #f44c0a;box-shadow:0 0 5px 0 #666 inset;}
.searchform input {font:italic 12px Arial;color:#222;line-height:23px;height:23px;padding:0;margin:0;}
.searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 195px;height:23px;border:0px;outline: none;line-height:23px;}
.searchform .searchbutton {border:none;margin:0;padding:0;font-size:12px;height:23px;width:23px;}

#toppic {width:910px;height:30px;background:#e26b36;border-top:0px solid #444;margin:0 auto;padding:0;overflow:hidden;text-shadow:1px 1px 2px #002851}
#topwrapper {width:910px;height:30px;margin:0 auto;padding:0}
.clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}
#top {width:100%;}
#top, #top ul {padding: 0;margin: 0;list-style: none;}
#top a {border-right:1px solid #444;border-left:1px solid #111;text-align:left;display: block;text-decoration: none;padding:6px 12px 8px;font:12px Arial;text-transform:none;color:#eee;}
#top a:hover {background:#111;}
#top a.trigger {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMfViwJDqWib9IaNX1G1knjita3yp7Cd2eSEzC8F9DsfcQx7Py3GwpuCEPe22n-wAwyiDj62B0JQD-x6dXMGRn-hqGd4VX8Lyj3KCkeIVjTnqUuqtpjyQGMzaIRFHVStgQyGRPMV9ychs/s1600/arrow_white.gif);background-repeat: no-repeat;padding: 6px 24px 8px 12px;background-position: right center;}
#top li {float: left;position: relative;}
#top li {position: static; width: auto;}
#top li ul, #top ul li {width:240px;}
#top ul li a  {text-align:left;padding: 6px 10px;font-size:13px;font-weight:normal;text-transform:none;font-family:Arial, sans-serif;border:none;}
#top li ul {z-index:100;position: absolute;display: none;background-color:#111;margin-left:-60px;padding:10px 0;-moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
#top li ul li {width:120px;float:left;margin:0;padding:0}
#top li:hover ul, #top li.hvr ul {display: block;}
#top li:hover ul a, #top li.hvr ul a {color:#ddd;background-color:transparent;text-decoration:none;}
#top ul a:hover {text-decoration:underline!important;color:yellow}

.footer h2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgip0MTso8KkOycpd_NGqNqcu5fSAsjIkIc98VABI8-_BQuVKRvl8pRo7pv_JP1ReVGpNwHVv4Xkh0PE2ubx2PVxQVL_jEoVwFzMIesIKBxHwsD4MUm9PhqmW-obT55adYg4X_4LkdPMYjO/s1600/batas.gif) repeat-x scroll bottom;font:bold 14px Arial;padding-bottom:8px;margin-bottom:8px;line-height:1.3em;text-transform:uppercase;color:#ddd}
.footer{color:#ccc;line-height:1.3em;font:normal 12px Arial;text-shadow:-1px -1px #111;}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK5ofautvuv5HqYjwsreZAxOgrjZHDRD5wZBdNaR5GI5N4l7kTfeqP1VLCiypAGZIw22HhSDfIPZ96voebnLXPizKnRuiR1AFbfcuNkYA22foMFkEqkpG-M2JjcJGTUugn7vCX3xwvNNDd/s1600/bullet.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px}
.footer a:link,.footer li a:visited{color:#aaa;text-decoration:none}
.footer li a:hover{color:#fff}
.footer .widget{margin:0 0 8px;padding:6px 0}
.footer .widget-content{padding:0}
.picfooter{background-color:#111;background-image: -moz-linear-gradient(top,#333 0,#111 100%); background-image: -ms-linear-gradient(top,#333 0,#222 100%); background-image: -o-linear-gradient(top,#333 0,#111 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(100%,#111)); background-image: -webkit-linear-gradient(top,#333 0,#111 100%); background-image: linear-gradient(to bottom,#333 0,#111 100%);border-bottom:1px solid #000;border-top:4px solid #111;width:910px;margin-left:auto;margin-right:auto;text-align:center;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif}
#footer-wrapper{width:890px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:0 10px 10px}
#footer1-wrapper{width:300px;float:left;word-wrap:break-word;overflow:hidden}
#footer2-wrapper{margin-left:10px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px}
#footer3-wrapper{width:250px;float:right;word-wrap:break-word;overflow:hidden}

#related{background:#F0F2F5; border:1px solid #aaa;margin:0 0 5px;padding:10px}
ul#related-posts{font:bold 11px Arial;list-style:none;text-transform:none;margin:10px 0;padding:0}
#related .related-posts{font-weight:400;width:50%;float:right}
#related .related-posts p{font:bold 14px Arial;margin:0}
ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px}
*html ul.rp#related-posts li{margin:0 13px}
ul#related-posts li a{-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);border:2px solid #aaa;display:block;height:72px;position:relative;width:72px;color:#fff;text-decoration:none;text-shadow:0 1px 0 #000;font:11px Arial}
ul#related-posts li .overlay{height:66px;line-height:16px;position:absolute;width:66px;z-index:10;padding:6px 0 0 6px}
ul#related-posts li a:hover .overlay{background:#000;display:block!important;opacity:0.7}
ul#related-posts li img{bottom:0;padding:0!important}
ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25)}
#related .subscribe{width:43%;float:left;color:#333;}
#related .subscribe p.intro{font-weight:400}
#related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-left:21px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqfCK51MoHES4lugBG0-6O4iLudrQJY89BrlLhZgXuHn4Yt1GNG2RtSO7C2Fr-1m8nS1ayEGwd4JdtO_kO9GjXW_LyWe2rJElaOdNy2vqpssQrOqfiOIONRRdwuzi2Wq-DO-FpTv1OlsU/s1600/feed+icon.gif) 0 50% no-repeat;vertical-align:middle}
.clearfix:after{content:&quot;.&quot;;display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}

.post-thumbnail{width:70px;height:70px;float:left;margin-right:10px}
.post-snippet:before{content:attr(data-snippet);}
#comments p a{ display: none !important;}
]]></b:skin>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
h3.date-header,.post-timestamp,.post-footer,.feed-links {display:none}
.post {float:left;margin:0 5px 10px 5px;overflow:hidden;padding:7px 7px 5px;positon:relative;width:274px;height:90px;}
.post h1,.post h2{line-height:1em;margin:0 0 4px;padding:0}
.post h1 a, .post h1 a:visited, .post h1 strong,.post h2 a, .post h2 a:visited, .post h2 strong{font:bold 12px Arial}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#111;}
.post-body{font:11px Arial;border-top:none;padding-top:0px;background:none;margin:0;text-align:left}
</style>
</b:if></b:if>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
 
 
 
  <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
 
 
  <b:if cond='data:blog.url == data:blog.homepageUrl'><style>.post img{margin:10px;padding-left5px;width:70px;height:70px;text-align:center;-webkit-transition:All 3.346s ease;-moz-transition:All 3.346s ease;-o-transition:All 2.346s ease;-webkit-background-clip:padding-box;-webkit-box-shadow:0 0 0 3px #6633ff;-moz-box-shadow:0 0 0 3px #000;box-shadow:0 0 0 3px #6633ff;-webkit-border-top-left-radius:60px;-webkit-border-bottom-left-radius:60px;-moz-border-radius-topleft:60px;-moz-border-radius-bottomright:60px;border-top-left-radius:60px;border-bottom-right-radius:60px;-o-border-top-left-radius:60px;-o-border-bottom-right-radius:60px}.post img:hover{box-shadow:1px 1px 10px 3px rgba(0,0,220,0.6);border-radius:0;-webkit-transition:All 2.346s ease;-moz-transition:All 2.346s ease;-o-transition:All 2.346s ease;-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg)}
</style></b:if>
 
 
 
 
 
 
<!-- BEGIN sumberlink Script -->
<script type="text/javascript">
if(document.location.protocol=='http:'){
 var Tynt=Tynt||[];Tynt.push('bN9ROaV-Gr4Ry-acwqm_6l');
 (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})();
}
</script>
<!-- END Tynt Script -->

 
 
  </head>
<body>
  <div id='outer-wrapper'><div id='wrap2'>
    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='Kumpulan Informasi Terbaru (Header)' type='Header'>
          <b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
<b:else/>
          <p class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </p>
</b:if>
            </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
<b:else/>
          <p class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </p>
</b:if>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
<b:else/>
        <p class='title'>
          <b:include name='title'/>
        </p>
</b:if>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
          <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
          <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
        </b:widget>
      </b:section>
      <b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'/>
<div style='clear:both;'/>
      </div><!-- end header-wrapper -->
<div id='nav-wrapper'>
<div id='nav'>
<b:section class='page' id='page' showaddelement='no'>
  <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
    <b:includable id='main'>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</div>
</b:includable>
  </b:widget>
</b:section>
<div class='menusearch'>
<div style='float:right;padding:2px 8px 0 0;'>
<form action='/search' class='searchform' method='get'>
<input class='searchfield' id='q' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='Search here....'/>
</form>
</div></div>
</div></div>
<div id='toppic'>
<div id='topwrapper'>
<ul id='top'>
<li class='home'><a href='/'>HOME</a></li>
<li><a href='http://pribadibudi.blogspot.com/search/label/news'>NEWS</a></li>
<li><a href='http://pribadibudi.blogspot.com/search/label/fotografi'>FOTOGRAFI</a></li>
<li><a href='http://pribadibudi.blogspot.com/search/label/teknologi'>TEKNOLOGI</a></li>
<li><a href='http://pribadibudi.blogspot.com/search/label/tipsdantriks'>TIPS TRIKS</a></li>
<li><a href='http://pribadibudi.blogspot.com/search/label/budaya'>BUDAYA</a></li>
<li><a href='http://pribadibudi.blogspot.com/search/label/kesehatan'>KESEHATAN</a></li>
<li><a class='trigger' href='http://pribadibudi.blogspot.com/search/label/materi'>MATERI</a>
<ul>
<li><a href='http://pribadibudi.blogspot.com/search/label/kuliah'>KULIAH</a></li>
<li><a href='http://pribadibudi.blogspot.com/search/label/sekolah'>SEKOLAH</a></li>
</ul>
</li>
<li><a class='trigger' href='http://pribadibudi.blogspot.com/search/label/tutorial'>TUTORIAL</a>
<ul>
<li><a href='http://pribadibudi.blogspot.com/search/label/photoshop'>PHOTOSHOP</a></li>
<li><a href='http://pribadibudi.blogspot.com/search/label/adobe priemiere'>ADOBE PRIEMIERE</a></li>
</ul>
</li>
  <li><a href='http://pribadibudi.blogspot.com/search/label/download'>DOWNLOAD</a></li>
<li><a href='http://pribadibudi.blogspot.com/search/label/sejarah'>SEJARAH</a></li>
</ul>
<br class='clearit'/>
</div>
</div>
    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

     <div id='content-wrapper'>
      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
          <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
            <b:includable id='main' var='top'>

  <b:if cond='data:top.showDummy'>
    <script expr:src='data:top.dummyUrl'/>
  </b:if>

  <b:if cond='data:mobileindex'>
    <!-- mobile index -->
    <div class='blog-posts hfeed'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
          &lt;/div&gt;
        </b:if>
        &lt;div class=&quot;mobile-date-outer date-outer&quot;&gt;
        <div expr:onclick='data:post.indexOnclick'>
          <b:include data='post' name='mobile-index-post'/>
        </div>
        <b:if cond='data:post.trackLatency'>
          <data:post.latencyJs/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;
      </b:if>
    </div>
  <b:else/>

    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>

        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <b:if cond='data:mobile == &quot;false&quot;'>
            <div class='inline-ad'>
              <data:adCode/>
            </div>
          </b:if>
          <data:adStart/>
        </b:if>
        <b:if cond='data:post.trackLatency'>
          <data:post.latencyJs/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>
  </b:if>

  <!-- navigation -->
  <b:if cond='data:mobile'>
    <b:include name='mobile-nextprev'/>
  <b:else/>
    <b:include name='nextprev'/>

    <!-- feed links -->
    <b:include name='feedLinks'/>
  </b:if>

  <b:if cond='data:top.showStars'>
    <script src='//www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>
</b:includable>
            <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
            <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
            <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
            <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
            <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
      </span>
    <b:else/>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <data:post.commentLabelFull/>:
      </a>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
            <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
            <b:includable id='feedLinksBody' var='links'>
</b:includable>
            <b:includable id='iframe_comments' var='post'>

  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </div>
  </b:if>

  <div class='mobile-post-outer'>
    <div class='mobile-index-title-outer'>
      <h3 class='mobile-index-title entry-title'>
        <a href='javascript:void(0)'><data:post.title/></a>
      </h3>
    </div>

    <div>
      <div class='mobile-index-arrow'>
        <a href='javascript:void(0)'>&amp;rsaquo;</a>
      </div>

      <div class='mobile-post-contents'>
        <b:if cond='data:post.thumbnailUrl'>
          <div class='mobile-index-thumbnail'>
            <div class='Image'>
              <img expr:src='data:post.thumbnailUrl'/>
            </div>
          </div>
        </b:if>

        <div class='post-body'>
          <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
        </div>
      </div>
      <div style='clear: both;'/>
    </div>

    <div class='mobile-index-comment'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </b:if>
    </div>
  </div>
</b:includable>
            <b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>
            <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
            <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template'>
          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
            <data:post.body/>
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>

              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
                    </b:if>
                  </b:if>
                </b:if>
              </span>
            </div>

            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

          </div>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
            <b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' title='Previous Post'>&#171; Prev Post</a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' title='Next Post'>Next Post &#187;</a>
      </span>
    </b:if>
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>
  </div>
  <div class='clear'/>
</b:includable>
            <b:includable id='post' var='post'>
  <div class='post hentry'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em; border-bottom:4px double #ccc;'>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.thumbnailUrl'>
        <a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/></a>
    <b:else/>
        <a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' src='http://i1274.photobucket.com/albums/y424/budisutarya/noimgcopy_zps896fedf6.png'/></a>
    </b:if></b:if></b:if>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
      <h2 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
</b:if>
<b:else/>
      <h1 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h1>
</b:if>

    <div class='post-header'>
    <div class='post-header-line-1'/>
    </div>
        <b:if cond='data:post.dateHeader'>
          <h3 class='date-header'><span>Di tulis Oleh <data:post.author/> pada <data:post.dateHeader/> | <data:post.timestamp/></span></h3>
        </b:if>
    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div class='post-snippet' expr:data-snippet='data:post.snippet'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <data:post.body/>
<b:else/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <data:post.body/>
    </b:if>
</b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:3px solid #ccc;border-bottom:1px solid #ddd;width:100%;height:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
<div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#777'>
<strong>Share this article</strong> :
</div>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/>
</div>
<div class='clearfix' id='related'>
<div class='related-posts'>
<p>Related Articles</p>
<script type='text/javascript'>
var defaultnoimage=&quot;http://i1274.photobucket.com/albums/y424/budisutarya/noimgcopy_zps896fedf6.png&quot;;
var maxresults=6;
</script>
<script src='http://yourjavascript.com/1198561349/relatedimg.js' type='text/javascript'/>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/>
</b:loop>

<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>                
</div>

<div class='subscribe'>
<p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/SeoFriendly' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</p>
<p class='feed'><a href='http://pribadibudi.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=SeoFriendly&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='JohnyTemplate'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small><br/>
<a href='http://feeds.feedburner.com/SeoFriendly'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/SeoFriendly?bg=0F61CB&amp;fg=222222&amp;anim=1' style='border:0' width='88'/></a>
</form>
</div>
</div>
</b:if>

    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span> <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span> <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </span> <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

      </span> <div class='post-share-buttons'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div> </div>

      <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span> </div>

      <div class='post-footer-line post-footer-line-3'><span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span> </div>
    </div>
  </div>
</b:includable>
            <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
            <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=620\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
            <b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
            <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
            <b:includable id='threaded_comment_css'>  
<style>
.comments {
  clear: both;
  margin-top: 10px;
  margin-bottom: 0px;
  line-height: 1em;
}
.comments .comments-content {      
  font-size: 13px;      
  margin-bottom: 16px;      
}      
.comments .comment .comment-actions a {      
float:right;
display: inline-block;
margin-left: 5px;
padding: 1px 6px;
border-right: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;     
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
behavior: url(http://fetchak.com/ie-css3/ie-css3.htc);
}      
.comments .comment .comment-actions a:hover {      
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
  text-decoration: underline;      
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}      
.comments .comments-content .comment-thread ol {      
  list-style-type: none;      
  padding: 0;      
  text-align: left;      
}      
.comments .comments-content .inline-thread {      
  padding: 0.5em 1em;      
}      
.comments .comments-content .comment-thread {      
  margin: 8px 0px;      
}      
.comments .comments-content .comment-thread:empty {      
  display: none;      
}      
.comments .comments-content .comment-replies {      
  margin-top: 1em;      
  margin-left: 36px;      
}      
.comments .comments-content .comment {      
  margin-bottom:16px;      
  padding-bottom:8px;      
}      
.comments .comments-content .comment:first-child {      
  padding-top:16px;      
}      
.comments .comments-content .comment:last-child {      
  border-bottom:1px dashed #ccc;      
  padding-bottom:0;      
}      
.comments .comments-content .comment-body {      
  position:relative;      
}      
.comments .comments-content .user {      
font-size: 14px;
color: #666666 !important;
text-decoration:none;
}
.comments .comments-content .icon.blog-author {      
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}      
.comments .comments-content .datetime {      
font-size: 10px;
color: #999;
text-decoration:none;
}      
.comments .comments-content .datetime a {
float:right;
}
.comments .comments-content .comment-header {
  margin:0 0 8px;      
border: thin solid #E6E6E6;
background-color: #dff0fa;
padding: 5px;
}      
.comments .comments-content .comment-content {      
  margin:0 0 8px;      
padding: 5px;
border: thin solid #E6E6E6;
background-color: #F4F4F4;
line-height: 21px;
}      
.comments .comments-content .comment-content {      
  text-align:justify;      
}      
.comments .comments-content .owner-actions {      
  position:absolute;      
  right:0;      
  top:0;      
}      
.comments .comments-replybox {      
  border: none;      
  height: 250px;      
  width: 100%;      
}      
.comments .comment-replybox-single {      
  margin-top: 5px;      
  margin-left: 48px;      
}      
.comments .comment-replybox-thread {      
  margin-top: 5px;      
}      
.comments .comments-content .loadmore a {      
  display: block;      
  padding: 10px 16px;      
  text-align: center;      
}      
.comments .thread-toggle {      
  cursor: pointer;      
  display: inline-block;      
}      
.comments .continue {      
  cursor: pointer;      
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
behavior: url(http://fetchak.com/ie-css3/ie-css3.htc);
}      
.comments .continue a {      
  display: block;
  padding: 0.5em;
  font-weight: bold;
}      
.comments .continue a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}
.comments .comments-content .loadmore {      
  cursor: pointer;      
  max-height: 3em;      
  margin-top: 3em;      
}      
.comments .comments-content .loadmore.loaded {      
  max-height: 0px;      
  opacity: 0;      
  overflow: hidden;      
}      
.comments .thread-chrome.thread-collapsed {      
  display: none;      
}      
.comments .thread-toggle {      
  display: inline-block;      
}      
.comments .thread-toggle .thread-arrow {      
  display: inline-block;      
  height: 6px;      
  width: 7px;      
  overflow: visible;      
  margin: 0.3em;      
  padding-right: 4px;      
}      
.comments .thread-expanded .thread-arrow {      
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAA DEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;      
}      
.comments .thread-collapsed .thread-arrow {      
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAA DEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;      
}      
.comments .avatar-image-container {      
  float: left;      
  width: 36px;      
  max-height: 36px;      
  overflow: hidden;     
border: 1px solid #DDD;
padding:2px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior: url(http://fetchak.com/ie-css3/ie-css3.htc);
}
.comments .avatar-image-container img {      
  width: 36px;      
}      
.comments .comment-block {      
  margin-left: 48px;      
  position: relative;      
padding: 10px 10px 0px 10px;
background: #fcfcfc;
border: 1px solid #E4E4E4;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(http://fetchak.com/ie-css3/ie-css3.htc);
}/* Responsive styles. */     
@media screen and (max-device-width: 480px) {      
  .comments .comments-content .comment-replies {      
    margin-left: 0;      
  }      
}</style>
</b:includable>
            <b:includable id='threaded_comment_js' var='post'>
  <script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>

<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;

// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}

var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}

var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};

var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};

var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;

var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};

var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}

// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};

var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};

// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
            <b:includable id='threaded_comments' var='post'>
  <b:include name='threaded_comment_css'/>

  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4>
      <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> <data:commentLabelPlural/>:
      </b:if>
    </h4>

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
          </b:widget>
        </b:section>
      </div>

      <div id='sidebar1-wrapper'>
        <b:section class='sidebar1' id='sidebar1' preferred='yes'>
          <b:widget id='HTML3' locked='false' title='' type='HTML'>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
          </b:widget>
          <b:widget id='PopularPosts1' locked='false' title='post populer' type='PopularPosts'>
            <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
  </div>
</b:includable>
          </b:widget>
        </b:section>
      </div>
      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'/>
      </div>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>

    </div> <!-- end content-wrapper -->
<div class='picfooter'>
<div id='footer-wrapper'>
<b:section class='footer' id='footer' preferred='yes'/>

<div id='footer1-wrapper'>
<b:section class='footer' id='footer1' preferred='yes'>
  <b:widget id='HTML2' locked='false' title='Quote' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

</b:includable>
  </b:widget>
</b:section>
</div>

<div id='footer2-wrapper'>
<b:section class='footer' id='footer2' preferred='yes'>
  <b:widget id='HTML1' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</div>

<div id='footer3-wrapper'>
<b:section class='footer' id='footer3' preferred='yes'>
  <b:widget id='HTML4' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</div> <div style='clear:both;'/>

</div>
</div>
<div class='creditpic'>
<div class='credit'>
<div style='float:left;text-align:left;'>
<strong>Support :</strong>
<a href='http://pribadibudi.blogspot.com/'>veodera</a> | <a href='http://pribadibudi.blogspot.com/'>veodera</a> | <a href='http://pribadibudi.blogspot.com/'>veodera</a><br/>
Copyright &#169; 2013. <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> - All Rights Reserved
</div>

<div style='float:right;text-align:right;'>
 Created by <a href='http://pribadibudi.blogspot.com/'>Creating Website</a> Published by <a href='http://pribadibudi.blogspot.com/'> Template</a><br/>
Proudly powered by <a href='http://www.blogger.com'>Blogger</a>
</div>
</div>
</div>
  </div></div> <!-- end outer-wrapper -->
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    $('#sidebar .widget-content').hide();
    $('#sidebar h2:first').addClass('active').next().slideDown('slow');
    $('#sidebar h2').css('cursor', 'pointer').click(function() {
        if($(this).next().is(':hidden')) {
            $('#sidebar h2').removeClass('active').next().slideUp('slow');
            $(this).toggleClass('active').next().slideDown('slow');
        }
    });
});
//]]>
</script>
 
 

 
&lt;!--</body>--&gt;&lt;/body&gt;
</HTML>