Cara Gampang Menciptakan Widget Floating Share Media Sosial

Cara Praktis Membuat Widget Floating Share Media sosial - Hari ini saya akan share tutorial wacana cara menambahkan share kafe media umum floating di blogger. Dalam widget ini telah memasukkan Facebook like, tombol share, Google Plus, Tweet, linkedin dan StumbleUpon, tombol di kafe di masing-masing media umum dilengkapi dengan counter atau penghitung. Saya tidak memakai script dan widget ini bekerja murni pada CSS dan HTML dan sepenuhnya kompatibel dengan semua browser internet.

Baca juga artikel terkait lainnnya:
- Membuat Widget FB Like
- Membuat floating FB Like
- Membuat Floating Langganan Email RSS

Anda sanggup melihat widget media umum statis di sebelah kiri posting blog saya. Saya telah memastikan untuk menjaga proses instalasi semudah mungkin. Kami membuatnya sangat gampang untuk diinstal pada blogger bahkan wordpress, sehingga Anda tidak perlu mengedit isyarat html blogger Anda. Hanya copy dan pastekan ke dalam HTML / Javascript di kotak gadget.

Cara Praktis Membuat Widget Floating Share Media sosial Cara Praktis Membuat Widget Floating Share Media sosial

Cara menciptakan share media umum widget di blogger

  • Login ke akun dashboard blogger Anda.
  • Klik Layout.
  • Klik Tambahkan sebuah Gadget, pilih HTML / Javascript.
  • Salin isyarat di bawah ini dan pastekan di dalam kotak konten.

Cara menciptakan share media umum widget di blogger WordPress

  • Log in ke Dashboard> Appearance> Widgets> Widgets Tersedia.
  • Tarik widget Text ke sidebar.
  • Paste dalam kode.
  • Simpan.

 <style type="text/css">
    #floating_bar {
    background-color:#fff;
    position:fixed;
    padding:0 0 3px 0;
    bottom: 30%;
    margin-left:-60px;
    float:left;
    border: 1px dotted #f7f7f7;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    z-index:10;
    }
    #floating_bar {
    clear:both;
    }
    </style>
    <div id='floating_bar'>
    <div style='margin:10px 0 5px 13px;' id='like'>
    <div class="fb-like" data-send="false" data-layout="box_count" data-width="40" data-show-faces="false"></div>
    </div>
    <div style='margin:0px 0 0 10px;' id='gplusone'>
    <g:plusone size="tall"></g:plusone>
    </div>
    <div style='margin:5px 5px 5px 6px;'>
    <a href="https://twitter.com/share" class="twitter-share-button" data-via="sharetipsdancara" data-lang="en" data-count="vertical">Tweet</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
    </div>
    <div style='margin:5px 5px 5px 5px;' id='linkedin'>
    <script src='http://platform.linkedin.com/in.js' type='text/javascript'></script>
    <script data-counter='top' type='IN/Share'></script>
    </div>
    <div style='margin:0 0 10px 11px; id='su'>
    <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
    </div>
    <p style='line-height:0px; margin-bottom:8px; font-size:10px; font-weight:bold; text-align:center;'><a href=' ' rel='nofollow' style='color:transparent;'> Get Widget</a></p>
    </div>

Catatan: Ganti nama yang saya tandai dengan warna hitam tebal (sharetipsdancara) dengan nama pengguna twitter Anda.
Untuk menyelaraskan widget lebih ke arah kiri atau kanan lalu edit nilai ini. margin-left: -60px;

5. Simpan gadget
6 Tarik gadget dan reposisi di bawah Blog Posts gadget. (Lihat Screenshot bawah untuk mendapat widget menyerupai yang ada di blog ini)
Cara Praktis Membuat Widget Floating Share Media sosial Cara Praktis Membuat Widget Floating Share Media sosial

7. Klik tombol Save

Jika tombol share facebook tidak bekerja tambahkan isyarat Javascript ini sebelum tag </ body>

     <div id = "fb-root"> </ div>
     <script> (function (d, s, id) {
       js var, Fjs = d.getElementsByTagName (s) [0];
       if (d.getElementById (id)) return;
       js = d.createElement (s); js.id = id;
       js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
       fjs.parentNode.insertBefore (js, Fjs);
     } (dokumen, 'skrip', 'facebook-jssdk')); </ script>


Kustomisasi

Vertical Alignment:
Pada bab css mengubah nilai 30% untuk yang lain yang merupakan kebutuhan blog Anda misalnya.

bottom: 25%; atau bottom: 30%; atau bottom: 35%;

Untuk memperbaiki jarak bahkan dikala jendela diubah ukurannya, memilih nilai dalam px (pixel) bukan%.

Penyelarasan Horizontal
Untuk menyelaraskan widget lebih ke arah kiri atau kanan lalu edit nilai ini. margin-left: -60px; Nilai negatif mendorong tombol di sebelah kiri kolom blog utama, nilai konkret mendorong ke kanan.

Silahkan bila memiliki saran kritik atau kesulitan dalam memasang widget ini silahkan berkomentar di kotak form komentar yang telah disediakan. Dengan bahagia hati saya akan menjawab dan membantu pertanyaan anda. Semoga artikel diatas berkhasiat da bermanfaat, terima kasih.

Cara Gampang Menciptakan Widget Facebook Fan Like Di Blog

Cara Praktis Membuat Widget Facebook Fan Like di Blog - Setelah sebelumnya saya share wacana cara membuat widget floating like Facebook dengan pengaruh jquery dan cara membuat floating langgan email yang keren, kali ini saya akan share wacana cara menciptakan widget Facebook fans Like di blog. Fungsi widget ini ialah untuk menyediakan tombol like facebook yang secara otomatis terhubung dengan halaman facebook. Nah hal ini sangat mempunyai kegunaan untuk mendatangkan visitor gres dari pengguna facebook. Caranya cukup gampang yang anda perlukan hanya mempunyai halaman pengguna facebook untuk menciptakan widget ini dapat tampil di blog anda. Berikut cara menciptakan widget Facebook Fan Like di blog.

Cara Praktis Membuat Widget Facebook Fan Like di Blog Cara Praktis Membuat Widget Facebook Fan Like di Blog

Cara Praktis Membuat Widget Facebook Fan Like

1. Masuk Halaman Facebook Developer
2. Dapatkan halaman id URL Facebook Anda dengan Mengunjungi Facebook fan page menyerupai gambar dibawah ini:

