J

<style type="text/css">
#kontes {
background-color:transparent;
border:1px solid #C1CDCD;
left:5px;
bottom:33px;
margin-top:10px;
position:fixed;
width:64px;
}
#kontes .float {margin:0 0 0 680px}
.floatwidget
{
font-size: 8px;
padding:2px 4px 3px !important;
}</style>
<div id='kontes'>
<div class='float'>
Widget Kalian Disini
</div></div>

Read more »

SPOILER

<div style="margin-bottom: 2px;">Keterangan Spoiler TEXT

<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>

<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">ISIAN TEXT ISIAN TEXT ISIAN TEXT ISIAN TEXT ISIAN TEXT ISIAN TEXT</div></div></div>

Read more »

Just yesterday we shared a tutorial and announcement on Blogger's most awaited feature of threaded commenting system. We shared how to enable threaded comment style in official blogger templates but that method don't work on custom templates which are downloaded from un-official designers. Almost 75% of blogger users prefer using un-official templates and since this feature can't simply be resisted therefore we took some time to install it safely and apply all required codes to make this feature function properly after a lot of trial and errors. The tutorial below is first time shared and will offer the easiest way to add threaded commenting style to blogger blogs. I had received some JavaScript codes from our Malay speaking Fellow bloggers  and Indian Guest authors which was producing the same effect using scripts created by third party developers but the reason I delayed those guest posts was due to their browser load time conflict issues. I am glad Blogger team provided us with a much neater and fast loading script that has now surely pushed blogspot blogs to the next level. Lets get to work then!

Credits

This is again a first time shared tutorial guide by mbt blog. These scripts and style sheets are provided only by MBT blog therefore if you wish to share this tutorial with your readers and friends then kindly link back to this post as the only favour in return.
Do also check our previous tutorials on customizing Blogger comment box. Note that those tutorials will need to be updated to make it work with this new feature.

• Customize Blogger Comment Box - Make it possible!
• Black Background theme For Blogger Comment Box
• 1000+ Background Themes For Blogspot Comment Box

Apply Threaded Comments To Custom Templates

The steps are extremely easy and you just need to follow it carefully.

1. Go To Blogger > Design > Edit HTML
2. Backup your template
3. Click "Expand Widget Templates" box
4. Search for this code,

(Info: This code initially appeared twice but blogger team has officially replaced the first occurrence, therefore we just need to add it once as shown here. It has become now more easy than expected.)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:include data='post' name='comments'/>
</b:if>

     5.   Replace it with this,  

<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>

      6.   Save your template

      7.    Done!

Visit your blogs and you will find a Reply link along with a delete link below each comment. Clicking the reply link will open the comment form just below that comment so that you could post a threaded reply. It will work just perfectly. :)

Customizing Threaded Comments

The threaded comment style will override your current comment style format. In order to customize the comment body completely to suit your preferences I am sharing below the CSS code required to edit the style sheet for the comment block.
Your template will include the following CSS code automatically inserted by blogger:

<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 {
  padding-top: 5px;
  padding-right: 5px;
}
.comments .comment .comment-actions a:hover {
  text-decoration: underline;
}
.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:0;
  padding-bottom:0;
}
.comments .comments-content .comment-body {
  position:relative;
}
.comments .comments-content .user {
  font-style:normal;
  font-weight:bold;
}
.comments .comments-content .icon.blog-author {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
  margin-left:6px;
}
.comments .comments-content .comment-header,
.comments .comments-content .comment-content {
  margin:0 0 8px;
}
.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;
}
.comments .continue a {
  display: block;
  padding: 0.5em;
  font-weight: bold;
}
.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;
}
.comments .avatar-image-container img {
  width: 36px;
}
.comments .comment-block {
  margin-left: 48px;
  position: relative;
}
/* Responsive styles. */
@media screen and (max-device-width: 480px) {
  .comments .comments-content .comment-replies {
    margin-left: 0;
  }
}
  </style>
</b:includable>

If you want a comment style just like the one on MBT then replace the above CSS code with the following one:

