Cara Install Windows 7 dan 8 Menggunakan Hardisk External

Tekhnisi komputer atau pengguna komputer biasanya menggunakan CD/DVD atau Flashdrive (Flash disk) untuk melakukan Install ulang Laptop. Kini ada alternatif lain yang bisa dimamfaatkan untuk menjalankan proses instalasi yaitu dengan menggunakan Hardisk External atau Hardisk Portable. Semua produk dan Merk Hardisk External bisa digunakan seperti A-Data, Astone, Axioo, Buffalo Mini Station, Deam, HP, Ovation, Samsung, Seagate Expansion Portable, Silicon Power, Simbadda SimDisk, Spectra, Toshiba, WD dan Hardisk External lainnya.

Apa kelebihan menginstall Laptop menggunakan Hardisk External dari pada CD/DVD? Menginstall komputer dengan Hardisk jauh lebih cepat selesai ketimbang dengan CD/DVD karena copying process berlangsung lebih mudah dan cepat.

Apa-apa saja yang harus disiapkan?
Sebelum menginstall ulang Notebook atau Netbook, Anda harus menyiapkan perangkat berikut :

1. Hardisk External
2. File Operating System Windows 7 atau Windows 8
3. Laptop

Langkah-langkah yang dilakukan

• Copy paste semua file windows ke salah satu Local Disk di Hardisk External Anda (Copy ke Local Disk yang kosong. Jangan copy file Windows ke dalam folder, tapi biarkan di luar).
• Setelah semua file windows sudah di copy, Ganti nama (Rename) "bootmgr" menjadi "ntldr". Perhatikan ScreenShot di bawah ini!

• Buka Control Panel lalu pilih "Administrative tools"
• Selanjutnya Pilih "Computer management" dan pilih "Disk management"
• Disana Anda akan melihat Hardisk Internal dan Hardisk External Anda. Klik Kanan pada Local Disk yang sudah Anda masukkan File Windows. Lalu pilih "Mark Partition As Active".

• Setelah itu, silahkan Anda keluar dari Control Panel karena Hardisk Anda sudah siap untuk dijadikan media installasi Windows 7 dan Windows 8.

Tambahan :
Setelah Perangkat komputer Anda di Restart, jangan lupa merubah Setting Bios. Jadikan Hardisk External Anda sebagai 1st Boot Device.
Demikian cara mudah menginstall ulang komputer menggunakan Hardisk External.

Cara Membuat Widget Social Subscription Penuh Warna

Dalam satu minggu, tutorialblogspot.com melakukan update terjadwal sebanyak dua atau tiga kali. Saya selaku Author tidak pernah menulis posting kemudian langsung dipublikasikan. Saya masuk laman blogger.com, terkadang satu minggu sekali, dan tidak jarang satu bulan sekali. Jadi, buat sobat blogger yang bertanya melalui komentar Google Plus kemudian tidak mendapatkan respon secara langsung, saya mohon maaf yang sebesar-besarnya. Kurangnya waktu saya untuk blogging disebabkan oleh pekerjaan saya yang tidak bisa ditinggalkan.

Untuk kesempatan ini, saya akan membagikan sobat blogger kode singkat untuk membuat widget Social Subscription. Bentuk dari widget ini sangat bagus dan penuh warna. Setiap Icon Social Network dihiasi oleh warna background yang colorful dan bundar. Silahkan lihat langsung melalui screenshot di bawah ini!

Cara Memasang Widget Social Subscription di blog

• Masuk ke laman blogger.com
• Pada menu drop down, pilih layout dan klik Add gadget
• Add HTML/JavaScript dan Copy paste kode berikut pada kolom yang tersedia