Cara Praktis Membuat Widget Facebook Fan Like di Blog Cara Praktis Membuat Widget Facebook Fan Like di Blog
3. Paste fan page url Anda di Facebook Halaman kotak url menyerupai layar di bawah ini.
Cara Praktis Membuat Widget Facebook Fan Like di Blog Cara Praktis Membuat Widget Facebook Fan Like di Blog

Pengaturan Facebook Like Box

4. Set parameter lain menyerupai lebar, tinggi dan stream. Preview di sebelah kanan akan memperbarui sendiri sesudah Anda memasukkan perubahan.
5. Klik tombol Get Code jika selseai dilakukan. Anda akan diberi dua kode, berjudul iframe dan XFBML. Anda hanya perlu instruksi iframe menyerupai gambar dibawah.

Cara Praktis Membuat Widget Facebook Fan Like di Blog Cara Praktis Membuat Widget Facebook Fan Like di Blog
6. Copy kode
7. Di Blogger Dashborad, klik Layout dan klik tambahkan Gadget. Pilih HTML / Javascript gadget dan paste instruksi dalam isi kotak. Simpan lihat blog Anda.

Jika anda mengalami kesulitan atau menemui problem dalam mebuat widget ini silahkan berkomenar di kotak komentar yang telah disediakan, dengan bahagia hati saya akan membantu anda. Semoga mempunyai kegunaan dan terima kasih.

Cara Menciptakan Pops Up Facebook Like Di Blogger Memakai Jquery

Cara Membuat Pops Up Facebook Like di Blogger Menggunakan Jquery - Pada kesempatan kali ini saya akan share perihal cara menciptakan widget like Pops up Facebook. Widget ini dapat dijadikan patokan seberapa banyak pengguna Facebook yang menyukai tautan dari blog anda, selain itu juga dapat menambah blog semakin cantik. Setelah kemarin saya posting perihal cara menciptakan widget pops up langganan email yang cara pembuatannya hampir sama, pembuatan widget inipun terbilang mudah. Saya akan menjelaskan secara terperinci cara menciptakan widget like facebook ini. Jika anda melaksanakan semua langkah yang saya share dengan benar maka tampilan widget tersebut akan ibarat gambar dibawah ini:

Cara Membuat Pops Up Facebook Like di Blogger Menggunakan Jquery Cara Membuat Pops Up Facebook Like di Blogger Menggunakan Jquery


Baca Juga widget artikel terkait lainnya:
- Membuat navigasi no urut halaman
- Membuat search box keren
- Membuat Widget Paypal Donation 
- Membuat widget Pagerank
- Membuat majemuk popular post
- Membuat widget Alexa rank terbaru
- Membuat Menubar Navigasi tanpa edit HTML
- Membuat Floating RSS langganan Email

Cara Membuat FB fans like pops up di Blogger

1. Masuk ke akun Dashboard Blogger anda>> Template >> Edit HTML
2. Cari arahan </ head> di template anda untuk lebih mempermudah lakukan pencarian dengan klik Ctrl+ F
3. Paste arahan berikut ini sebelum / di atas arahan </ head> yang saya sebutkan diatas

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script><script src='http://yourjavascript.com/69231961363/jquery-colorbox-min.js' type='text/javascript'/>
    <script type='text/javascript'>
    jQuery(document).ready(function(){
    if (document.cookie.indexOf(&#39;visited=true&#39;) == -1) {
    var setDays = 1000*60*60*24*7;
    var expires = new Date((new Date()).valueOf() + setDays);
    document.cookie = &quot;visited=true;expires=&quot; + expires.toUTCString();
    $.colorbox({width:&quot;400px&quot;, height:&quot;430px&quot;, inline:true, href:&quot;#facebook-popup&quot;});
    }});</script>

Catatan: * 7 Menetapkan nilai ini akan mensugesti refresh. Menetapkan LikeBox untuk muncul sekali kepada pengunjung dan LikeBox akan muncul lagi sehabis 1 ahad adlah hal yang lebih baik. Gunakan pengaturan default ibarat yang saya tulis diatas.

4. Sekarang Cari ]]></ b: skin>
5. Paste arahan berikut sebelum css di atas ]]></ b: skin>

 /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
/* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered and tabbed in a way that represents the nesting of the generated HTML. */
#cboxOverlay { background: #000; }
#colorbox { outline: 0; } #cboxContent { margin-top: 20px; background: #000; }
.cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { border: 5px solid #123D60; background: #fff; box-shadow: 3px 3px 3px #fff; } #cboxTitle { position: absolute; top: -20px; left: 0; color: #ccc; }
#cboxCurrent { position: absolute; top: -20px; right: 0px; color: #ccc; }
#cboxLoadingGraphic { background: url(http://2.bp.blogspot.com/-jcn46y_t6D0/Uc8cG9q6ExI/AAAAAAAAC1k/K63u_2VkemM/s32/loading.gif) no-repeat center center; }
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: none; }
#cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; }
#cboxPrevious { position: absolute; top: 50%; left: 5px; margin-top: -32px; background: url(https://sites.google.com/site/techprevue/home/controls.png) no-repeat top left; width: 28px; height: 65px; text-indent: -9999px; }
#cboxPrevious:hover { background-position: bottom left; } #cboxNext { position: absolute; top: 50%; right: 5px; margin-top: -32px; background: u(https://sites.google.com/site/techprevue/home/controls.png) no-repeat top right; width: 28px; height: 65px; text-indent: -9999px; }
#cboxNext:hover { background-position: bottom right; } #cboxClose { position: absolute; top: 5px; right: 5px; display: block; background: url(http://4.bp.blogspot.com/-wQsw3MW4DK4/Uc7_hhV5UzI/AAAAAAAAC1U/Uskeu5jhHbo/s130/controls.png) no-repeat top center; width: 38px; height: 19px; text-indent: -9999px; }
#cboxClose:hover { background-position: bottom center; }

6. Simpan template Anda dan tinggal dua langkah terakhir! Kunjungi blog Anda untuk melihatnya bekerja sempurna.
7. Temukan arahan berikut </ body>
8. Paste arahan berikut sebelum tag </ body>

 <div style='display:none'>
    <div id='facebook-popup' style='background:#fff;position:scroll;z-index:99999;'>
    <div style='text-align:center;padding-top:15px'> <h3 style='font-family: &apos;Source Sans Pro&apos;, Sans Serif; Font-size: 18px; font-weight: 300px; '>Receive All Free Updates Via Facebook.</h3>
    <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FSharetipsdancara&amp;width=342&amp;height=300&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=false&amp;header=false&amp;appId=' style='border:none; overflow:hidden; width:342px; height:300px;'/>
      </div>
      </div>
        </div>