<b:includable id='threaded_comment_css'>
  <style>
/*------------- START of Blogger Threaded Comments By MBT -------------*/

.comments {
  clear: both;
  margin-top: 10px;
  margin-bottom: 0px;
  line-height: 1em;
}
.comments .comments-content {
  font-size: 12px;
  margin-bottom: 16px;
font-family: Verdana;
font-weight: normal;
text-align:left;
line-height: 1.4em;
}
.comments .comment .comment-actions a {
background:#1F9EE5;
cursor:pointer;
color:#ffffff;
padding:2px 3px; margin-right:10px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:9px sans-serif; border:1px solid #1F9EE5;

}
.comments .comment .comment-actions a:hover {
  text-decoration: none; background:#5AB1E2; border:1px solid #5AB1E2;
}
.comments .comments-content .comment-thread ol {
  list-style-type: none;
  padding: 0;
  text-align: none;
}
.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: 40px;   font-size:12px; background:#EBF5FE;
}
.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:0;
  padding-bottom:0;
}
.comments .comments-content .comment-body {
  position:relative;
}
.comments .comments-content .user {
  font-style:normal;
  font-weight:bold;
}
.comments .comments-content .icon.blog-author {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
  margin-left:6px;
}
.comments .comments-content .comment-header,
.comments .comments-content .comment-content {
  margin:0 0 8px;
}
.comments .comments-content .comment-content {
  text-align:none;
}
.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;
}
.comments .continue a {
  display: block;
  padding: 0.5em;
  font-weight: bold;
}
.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,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
  float: left;
  width: 36px;
  max-height: 36px;
  overflow: hidden;
}
.comments .avatar-image-container img {
  width: 36px;
}
.comments .comment-block {
  margin-left: 48px;
  position: relative;
}
/* Responsive styles. */
@media screen and (max-device-width: 480px) {
  .comments .comments-content .comment-replies {
    margin-left: 0;
  }
}
/*------------- End of Blogger Threaded Comments By MBT -------------*/
  </style>
</b:includable>

Read more »

Cara mudah Install Windows 7 Menggunakan Flashdisk

Cara mudah Install Windows 7 Menggunakan Flashdisk

Sebelumnya saya sudah pernah membahas cara menginstall win xp lewat flashdisk, nah pada topik kali ini saya akan membahas cara menginstall windows 7 menggunakan flashdsik tanpa menggunakan software alias pakai DOS, hal ini sangat cocok untuk menginstall netbook anda.

CARANYA:

1. Siapkan flash disk 4 GB karena kapasitas windows 7 ultimate  kurang lebih 3 GB dan siapkan juga Laptop atau PC serta DVD windows 7 ultimate.
2. Masukkan flash disk ke colokan USB laptop/pc, flash disk ini lalu klik kanan pilih format seperti pada gambar: (flashdisk saya drive i)

3. Buka jendela Command Prompt dengan menekan tombol di keyboard simbol windows + R, ketik cmd lalu klik OK (lihat gambar)

Read more »

Install Windows XP dengan Flashdisk

Install Windows XP dengan Flashdisk – Setelah sukses membuat instalasi windows xp didalam usb flashdisk, saatnya sekarang proses instal windows dari flashdisk yang berisi file setup windows xp. Pada proses pembuatan instalasi windows xp didalam flashdisk pada langkah sebelumnya dengan software flashboot 2.0b portable menggunakan startup windows 98 sehingga yang perlu disiapkan adalah file type partisi C: (drive tempat windows diinstal) harus mendukung file system DOS yaitu FAT/FAT32. Jadi sebaiknya format drive C: dengan type FAT32 agar komputer dapat diinstall windows dari Flasdick. Tapi jika anda lupa memformat partisi aktif ke FAT32, Flashboot sendiri sudah menambahkan program FDISK untuk membuat partisi yang bisa dieksekusi pada waktu boot pertama kali.

Sebelum mulai langkah langkah instal windows xp dari flashdisk, siapkan terlebih dahulu sebuah flashdisk yang sudah berisi file setup windows yang sudah dibuat dengan software flashboot 2.0b portable untuk detailnya silahkan lihat di artikel Cara mudah membuat windows xp usb flashdisk. Kalau flashdisk sudah dibuat.