<h2 class='title'>Subscribe</h2> <div class='widget-content'> <style> #social { margin: 15px 0 5px -15px; width: 300px; height: 40px; text-align: center; } #social img { margin-left: 3px; margin-right: 3px; } #social img:hover { opacity: 0.6; } </style> <div id='social'> <a href='URL-TWITTER-SOBAT-DISINI'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir3bALoHKpMm1iATFV-Bv0vLuNKO-mjK80OAK33Q_y84l5h2WQ3u4pdV_L6ovLp2aJ264AlJp947YomZtIg9acCBwUg5RoI0WwYRl5aLnmsskFLIK4HErshucW22MJJsZjehZ_P4oNSsN4/s1600/twitter.png' title='Twitter'/></a> <a href='URL-FEEDBURNER-SOBAT-DISINI'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXahKy9cBFYxIdrCzbNUX3EnejpqVUqePV882dJAUPfNG2V9Zaxa-jy1pCTuKrX8iILXGLapJ50PKmRNzTXTWgwpZbd_Jk9x9AZi3tRSPuL-J-LjSr1OkHba6YTqap4lzzh1uJwMa6SwLf/s1600/rss.png' title='RSS'/></a> <a href='URL-FACEBOOK-SOBAT-DISINI'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy8cc7W-jiluB2IS6cn5-mGW0y43xA4g9ee7jo9hFdECKuxqcL7qyZFVlkujMNb-mR07qjITUoIq0xQQ8VSn9XtgQBclT4anIzOUGyfqYyeEAYEKhztetPcBkieqwRowg9C4fGnGJFtLcV/s1600/facebook.png' title='Facebook'/></a> <a href='URL-GOOGLE-PLUS-SOBAT-DISINI'><img alt='Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqmT9Dmuf8M4z8wgQk_VFMczcCMX9UL8V_AqnDyqeka8paDvDtJrN47iNxNpNOSZFDZqydqfW5cRuxMwJV36mHijcgYEURzJBM10BJlFhxoG0dsgDkNECJcgE0l9ZegXMURThpNIbUMxhV/s1600/google%252B.png' title='Google Plus'/></a> <a href='URL-YOUTOBE-SOBAT-DISINI'><img alt='Youtube' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir4j0RYEi_dY52RmF1c2GmeBzlUWqbY2RLZmOAMh5yn7r1vsbwsI7Ad4xRoYFgHqSAy4YwiKhvNYQxvG6vdmhxGS4VxklsRN0SaF09qIR0CitCOB-41HnRilQVV6jkiRip-95fRbDlx3lI/s1600/you_tube.png' title='Youtube'/></a>
<script>
<!--
document.write(unescape("\x3C\x70\x20\x73\x74\x79\x6C\x65\x3D\x22\x64\x69\x73\x70\x6C\x61\x79\x3A\x6E\x6F\x6E\x65\x3B\x22\x3E\x53\x6F\x63\x69\x61\x6C\x20\x53\x75\x62\x73\x63\x72\x69\x70\x74\x69\x6F\x6E\x20\x57\x69\x64\x67\x65\x74\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x74\x75\x74\x6F\x72\x69\x61\x6C\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x3E\x54\x75\x74\x6F\x72\x69\x61\x6C\x42\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x3C\x2F\x61\x3E\x3C\x2F\x70\x3E"));
//-->
</script>

• Simpan widget sobat

Tambahan :
Ganti URL yang menggunakan huruf Capital dengan URL sobat

Cara Memasang Facebook Fan Page Like Box Melayang Di Blog

Facebook Like Widget Generator adalah sebuah tool yang digunakan untuk membuat widget Facebook Like. FB like widget merupakan plugin sederhana yang memungkinkan orang dengan cepat berbagi konten di Facebook. Mengklik tombol Like pada pada situs web dapat menciptakan koneksi dalam grafik antara konten dan orang yang mengklik tombol. Mengklik tombol suka juga dapat menerbitkan Open Graph Like action, menampilkan cerita pada Timeline dan News feeds (Informasi selengkapnya bisa langsung di lihat di laman Facebook). Apa mamfaat yang dapat di peroleh dengan adanya widget ini? Ada beberapa mamfaat yang dapat diperoleh dengan memasang widget ini, yakni:

1. Pengunjung blog kita dapat mengekspresikan rasa suka mereka terhadap blog kita.
2. Kita dapat mempromosikan blog kita melalui jejaring sosial Facebook.
3. Dapat memperindah tampilan blog.

Untuk di ketahui, widget Facebook like ini tidak tampil di Sidebar, Header atau di Footer, tapi widget ini tampil Popup (Di depan blog). Oleh karena itu widget ini lebih populer di dunia dengan nama "Popup Facebook like widget". Satu hal lagi yang perlu sobat blogger ketahui, widget ini tidak akan memperlambat Loading blog sobat.

Cara penggunaan Facebook Like Box Generator