Ganti Sharetipsdancara dengan facebook fan page nama pengguna.

9. Simpan template Anda

Cara Gampang Menciptakan Floating Berlangganan Email Rss Feedburner

Cara Praktis Membuat Floating Berlangganan Email RSS Feedburner - Rss feed ialah fitur dari blogger untuk memudahkan para pembaca dan pengunjung blog untuk mendapat update isu sebuah blog melalui email. Nah cara ini diyakini para pakar SEO berkhasiat untuk mempertahankan pengunjung blog untuk selalu mengikuti update info yang kita publikasikan sehingga para pengunjung maupun blog setia mengikuti perkembangan blog.

Banyak cara yang sanggup dilakukan untuk menciptakan hal ini tetapi tampilannya kurang menarik apalagi fitur widget bawaan orisinil dari blogger. Nah yang akan kita bahas kali ini ialah widget pop up yaitu widget layanan langganan email yang melayang di blog dilengkapi dengan tombol close untuk mempermudah menutup widget bagi pengunjung blog yang tidak menginginkan berlangganan email.

Semua orang tahu pentingnya RSS feed ini. Kaprikornus lebih baik untuk menawarkan pembaca pilihan untuk berlangganan feed blog Anda melalui email. Dalam widget ini pengunjung sanggup berlangganan update harian blog anda via RSS FEED. Berikut ialah cara menciptakan widget pop up berlangganan email.

Cara menginstal widget langganan rss feddburner
Sebelum Anda mengedit setiap template lebih baik untuk memBackup nya terlebih dahulu, cara bijak untuk mencegah kemungkinan yang tidak diinginkan. Dan kalau langkah anda benar maka tampilannya akan menyerupai dibawah ini:
Cara Praktis Membuat Floating Berlangganan Email RSS Feedburner Cara Praktis Membuat Floating Berlangganan Email RSS Feedburner


1 Masuk akun Dashboard Blogger >> Template >> Edit HTML
2 Cari aba-aba </ head> dalam template Anda berikutnya untuk mempermudah pencarian ketik Ctrl + F.
3 Paste aba-aba berikut sebelum / di atas aba-aba </ head> yang saya sebutkan diatas

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'>
</script>
<script src='http://yourjavascript.com/69231961363/jquery-colorbox-min.js' type='text/javascript'/>
<script type='text/javascript'> jQuery(document)
.ready(function(){ if (document.cookie.indexOf(&#39;visited=true&#39;) == -1) {
var setDays = 1000*60*60*24*7;
var expires = new Date((new Date()).valueOf() + setDays);
document.cookie = &quot;visited=true;expires=&quot; + expires.toUTCString();
$.colorbox({width:&quot;395px&quot;, height:&quot;435px&quot;, inline:true, href:&quot;#email-popup&quot;});
}});
</script>

4. Langkah selanjutnya Cari kode  ]]></ b:skin> kemudian tempatkan aba-aba dibawah ini tepat sebelum atau di atas aba-aba yang saya sebutkan

    #subscriptionwrap {
        width: 600px;
        background: #e9e9e9;
        padding: 15px;
        margin: 14px;
        border: 1px solid #ddd;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 0px #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);
        -moz-box-shadow: 0 1px 0px #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);
        box-shadow: 0 1px 0px #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);
    }

    .subscriptionbox h4 {
        font-size: 30px;
        font-family: 'Verdana', Arial;
        font-variant: small-caps;
        margin: 0 auto;
        text-align: center;
        line-height: 30px;
        color: #333;
        font-weight: 600;
        text-shadow: 1px 1px 5px #333;
        text-decoration: none !important;
    }

    .subscriptionbox p {
        font-family: georgia;
        font-style: italic;
        font-size: 26px;
        text-align: center;
        margin: 0px;
        line-height: 30px;
        margin-top: 25px;
        border-bottom: 1px solid #333;
        color: #454545;
        padding-bottom: 20px;
    }

    .emailbutton1 {
        background: #f7f8f9;
        background: -webkit-linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%);
        background: -moz-linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%);
        background: -o-linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%);
        background: -ms-linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%);
        background: linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f7f8f9",endColorstr="#e9e9e9",GradientType=0 );
        border: 1px solid #ddd;
        -webkit-border-top-right-radius: 4px;
        -moz-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -webkit-box-shadow: 0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);
        -moz-box-shadow: 0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);
        box-shadow: 0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);
        color: #888 !important;
        text-shadow: 0 1px 0 #fff;
        line-height: 1.5;
        top: 0px;
        margin: 10px 0 0 -15px;
        cursor: pointer;
        padding: 18px 15px 15px 15px !important;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none !important;
    }

    .emailbutton1:hover {
        background: #f1f1f1;
        background: -webkit-linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%);
        background: -moz-linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%);
        background: -o-linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%);
        background: -ms-linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%);
        background: linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f1f1f1",endColorstr="#e0e0e0",GradientType=0 );
        text-decoration: none !important;
    }

    .emailinput1 {
           width: 490px !important;

        height: 37px;    padding-right: 30px !important;
        float: left;
        margin: 10px 0 0 0px;
        padding: 8px 40px 8px 10px;
        border: 1px solid #d2d2d2;
        background: #fff;
        font-family: georgia;
        font-style: italic;
        font-size: 16px;
        color: #949494;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        text-decoration: none!important;
    }

5. Simpan template Anda dan Anda selesai tinggal dua langkah terakhir! Kunjungi blog Anda untuk mengecek widget tersebut bekerja sempurna? kalau semuanya bekerja dengan baik maka Ikuti langkah terakhir di bawah ini.
6. Sekarang cari aba-aba berikut ini </ body>
7. Paste aba-aba berikut sebelum tag </ body>.

     <div style='display:none'>