Berikut adalah langkah langkah  install windows xp dengan  flashdisk :

1. Restart komputer,lalu Atur bios booting dari flashdisk.

2. Tunggu sampai keluar jendela Flashboot wrapper for windows 2000/XP setup.

3. Pilih Instal Windows. Jika keluar jendela “There are no usable partitions for Windows 2000/XP setup at the moment. Please create some DOS partitions first.” Itu berarti drive C: (yang akan diinstall windows) belum diformat ke system FAT/FAT32 dan partisi belum diaktifkan. Tekan tombol “ESC” untuk kembali ke menu sebelumnya.

4. pilih “Edit partitions” untuk mulai menggunakan program FDISK. Lalu ketik Y dan tekan Enter pada jendela konfirmasi Fdisk.

5. Pilih secara berurutan 1 -> 1 -> Y untuk mulai membuat partisi untuk windows.

6. Sampai terbentuk partisi C: dengan system file FAT32, lalu tekan ESC. Kemudian pilih no. 2. Set Active partition untuk mengaktifkan drive C: yang sudah dibuat pada langkah 5. selanjutnya tekan tombol ESC lagi untuk kembali ke menu utama.

7. Keluar dari program FDISK dan komputer akan direstart. Pastikan komputer di boot lagi dari flashdisk. Jika jendela Flashboot wrapper sudah muncul(seperti dilangkah no.2) sekarang pilih no. 2 . Install Windows lalu pilih disk C: tekan Enter untuk menginstall windows XP ke drive C:

8. Jawab Y jika ada warning untuk memformat drive C:. Tunggu system akan memformat drife C: lalu tekan Enter lagi.

9. Kemudian akan keluar jendela Windows XP Home/Profesional Setup. Tunggu sampai 100 % system sedang menyalin file yang diperlukan ke harddisk.

10. Jika proses copy file windows sudah selesai, program akan meminta restart. Sampai disini flashdisk sudah tidak diperlukan lagi, Tekan Enter lalu cabut Flashdisk dari computer agar komputer booting dari harddisk (Setting BIOS lagi jika pc gagal booting dari harddisk).

11. Jangan lupa sebelum restart agar mencabut flashdisk hal ini mencegah boot ke flashdisk yang akan mengakibatkan proses kembali dari awal lagi. Setelah komputer restart dan booting dari harddisk, di monitor akan muncul jendela setup windows xp. Tekan Enter untuk mulai menginstall windows.

12. Kemudian tekan tombol F8 pada jendela Windows XP Licensing Agreement

13. Lalu pilih drive C: dan tekan Enter.

14. Pilih Convert the partition to NTFS (lebih disarankan), lalu tekan Enter. kemudian tekan C.

15. Setelah itu tunggu proses instalasi windows XP sampai selesai. Sampai dilangkah ini, anda hanya tinggal mengikuti intruksi yang tampil dilayar monitor sampai finish.

Jika nanti windows minta restart lagi, restart saja dan booting sudah normal dari harddisk. Yang perlu diingat adalah booting dari flashdisk hanya untuk proses copy file ke harddisk. Setelah itu flahsdisk tidak diperlukan lagi (sampai langkah no. 10). Silahkan dicoba semoga berhasil.

Read more »

Product Key Windows 8 | Serial Number

Product Key Windows 8 | Serial Number Windows 8 | ® isomwebs.com

Product Key Windows 8 | Serial Number  Windows 8 | ® isomwebs.com

product key wondows 8 – Kalaupun belum mencobanya ini hanya sekedar informasi saja. Windows 8 Developer Preview (versi Pra-Beta untuk pengembang) untuk proses instalasinya tidak membutuhkan product key, license code ataupun serial number. Ini jika Anda pertama kali menginstallnya dikomputer, jika Anda mereinstall dan kemudian menginstal kembali di komputer maka akan diminta untuk memasukkan product key.