1. Masukkan URL Facebook pada kolom yang tersedia (Tanpa menggunakan https://).
2. Tentukan, apakah widget Facebook Like akan muncul satu kali atau berulang-ulang (Opsi "Tidak" sama dengan berulang-ulang dan opsi "Ya" berarti widget akan muncul satu kali saja.
3. Klik tombol "Terapkan" dan Pasang"
4. Terakhir, klik Add Widget / Menambah Widget
5. Finish

Tambahan :
Setelah sobat blogger mengikuti prosedur di atas, buka salah satu posting sobat untuk melihat hasilnya!

7 Langkah Terbaik Dalam Mempercepat Loading Windows 8

Windows 8 jauh lebih menarik, lebih canggih, lebih modern jika dibandingkan dengan produk Microsoft sebelumnya seperti Windows XP, Windows Vista dan Windows 7. Kecepatan Loading Windows 8 tidak jauh beda dengan kecepatan loading Windows 7, yaitu sangat lamban (Jika di install di PC Standar atau PC di bawah standar). Berikut ini 7 langkah yang bisa Anda lakukan untuk mempercepat Windows 8. Langkah ini terbukti berhasil pada beberapa perangkat komputer atau Laptop seperti Asus, Acer, Toshiba, HP Compact, Advance dan yang lainnya.

• Tekan CTRL + Alt + Del untuk memanggil Task Manager. Selanjutnya klik More Details untuk menampilkan beberapa opsi lalu pilih Startup. Disable semua Aplikasi atau software yang ada di dalam daftar. Kita melakukan proses Disable supaya semua aplikasi tidak langsung berjalan saat windows 8 startup.
• Disable atau nonaktifkan prefetch. Cara disable prefetch pada windows 8 bisa di lihat pada artikel saya sebelumnya. Kita menonaktifkan Prefetch supaya Cookies atau story dari apa yang sudah kita lakukan tidak tersimpan.
• Jangan mengaktifkan Anti Virus Defender (Defender adalah antivirus bawaan windows 8. Antivirus ini terpasang secara otomatis saat kita menginstall windows 8). Ketika kita menjalankan aplikasi, membuka folder, atau aktifitas yang lainnya, Antivirus defender akan langsung melakukan monitor. Hal ini akan mempengaruhi loading windows 8. Bagaimana cara menonaktifkan AntiVirus Defender bisa di baca pada artikel berikut : Disable Defender pada Windows 8.
• Klik kanan pada komputer lalu pilih Properties. Pilih Remote Settings dan Advanced. Klik Setting pada Performance dan hilangkan tanda centang pada pilihan berikut:

	1.	Animate controls and elements inside windows
	2.	Animate windows when minimizing and maximizing
	3.	Animations in the taskbar
	4.	Fade or slide menus into view
	5.	Fade or slide ToolTips into view
	6.	Fade out menu items after clicking
	7.	Save taskbar thumbnail previews
	8.	Show shadows under mouse pointer
	9.	Show shadows under windows
	10.	Show thumbnails instead of icons
	11.	Show translucent selection rectangle
	12.	Slide open combo boxes
	13.	Smooth-scroll list boxes

• Lakukan Disk Cleanup secara berkala (1 bulan sekali) melalui Control Panel → System and Security → Administrative Tool → Free up disk Space. Klik Ok dan kasih tanda centang pada semua item. Lalu klik Ok.

• Defrag dan optimasi setiap lokal disk secara berkala juga melalui Control Panel → System and Security → Administrative Tool → Defragment and Optimize your drive. Pilih Drive yang akan di defrag lalu klik Optimize. Biarkan proses berjalan sampai selesai. Jika Laptop atau komputer Anda terdiri atas dua atau tiga Local Disk, usahakan untuk di defrag semuanya.
• Nonaktifkan Windows Update melalui Control Panel → System and Security → Windows Update → Change Settings. Pilih Never check for update (Not Recomended) dan hilangkan tanda centang pada Give me recomended updates the same way I receive important updates. Untuk Update windows 8 Anda, sebaiknya anda menggunakan aplikasi pihak ketiga.

Sebagian isi dari artikel ini di ambil dari Official Site Microsoft Windows. Jika Anda ingin menyebarluaskan Artikel ini, jangan lupa mencantumkan URL blog ini sebagai sumber artikel.

Error Pada HTML5

Line 2, Column 219: Attribute xmlns:b not allowed here. …www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Line 2, Column 219: Attribute with the local name xmlns:b is not serializable as XML 1.0. …www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Line 2, Column 219: Attribute xmlns:data not allowed here. …www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Line 2, Column 219: Attribute with the local name xmlns:data is not serializable as XML 1.0. …www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Line 2, Column 219: Attribute xmlns:expr not allowed here. …www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Line 2, Column 219: Attribute with the local name xmlns:expr is not serializable as XML 1.0. …www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Line 2, Column 219: Attribute b:version is not serializable as XML 1.0. …www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Line 2, Column 219: Attribute b:version not allowed on element html at this point. …www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> Attributes for element html: Global attributes manifest

Line 32, Column 122: & did not start a character reference. (& probably should have been escaped as &.) …n.css?targetBlogID=4377242372633562018&zx=442b28bd-d9f1-4a8e-a36d-367895448993…

Line 559, Column 31: script element between head and body.

Jika Anda adalah pengguna template HTML5 untuk template default blogger, Anda akan menemukan Error template seperti di atas setelah di cek menggunakan W3C Markup Validation Service. Error itu sudah sering di bahas di beberapa Forum (Forum di dalam negeri maupun di luar negeri), tapi tidak satu pun yang mampu mengatasinya. Saat ini, belum ada web blog yang menyimpan data di server Google yang menyajikan imformasi pemecahan masalah tersebut.

Membuat Header Menjadi 2 Kolom Pada Template Default Blogger

Template default blogger terdiri atas satu kolom header yang letaknya di bawah elemen Favicon dan navbar. Di dalam elemen header terdapat sebuah tool yang dapat digunakan untuk mengupload gambar. Gambar yang sudah di Upload akan tersimpan di Google+ foto dan di Picasa Web Album. Foto itu akan menjadi Background Header. Itu adalah salah satu kelebihan dari menggunakan template bawaan blogger, banyak tool bermamfaat yang disediakan.

Tutorial tentang cara membagi elemen header menjadi 2 kolom ini di buat karena belum ada satupun blog yang membahas tentang hal ini (Khusus untuk template bawaan blogger). Contoh gambar untuk header dua kolom, bisa di lihat pada gambar di atas. Tanpa basa basi lagi, silahkan ikuti langkah di bawah ini!

• Sign in di blogger.com
• Pada menu drop down, pilih Template dan Edit HTML
• Letakkan kode berikut di atas kode ]]></b:skin>