<div id='email-popup' style='position:scroll; z-index:99999;'>
<div id='subscriptionwrap'>
<div class='subscriptionbox'>
<h4>Ready To Be Make <strong>Elegant Blog</strong></h4>
<p>Subscribe to to enjoy Tips Information</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform1' method='post' onsubmit='window.open(&quot;http://feedburner.google.com/fb/a/mailverify?uri=sharetipsdancara&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes,width=550,height=520&quot;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='sharetipsdancara'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='emailinput1' 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 class='emailbutton1' title='' type='submit' value='SignUp'/>
</form>
</div>
</div>
  </div>
  </div>

8. Sekarang Anda perlu menciptakan perubahan-perubahan dalam aba-aba html.
Mengedit teks yang saya kasih warna merah untuk edit bab atas kotak input.
Sekarang ganti sharetipsdancara dengan link Email RSS Feedburner Anda. Anda sanggup mendapatkannya dengan mengunjungi akun feedburner Anda kemudian arahkan ke Publikasikan dan kemudian ke Email Berlangganan.
Ganti sharetipsdancara dengan judul feed Anda. Ini muncul di simpulan link feed Anda. Dalam hal ini akun saya ialah <input name = Jenis 'uri' = 'hidden' value = 'sharetipsdancara' />

9. Simpan template Anda.

Cara Gampang Menciptakan Sajian Navigasi Keren Tanpa Edit Html

Cara Praktis Membuat Menu Navigasi Keren Tanpa Edit HTML - Menu naviagasi yakni menubar yang biasanya ditempatkan di bawah header blog yang mempunyai kegunaan untuk mengarahkan pembaca maupun pengunjung blog menuju link yang mereka cari. Jika selama ini banyak para blogger yang kesulitan untuk cara membuatnya kali ini saya akan share ihwal bagaimana cara menciptakan sajian navigasi keren tanpa editing HTML. Dengan cara ini para blogger pemula yang belum mengetahui cara editing HTML yang memang membutuhkan ketelitian sanggup menciptakan sajian navigasi mereka dengan lebih menarik dan lebih mudah.

Menubar navigasi atau sajian kafetaria biasanya terdiri dari beberapa tab. "Di dalam" masing-masing tab tersebut berisi link yang menuju halaman posting, halaman statis, halaman label, ke website lain dll. Sebenarnya menciptakan tab sajian tidak begitu sulit. Pada dasarnya pada dasarnya sama yaitu menciptakan sajian yang berisi beberapa link dengan beberapa styling ditambahkan untuk daya tarik visual. Sementara link yang disusun secara vertikal, tab navigasi biasanya disusun secara horizontal.

Dalam tutorial ini kita akan menginstal kafetaria sempurna di bawah header, kawasan khas atau umum untuk navigasi bar. Bar akan ditambahkan sebagai gadget melalui halaman Elemen Halaman. Keuntungan memakai gadget yakni bahwa jikalau Anda ingin menghapusnya nanti, hal itu sanggup dilakukan dengan gampang tanpa mengedit HTML. Namun, untuk melaksanakan itu, template harus mempunyai tautan Gadget atau widget wadah yang saya akan menyebutnya, di lokasi tertentu.

Baca Juga widget artikel terkait lainnya:
- Membuat navigasi no urut halaman
- Membuat search box keren
- Membuat Widget Paypal Donation 
- Membuat widget Pagerank
- Membuat majemuk popular post
- Membuat widget Alexa rank terbaru

Membuat Menu Navigasi Untuk Blogger
Cara Praktis Membuat Menu Navigasi Keren Tanpa Edit HTML Cara Praktis Membuat Menu Navigasi Keren Tanpa Edit HTML

1 Masuk ke akun Dashboard Blogger Anda >> Layout >> dan klik pada tambahkan gadget (tempatkan di bawah header menyerupai Screen Shot dibawah ini.)
2. Klik Tambah Gadget.
3. Gulir ke bawah Tambahkan Gadget dan pilih HTML / JavaScript.
4. Biarkan kotak judul kosong.
5. Copy dan paste arahan HTML di bawah ini ke dalam kotak konten.

<style>

#tab_menu {
    background:url(http://3.bp.blogspot.com/-OycpSljNY-E/UbidzWvOk4I/AAAAAAAACYs/lGxPWmjfzlA/s1600/menu_bg.png) no-repeat;
    height:50px;
    width:960px;
    line-height:50px;
    list-style:none;
    margin-top:10px;
    font-size:14px;
    font-family:Verdana, Geneva, sans-serif;
    font-weight:bold;
    overflow:hidden;
}

#tab_menu li {
    float:left;
    border-right:1px solid #FFA722;
    border-left:1px solid #CC5200;
}

#tab_menu li:first-child {
    border-left:none;
}

#tab_menu li:last-child {
    border-right:none;
}

#tab_menu li a{
    text-decoration:none;
    float:left;
    display:block;
    height:50px;
    padding:0 20px;
    color:#FFF;
}

#tab_menu li a.current, #tab_menu li a:hover, #tab_menu li a.tool:hover {
    color:#622900;
    text-shadow:1px 1px 0px #E8964B;
}

#tab_menu li a.tool{
    color:#000;
    text-shadow:1px 1px 0px #E8964B;
}

</style>


<ul id='tab_menu'>
<li ><a href='#'>Home</a></li>
<li ><a href='#'>PRODUCT</a></li>
<li ><a href='#'>FAQS</a></li>
<li ><a href='#'>CONTACT US</a></li>
<li ><a href='#'>ABOUT US</a></li>
</ul>

6. Ganti "#" dengan URL halaman tujuan Anda.
7. Anda sanggup mendapat URL dari halaman dengan menyalin isi alamat / URL kafetaria browser Anda sementara Anda berada di halaman tersebut.
8. Untuk menampilkan semua posting di bawah label (kategori), Anda perlu link ke halaman label.
9. Untuk mengubah lebar lebar sajian edit: 960px.

Nah anda sanggup menggantinya sesuka hati anda, atau anda sanggup mengganti background warna pada sajian navigasi dengan mengganti link url background diatas yang saya tandai dengan warna merah dengan link url background dibawah ini, atau anda lebih suka untuk memakai warna lain, silahkan anda lihat kode warna html yang telah saya sediakan.

1.menu_bg_1

http://3.bp.blogspot.com/-f3ORap0IbMI/UcQLTr-sN1I/AAAAAAAACjA/lLak8xIEoxA/s1600/menu_bg_1.png

2 menu_bg_2

http://3.bp.blogspot.com/-I5ddZuLgrJw/UcQLTjhTmAI/AAAAAAAACjI/Yb3yhgPRIBI/s1600/menu_bg_2.png

3 menu_bg_3

http://1.bp.blogspot.com/-_P9c5moKK7o/UcQLUc9rF1I/AAAAAAAACjU/anVA6KuWp9U/s1600/menu_bg_3.png

4. menu_bg_4