product key wondows 8 – Namun namanya juga masih dalam tahap pengembangan, jadi ya tentunya kita harus dan akan selalu mencoba-coba berbagai kemungkinan, salah satunya adalah proses install ulang tadi.

product key wondows 8   – Kejadian ini setidaknya dialami oleh salah seorang developer yang baru mencoba disalah-satu forum milik microsoft.

Berikut ini adalah product key yang bisa Anda gunakan untuk menyelesaikan masalah diatas. Product key windows 8 ini diberikan langsung oleh pihak Microsoft Support.

Jika Anda menggunakan Windows 8 Developer Preview maka Anda bisa menggunakan product key berikut ini:

• 6RH4V-HNTWC-JQKG8-RFR3R-36498

Namun jika Anda menggunakan Windows 8 Server Developer Preview, Anda bisa menggunakan product key berikut ini:

• 4Y8N3-H7MMW-C76VJ-YD3XV-MBDKV

bagi Anda yang tertarik ingin mencoba Windows 8 versi Pre-Beta, Anda  download Windows 8 Pre-Beta installermelalui link dibawah ini.

Berikut adalah link download iso windows 8 FREE

• Windows 8 Developer 32-bit (x86) [2.8 GB ]
• Windows 8 Developer Preview 64-bit (x64) [3.6 GB]
• Windows 8 Developer Preview with developer tools English, 64-bit (x64) [4.8 GB]

Semoga informasi tentang  product key wondows 8 ini bermanfaat.

Read more »

Buat Portable USB Flash Drive Dari File ISO

Buat Portable USB Flash Drive Dari File ISO

21.9.11

Ada banyak cara untuk membuat sebuah bootable USB drive dari file ISO. Dalam panduan ini, kita menggunakan alat yang sama yang akan kita gunakan dalam Metode 3 untuk membakar file ISO ke DVD. Keindahan Passcape ISO Burner adalah bahwa hal itu memungkinkan Anda menulis file ISO ke DVD dan USB.



Langkah 1: Hubungkan USB drive untuk PC Anda dan cadangan semua data sebelum melanjutkan ke langkah berikutnya sebagai USB drive akan dihapus selama proses tersebut.



Langkah 2: Ambil Passcape ISO Burner Software dari sini . Perangkat lunak ini datang dalam sebuah file zip. Jadi, Anda perlu untuk mengambil file zip untuk mendapatkan file ISO Burner Passcape exe. Gunakan 7-zip software untuk mengekstrak file zip dan kemudian dobel-klik pada file ISOBurner.exe untuk menjalankan perangkat lunak. Karena ini adalah perangkat lunak portabel, tidak memerlukan instalasi.




Langkah 3: Setelah diluncurkan, di layar utama, pilih Buat bootable disk USB pilihan dan kemudian pilih Windows 8 lokasi file ISO sebelum mengklik tombol Berikutnya.

Langkah 4: Pada layar berikut, Anda perlu memilih USB flash drive yang ingin Anda gunakan untuk menginstal Windows 8. Pilih drive USB yang tepat (jika Anda memiliki dua atau lebih) sebagai drive akan dihapus untuk membuatnya bootable.

Jika Anda tidak dapat melihat USB drive dalam daftar,
silakan gunakan Segarkan tombol daftar.

Langkah 5: Terakhir, klik create tombol untuk memulai
format drive dan kemudian membuat USB bootable.

CATATAN: Harap jangan menutup aplikasi bahkan jika aplikasi
muncul Tidak Menanggapi untuk sementara waktu. Alat ini akan bekerja di latar
belakang untuk menyelesaikan tugas.

Langkah 6: Setelah selesai, Anda akan melihat "USB
drive telah berhasil dibuat. Apakah Anda ingin melepaskan drive "pesan.
Klik Yes tombol untuk aman menghapus drive dan Tidak ada tombol untuk tetap
menggunakan USB drive.

Reboot PC Anda, mengaktifkan booting USB di BIOS dan
kemudian mulai menginstal Windows 8 dari USB. Selamat mencoba Penulis: intowindows.com

Read more »