#header, body#layout #header {width:35%;display:inline-block;float:left;padding:0px;}
#header-right, body#layout #header-right  {width:50%;display:inline-block;float:right;padding:0px;}
#header-right .widget {margin:0;}

• Cari kode di bawah ini

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='Blogger Widget Generator (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'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </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'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </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:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' 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'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </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>

• Letakkan kode berikut setelah kode di atas

<b:section id='header-right' maxwidgets='1' showaddelement='no'/>
<div style='clear: both;'/>

• Terakhir, simpan template Anda.

Widget Popular Post Yang Menakjubkan

Widget Popular Post merupakan widget bawaan blogger. Widget ini menampilkan list posting yang paling sering di baca oleh pengunjung per minggu, bulan atau sepanjang waktu. Bentuk dasar widget ini menampilkan thumbnail posting, ringkasan posting dan judul posting. Untuk membuat widget Default blogger ini terlihat lebih stylish, kita akan menambahkan sedikit kode CSS. Kenapa kita harus tambahkan kode CSS? Untuk membuat widget ini berwarna-warni (Seperti widget popular post sebelumnya), supaya daftar posting di atur menggunakan nomor dan supaya terbentuk efek hover pada gambar atau thumbnail.

Cara membuat widget popular post lebih stylish

• Pasang terlebih dahulu widget popular post (Cara pasangnya bisa di lihat disini "Cara Membuat Atau Memasang Widget Populer Post Di Blog"
• Setelah itu pilih template dan Edit HTML
• Cari kode ]]></b:skin> dan letakkan kode berikut di atas kode ]]></b:skin>

<!-- Popular posts multi colored tutorialblogspot.com -->
#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}
#PopularPosts1 ul li:first-child{background:#ff4c54;width:97%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul li:first-child + li{background:#ff764c;width:87%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:81%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}
#PopularPosts1 ul li a{font-size:13px;color:#444;text-decoration:none}
#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}
#PopularPosts1 img{
-moz-border-radius: 130px;
-webkit-border-radius: 130px;
border-radius: 130px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
padding:4px;
border:1px solid #fff !important;
}
#PopularPosts1 img:hover {
border-radius: 0 0 0 0;
-moz-transform: scale(1.2) rotate(-711deg) ;
-webkit-transform: scale(1.2) rotate(-711deg) ;
-o-transform: scale(1.2) rotate(-711deg) ;
-ms-transform: scale(1.2) rotate(-711deg) ;
transform: scale(1.2) rotate(-711deg) ;
}
<!-- popular posts multicolored tutorialblogspot.com -->

• Save Template.

Jika posting ini bermamfaat buat sobat blogger, jangan lupa untuk membagikan posting ini ke lingkaran sobat di situs jejaring sosial Google+