http://3.bp.blogspot.com/-OB85xAfJPfI/UcQLUnbbJGI/AAAAAAAACjg/yWWiaCSgjdk/s1600/menu_bg_4.png

5. menu_bg_5

http://3.bp.blogspot.com/-eKVpgd7fjkA/UcQLUgO_EAI/AAAAAAAACjY/NfsBYjPXyhQ/s1600/menu_bg_5.png

6 menu_bg_6

http://3.bp.blogspot.com/-4ccU3i0MrDs/UcQLVRHIlqI/AAAAAAAACjw/XnIWQ_dTVuc/s1600/menu_bg_6.png

7 menu_bg_7

http://3.bp.blogspot.com/-9i_l3hRT6Y0/UcQLVcvpW0I/AAAAAAAACjs/ZOW6CjQRff0/s1600/menu_bg_7.png

8 menu_bg_8

http://3.bp.blogspot.com/-QX3hor6qsBI/UcQLVm-rJbI/AAAAAAAACj0/rDVtHMvgfoY/s1600/menu_bg_8.png

9. menu_bg_9

http://2.bp.blogspot.com/-a2i-Vuheci4/UcQLWEpqL3I/AAAAAAAACkE/mdbH_irg_a8/s1600/menu_bg_9.png

10 menu_bg_10

http://4.bp.blogspot.com/-wLdR4j6FmPE/UcQLTjvxQ2I/AAAAAAAACjE/Ao5IPiehxtE/s1600/menu_bg_10.png

Cara Menciptakan Tombol Paypal Donation Widget Di Blogger

Cara Membuat Tombol Paypal Donation Widget di Blogger - Blogging sedikit banyak niscaya membutuhkan biaya entah itu sedikit atau banyak yang niscaya setiap blog yang dikelola dengan sungguh-sungguh niscaya membutuhkan pedoman dana tetap. Lalu bagaimana solusinya jikalau anda kehabisan dana untuk mengelola blog anda, padahal blog anda sangat berkhasiat untuk banyak orang. Solusinya ialah dengan mendapatkan pinjaman gemar memberi yang mau memperlihatkan sedikit uangnya untuk membangun blog atau demi lancarnya blog.

Ada banyak orang-orang baik hati di dunia ini yang mengunjungi situs Anda, membaca isi dan menghargai kerja keras anda di belakang goresan pena (tentunya goresan pena blog yang berkhasiat bagi banyak orang). Orang-orang ini memahami nilai dari sebuah keras Anda dan tidak sungkan memperlihatkan sedikit uangnya untuk kelancaran blog anda. Menambahkan tombol kontribusi PayPal ke blog Anda memperlihatkan mereka kesempatan untuk memperlihatkan penghargaan mereka atas hasil kerja keras anda menyebarkan warta melalui blog maupun website yang anda kelola. Ini berarti, Anda sanggup mendapatkan cukup dana lebih untuk menjaga blog atau website tetap hidup dan membayar tagihan hosting maupun biaya lain yang anda butuhkan.

Untuk itu, hari ini kita akan share perihal cara menciptakan widget donate paypal tombol yang sanggup Anda tambahkan ke blog Anda dalam waktu 5 menit. Menambahkan tombol donasi, bukan berarti menakut-nakuti pengunjung maupun pembaca dengan bacaan berbayar. Terserah Anda, bagaimana Anda akan menampilkan PayPal donation widget di blog Anda! Sebagai contoh; Anda sanggup menambahkan sebagai gadget di sidebar atau di halaman statis Anda.

Tapi kami akan menyarankan Anda untuk menambahkannya cara yang efektif sehingga pengunjung sanggup melihat dan memahami maksud dan tujuan anda memasang widget donate paypal. Nah, sedangkan anda tidak perlu melaksanakan pengenalan apa itu PayPal, kita semua mengetahui bahwa paypal ialah cara yang paling terkenal untuk mentransfer uang secara online secara aman, bahkan mempunyai akta internasional perihal keamanan tersebut. Jadi, apakah Anda ingin tetap menambahkan widget ini pada blog Anda juga? Jika iya, baca persyaratannya dibawah ini terlebih dahulu sebelum melanjutkan.

  • Anda harus mempunyai akun PayPal, jikalau Anda belum memilikinya anda sanggup membuatnya disini    
  • Pastikan, Anda mempunyai akun premier bukan rekening pribadi. (Anda sanggup meng-upgrade dari personal ke premier bebas biaya di PayPal)

Jika Anda telah mempunyai akun paypal dan telah membaca persyaratannya dengan seksama berikut ini tutorial cara menciptakan widget donate paypal.

Cara Membuat widget Paypal donation

1. Pertama-tama, pastikan Anda log in ke akun PayPal
2. Klik "Buat tombol Anda sekarang" menyerupai yang ditunjukkan gambar di bawah ini.
Cara Membuat Tombol Paypal Donation Widget di Blogger Cara Membuat Tombol Paypal Donation Widget di Blogger

3. Anda akan diarahkan ke halaman jendela, di mana Anda perlu untuk mengisi kolom yang diperlukan, lihat menyerupai gambar dibawah ini.
Cara Membuat Tombol Paypal Donation Widget di Blogger Cara Membuat Tombol Paypal Donation Widget di Blogger

4..Tulis identitas/ nama organisasi dan donation Id (opsional)
5. Pilih Mata uang.
6. Klik pada salah satu opsi di bawah Contribution Amount.
7. Masukkan id email dari akun PayPal Anda.
8. Klik 'Create Button langsung.
9. Copy instruksi HTML tombol PayPal dari jendela menyerupai yang ditunjukkan di bawah ini.
Cara Membuat Tombol Paypal Donation Widget di Blogger Cara Membuat Tombol Paypal Donation Widget di Blogger

Cara Menambahkan PayPal Donation widget di Blog Anda

1. Masuk ke Dashboard Blogger Anda
2. Klik Layout> Add gadget> Pilih HTML / Java Script.
3. Berikan judul dan sisipkan instruksi disalin dalam bab konten menyerupai ditunjukkan pada berikut.
Cara Membuat Tombol Paypal Donation Widget di Blogger Cara Membuat Tombol Paypal Donation Widget di Blogger

4. Simpan gadget.

Tips Sukses Berbagi Blog

Tips Sukses Mengembangkan Blog - Sebelum membahasnya anda harus mengetahui apa kegunaan sebuah blog? Mempunyai blog yang sukses memang mempunyai pujian tersendiri, ntah itu blog komersial, eksklusif maupun organisasi, sukses dalam dunia blogging tentu diukur dari jumlah pengunjung yang besar maupun ranking tinggi blog kita di mesin pencari. Untuk mendapat itu semua tentunya memerlukan ide, perjuangan dan kerja keras. Setidaknya ada 5 hal yang berdasarkan saya sangat mempengaruhi kesuksesan sebuah blog. 5 hal tersebut mempunyai keterkaitan satu sama lain sehingga untuk mendapat kesuksesan dalam membangun sebuah blog 5 hal ini harus terpenuhi.

Hal yang memilih sebuah blog ialah guna dari blog itu sendiri, blog yang sukses tentunya mempunyai kegunaan yang besar bagi para pembacanya. Darimana anda mendapat rank blog tinggi dan pengunjung yang besar bila blog anda tidak mempunyai kegunaan bagi para pembaca. Blog bukan hanya sekedar goresan pena asal-asalan, copy paste maupun mengambil isi dari blog lain. Blog ialah karya kita, dan bila kita serius menyebarkan karya kita maka tidak ada salahnya bila suatu dikala nanti blog anda akan menghasilkan banyak uang untuk anda.

Nah berikut ini akan saya sampaikan 5 hal fundamental untuk kesuksessan membangun blog anda. 5 hal fundamental ini bisa anda jadikan acuan untuk membangun blog anda menjadi lebih baik lagi, lebih besar, lebih mempunyai kegunaan yang besar bagi para pengunjung dan tentunya akan lebih menghasilkan uang untuk anda:

 Sebelum membahasnya anda harus mengetahui apa  Tips Sukses Mengembangkan Blog

Untuk mempunyai blog yang sukses, Anda memerlukan:

Bakat Menulis
Perlu anda ketahui bahwa sebagian besar blog merupakan media berbasis penulisan. Blog apapun itu blog video, blog tutorial, blog berita, blog media umum semuanya berbasis tulisan, jadi hal terpenting yang harus anda ketahui dan pelajari ialah bagaimana menulis blog yang baik. Content is King begitulah banyak para blogger profesional mendengungkan hal itu, ya memang benar isi goresan pena blog ialah raja, bila anda bisa menciptakan goresan pena yang unik, lain daripada yang lain, kreatif, bebas copy paste maka blog anda akan dirasa mempunyai kegunaan yang besar bagi pembaca anda entah apapun niche blog anda dan akan menjadi nilai kasatmata dimata mesin pencari yang akan menganggap blog anda penting.

Bahkan hal yang paling biasa dari kehidupan anda sehari-hari atau topik sanggup ditulis dalam blog dengan cara yang menghibur, lucu, atau berwawasan bila blogger menulisnya dengan benar-benar baik. Tulisan Anda ialah dasar dari blog Anda. Makara pelajari keterampilan tata bahasa Anda, hukum perihal tanda baca, dan mengoreksi kesalahan dari posting Anda sebelum Anda mempublikasikannya.

Buat Blog Menjadi Sesuatu yang berharga.
Coba lihatlah blog-blog yang mempunyai pengunjung ribuan, puluhan ribu bahkan jutaan pengunjung setiap harinya. Itu sebab mereka menunjukkan sesuatu yang berharga di blog mereka kepada para pembaca. Mereka menunjukkan apa yang pembaca cari, menunjukkan goresan pena yang tidak bisa mereka cari di blog lain, menunjukkan pembaca solusi atas suatu masalah, menunjukkan pembaca sesuatu yang menarik dan pada pada dasarnya blogger menunjukkan sesuatu yang berharga di blog mereka sehingga pengunjung akan betah membaca blog anda dan akan kembali lagi suatu hari untuk membaca blog anda. Apapun bisa bisa berikan kepada pembaca entah itu blog anda perihal tutorial, video, soial media, informasi bahkan blog yang berisi pengalaman sehari-haripun bisa mempunyai ribuan pengunjung bila anda bisa menunjukkan sesuatu yang berharga di blog anda tidak terkecuali apapun niche blog anda.

Sesuatu yang berharga bisa anda berikan dengan cara anda sendiri mungkin dari goresan pena anda yang menarik, berkesan, memberi nilai lebih, memberi solusi dan lain sebagainya. Intinya adalah, Anda harus mempunyai sesuatu yang bisa menciptakan pembaca Anda akan menemukan berharga dan terus tiba kembali untuk kembali ke blog anda dengan cara begitu blog akan tumbuh. Dan saya yakin bahwa kita semua mempunyai sesuatu yang berharga untuk ditawarkan, bila kita memilih dan mengolahnya. Itu yang saya sukai perihal blogging!


Penampilan yang Menarik.
Penampilan blog yang menarik dan rapi akan menimbulkan pengunjung dan pembaca blog anda akan betah di dalamnya, bagaimana pengunjung akan betah di blog anda bila tampilan blog yang anda kelola berantakan, tidak rapi, berat dan lain sebagainya. Penampilan blog yang menarik bisa didasarkan pada denah warna, font, gambar, pembentukan paragraf, dan sebagainya. Ada banyak cara menyenangkan yang bisa Anda lakukan untuk memperindah blog yang sanggup menyesuaikan penampilan blog Anda terlepas dari platform yang Anda gunakan (Blogger, Wordpress, dll), banyak para pakar SEO menekankan pentingnya mempunyai blog Anda dirancang secara profesional walaupun hanya dipakai sebagai blog pribadi.

Menurut pengalaman saya eksklusif saya akan berpindah blog bila saya masuk sebuah blog yang tidak menarik secara visual. Bagi saya, sebuah blog dengan desain miskin mencerminkan seberapa serius atau tidaknya seorang blogger dalam mengelola blognya. Anda harus memperlakukan blog Anda menyerupai bisnis. Anggap saja bila blog Anda ialah sebuah restoran atau toko ritel yang anda kelola, tetapi dari luar bangunan Anda nampak tidak menarik dan terkesan buruk, orang tidak akan mau masuk, kan?

Konten yang unik
Bayangkan saja ada ratusan ribu bahkan jutaan blog dan website diluar sana, bagaimana anda bersaing dengan mereka bersaing dengan para pakar SEO, bersaing dengan para pemodal besar, bersaing dengan designer blog yang profesional? Jawabannya hanya satu yaitu isi dari blog anda harus unik. Unik ialah mempunyai khas sendiri, beda dari yang lain. Pakar SEO, modal besar, blog yang manis tetap akan tidak ada gunanya bila tidak mempunyai konten unik di blog mereka. Mesin pencari yang kini ambil salah satu saja kini ini Google Alogaritma yang terbaru yaitu Google Hummingbird, yaitu suatu alogaritma google yang terbaru merupakan robot txt penjelajah blog yang mempunyai teknologi tinggi menitik beratkan keorisinalan dan keunikan blog menjadi hal yang utama.

Maka tak mengherankan bila aneka macam blog yang dahulunya mempunyai banyak pengunjung, rank yang tingi terjun bebas trafiknya sebab mereka tidak mempunyai keunikan di isi blognya, namun banyak juga blog eksklusif yang menanjak trafiknya sebab konten mereka berkualitas, unik dan beda dari yang lain. Yang perlu anda ingat ialah "KONTEN ADALAH RAJA".

Waktu
Sesuatu yang hal yang dirancang dengan seksama, kerja keras dan dipenuhi para pakar pun tetap harus menunggu waktu untuk membuatnya tumbuh dan sukses. Untuk itu lah mengapa anda dituntut untuk bersabar. Bahkan Facebook media terbesar dikala ini juga membutuhkan waktu 5 tahun untuk mencapai 1 milyar pengguna. Makara anda dituntut untuk bersabar, semua hal membutuhkan banyak waktu untuk tumbuh dan berkembang tak terkecuali Blog anda.

Cara Terlengkap Menginstall Windows 7

Cara Lengkap Menginstall Windows 7 - Banyak cara untuk menginstall windows 7, sanggup menggunakan CD/DVD Installer, menggunakan flash disk installer, maupun menggunakan hardrive eksternal atau pen drive. Windows 7 merupakan versi lanjutan sesudah windows XP dari microsoft windows. Nah sebelum anda memulai menginstall windows 7 ini ada baiknya anda mempelajari terlebih dahulu kelebihan dan kekurangan windows 7.

Hal hal yang perlu anda perhatikan sebelum menginstall windows yaitu back up dahulu semua data yang ada dikomputer sehingga anda tidak kehilangan data-data tersebut. Berikut yaitu cara lengkap disertai gambar bagaimana menginstall windows 7 dikomputer anda.

Baca Juga:
Kelebihan dan kekurangan windows 7
Cara menginstall windows 7 menggunakan CD/DVD Drive
Cara copy file windows installer iso ke flash disk. (untuk windows 8 atau windows 7)

Cara Lengkap Menginstall Windows 7

Set up Bios Utility

1. Masukan DVD atau flash disk installer anda dikomputer.
2 Hidupkan komputer anda ketika komputer menyala pribadi klik F2 atau F8 (tergantung brand komputer atau laptop anda sebelum loading. Jika Anda me-restart PC Anda dan versi ketika Windows mulai, Anda mungkin harus membuka sajian boot atau mengubah urutan boot pada pengaturan BIOS atau UEFI PC Anda sehingga boot PC Anda dari media. Untuk membuka sajian boot atau mengubah urutan boot, Anda biasanya akan harus menekan kombinasi tombol (seperti F2, F12, Delete, Esc, dll) segera sesudah Anda menghidupkan PC Anda. Untuk aba-aba perihal mengganti urutan boot untuk PC Anda, periksa dokumentasi yang disertakan dengan PC Anda atau kunjungi situs web produsen. Pastikan urutan DVD atau flash disk berada di urutan paling atas atau primary booting, ibarat gambar dibawah ini.

 3. Tekan F10 Sav and Exit

Instalasi Windows 7

4. Setelah itu tunggu hingga komputer booting ibarat gambar dibawah ini:

5. Setelah loading starting windows maka akan muncul windows instalasi ibarat gambar dibawah ini, kemudian isikan bahasa install, waktu dan kurensi format serta input keyboard ibarat dibawah ini kemudian klik next:

6. Anda akan dibawa masuk ke sajian instaal now, didalam sajian ini terdapat fitur apa yang anda perlukan sebelum instaal windows dan untuk repair windows, jikalau anda berniat untuk menginstallnya maka klik Install now ibarat gambar dibawah ini:

7. Setelah klik install now anda akan dibawa masuk ke sajian License Agreement, baca dengan baik namun jikalau anda ingin segera lanjut klik centang " I accept license terms" ibarat dibawah ini kemudian klik next:

8. Setelah anda klik next pada license terms anda akan dibawa masuk ke sajian option instalasi windows, klik upgrade untuk mengupgrade windows sistem versi usang anda atau klik Custom untuk menginstall windows baru, aku menentukan Custom (advanced):

9. Setelah klik Custom anda akan masuk ke silahkan pilih di partisi mana anda akan install windows? aku menyarankan untuk membagi partisinya untuk klik "Drive opions(advence)" dan pilih di partisi mana yang ingin di install kemudian next.

10. Setelah anda mempartisinya maka tampilannya akan ibarat dibawah ini, sesudah anda yakin dimana windows 7 akan diinstall klik next:

11. Tunggu proses penyalinan windows, biasanya membutuhkan beberapa menit ibarat gambar dibawah ini:

12. Setelah proses penyalinan windows maka komputer anda akan restart, pilih sajian bios kemudian pilih atau kembalikan ke booting semula yaitu ke hardisk kemudian simpan dan exit, komputer akan melanjutkan loading boot dan akan keluar tampilan ibarat ini, pilih nama komputer yang akan anda gunakan kemudian klik next:

13. Setelah set up username pada instalasi windows tamat maka anda akan dibawa ke set up password, isikan password anda namun jikalau anda menginginkan tanpa password maka klik next ibarat gambar dibawah ini:

14. Pada ketika ibarat gambar di bawah anda sanggup pribadi klik next. tapi windows hanya berjalan selama 30 hari saja. jikalau ingin full silahkan masukkan kunci produknya. Atau jikalau anda sanggup mengisinya dengan XXX-XXX hingga penuh, dengan trick begitu windows anda akan full version, tapi kadang tertangkap lembap juga, namun patut dicoba alasannya pengalaman aku sendiri hingga kini windows aku full version

15. Setelah klik next anda akan masuk ke sajian update otomatis, Pilih ask me later agar windows anda tidak meminta untuk selalu update.

16. Setelah anda klik ask me later anda akan dibawa masuk ke pengaturan waktu ibarat dibawah ini, Pilihlah zona waktu, zona waktu indonesia yaitu +7, dan kemudian next:

17. Jika anda terhubung ke jaringan apapun, ia akan meminta Anda untuk menetapkan lokasi jaringan. Pilih lokasi network yang anda inginkan, kemudian komputer anda akan restart. Selamat windows 7 sudah terpasang dikomputer anda, anda tinggal menginstall driver-driver yang diperlukan.


Cara Terlengkap Menginstall Windows 8

Cara Lengkap Menginstall Windows 8 - Banyak cara untuk menginstall windows 8, bisa menggunakan CD/DVD Installer, menggunakan flash disk installer, maupun menggunakan hardrive eksternal atau pen drive. Windows 8 merupakan versi teranyar dari microsoft windows. Nah sebelum anda memulai menginstall windows 8 ini ada baiknya anda mempelajari terlebih dahulu kelebihan dan kekurangan windows 8.

Hal hal yang perlu anda perhatikan sebelum menginstall windows yaitu back up dahulu semua data yang ada dikomputer sehingga anda tidak kehilangan data-data tersebut. Berikut yaitu cara lengkap disertai gambar bagaimana menginstall windows 8 dikomputer anda.

Baca Juga:
Kelebihan dan kekurangan windows 8
Cara menginstall windows 8 dari link download assistant
Cara copy file windows installer iso ke flash disk. (untuk windows 8 atau windows 7)

Cara Lengkap Menginstall Windows 8

Set up Bios Utility
1. Masukan DVD atau flash disk installer anda dikomputer.
2 Hidupkan komputer anda ketika komputer menyala eksklusif klik F2 atau F8 (tergantung brand komputer atau laptop anda sebelum loading. Jika Anda me-restart PC Anda dan versi ketika Windows mulai, Anda mungkin harus membuka sajian boot atau mengubah urutan boot pada pengaturan BIOS atau UEFI PC Anda sehingga boot PC Anda dari media. Untuk membuka sajian boot atau mengubah urutan boot, Anda biasanya akan harus menekan kombinasi tombol (seperti F2, F12, Delete, Esc, dll) segera sehabis Anda menghidupkan PC Anda. Untuk isyarat wacana mengganti urutan boot untuk PC Anda, periksa dokumentasi yang disertakan dengan PC Anda atau kunjungi situs web produsen. Pastikan urutan DVD atau flash disk berada di urutan paling atas atau primary booting, ibarat gambar dibawah ini.


3. Tekan F10 Save and Exit. Tunggu sampai loading dilanjutkan dan anda akan masuk ke instalasi windows 8.

Instalasi Windows 8

1. Klik pada "Install now" sehabis Windows 8 Setup Wizard muncul pada layar Anda.

 maupun menggunakan hardrive eksternal atau pen drive Cara Terlengkap Menginstall Windows 8

2. Masukkan key produk yang telah disediakan pada ketika pembelian Windows 8 Anda.

 maupun menggunakan hardrive eksternal atau pen drive Cara Terlengkap Menginstall Windows 8

3. Klik "Next."

 maupun menggunakan hardrive eksternal atau pen drive Cara Terlengkap Menginstall Windows 8

4. Review Windows 8 persyaratan lisensi, lalu kawasan tanda centang di samping "Saya Menerima persyaratan lisensi."

 maupun menggunakan hardrive eksternal atau pen drive Cara Terlengkap Menginstall Windows 8

5. Klik tombol "Next".

 maupun menggunakan hardrive eksternal atau pen drive Cara Terlengkap Menginstall Windows 8

6. Pilih dari "Upgrade" atau "Custom" Instalasi. Opsi upgrade akan memungkinkan Anda untuk menyimpan semua file Anda ketika ini, pengaturan, dan aplikasi, sedangkan opsi kustom hanya akan menginstal Windows 8 tanpa menyimpan data Anda.

 maupun menggunakan hardrive eksternal atau pen drive Cara Terlengkap Menginstall Windows 8

7. Klik "Install." Komputer Anda akan restart beberapa kali ketika menginstal Windows 8, dan akan menampilkan Setup Wizard sehabis Windows 8 telah berhasil diinstal.

 maupun menggunakan hardrive eksternal atau pen drive Cara Terlengkap Menginstall Windows 8


Set Up Windows 8

1. Pilih warna pilihan Anda dari "Personalize" layar. Warna yang Anda pilih akan tema warna yang ditunjuk untuk Windows 8, dan sanggup berubah sewaktu-waktu.

 maupun menggunakan hardrive eksternal atau pen drive Cara Terlengkap Menginstall Windows 8

2. Masukkan nama untuk komputer Anda di bawah bidang berjudul "nama PC."

 maupun menggunakan hardrive eksternal atau pen drive Cara Terlengkap Menginstall Windows 8

3. Klik "Next."

 maupun menggunakan hardrive eksternal atau pen drive Cara Terlengkap Menginstall Windows 8

4. Pilih pengaturan jaringan Anda ketika ini dari "Settings" layar, lalu klik "Next." Anda akan ditanya apakah Anda menggunakan jaringan rumah atau kantor, atau kalau Anda menggunakan jaringan publik.

 maupun menggunakan hardrive eksternal atau pen drive Cara Terlengkap Menginstall Windows 8

5. Masuk ke PC Anda menggunakan akun Microsoft atau akun lokal. Pilihan akun Microsoft mengharuskan Anda untuk menciptakan atau sign in dengan username dan password Microsoft. Pilihan account lokal mengharuskan Anda untuk menciptakan username dan password yang akan dipakai khusus untuk account pribadi Anda di komputer.

 maupun menggunakan hardrive eksternal atau pen drive Cara Terlengkap Menginstall Windows 8

6. Tunggu antarmuka Windows 8 pengguna untuk memuat. Layar Anda kini akan menampilkan seri gres Windows 8 ikon, dan desktop Anda sanggup diakses dengan mengklik "Desktop" ikon.

 maupun menggunakan hardrive eksternal atau pen drive Cara Terlengkap Menginstall Windows 8

Tips Menggunakan Windows 8
Untuk pengalaman terbaik pribadi di Windows 8, masuk ke PC Anda menggunakan akun Microsoft, yang sanggup dibentuk selama Windows 8 setup. Jika Anda menciptakan akun Microsoft menggunakan alamat email pribadi Anda, Windows 8 akan melaksanakan sinkronisasi akun email Anda dengan pengaturan komputer Anda, dan memberi Anda kemampuan untuk menggunakan jejaring sosial dan membuatkan foto, warta kontak, dokumen, dan banyak lagi.