Sobat Blog

Upgrade Your Skills, Upgrade Your Life

Tutorial blogging dan web design terlengkap untuk pemula sampai mahir. Tersedia tutorial gratis dan ebook yang berkualitas...!

Learn More...
GGS TKJ

Friday, February 22, 2019

Cara Menghubungkan 2 Router dengan 2 Pc di Cisco Packet Tracer


Mungkin disini ada yang memeiliki tugas Sekolah atau mau belajar Cara Menghubungkan 2 Router dengan 2 Pc di Cisco Packet Tracer , ya disini Sobat Blog akan membahas bagaimana cara menghubungkan 2 Router dengan 2 Pc di Cisco Packet Traser Langsung saja.

Persiapkan:
2 Buah Router
2 Buah Pc

Langkah - Langkah:
1. Buatkah Topoligi seperti gambar dibawah ini :

 2. Setelah Membuat Topologi seperti diatas kira Konfigurasi Routernya Yaitu Router 0 dan Router 1

Router 0 :
  • Double Klik Router 0
  • Lalu Klik Config
  • Klik FastEthernet 0/0
  • Centang Port Status Menjadi ON
  • Isi IP Address dengan 192.168.1.1,maka saat di klik ke subnet mask akan keluar 255.255.255.0

Hasilnya Seperi dibawah ini:


Sunday, February 17, 2019

Cara Menonaktifkan Klik Kanan dan Inspect Element di Blogger

Cara Menonaktifkan Klik Kanan dan Inspect Element di Blogger
Cara Menonaktifkan Klik Kanan dan Inspect Element di Blogger

Alasan Mengapa saya Membuat Tutorial "Cara Menonaktifkan Klik Kanan dan Inspect Element di Blogger" ini Bertujuan unutuk mengurangi Duplikasi konten yang di sengaja dan dicopas oleh Orang lain dan dipubliksikan Lagi.

Sedikit memerangkan tentang Inspect Element dan Duplikasi Konten

Inspect Eleman adalah Salah satu fitur bermanfaat yang biasa ada di bawaan Browser Desktop yang mempu memperlihatkan, Mengedit, bahkan mengubah kode HTML, CSS , dll dari Sumber situs yang dibuka, Inspect Elemen sering digunakan oleh Designer Blog untuk mengetahui kode HTML, CSS, JS di blog.

Duplikasi Konten adalah Salah satu hal buruk yang dilakukan oleh Blogger Pemula, Kebanyakan Blogger pemula yang tidak mempunyai banyak pengetahuan seenaknya mengcopy paste semua artikel dari blog lain dan mempublishnya diblognya sendiri untuk kepentingan kemajuan blog tapi kalau mau untuk mencari materi, pengetahuan, dll tanpa mengcopas itu tidak apa apa bagi ku.

 Jika tidak ingin Artikel atau Kode Tema pada Inspect Eleman boleh menerapkan Tutorial ini diblog Sobat atau Sobat bisa memesang Debugger Script yang nantinya blog sobat akan lebih aman dari si copaser melalui Inspect Elemet

Cara Menonaktifkan Klik Kanan dan Inspect Element di Blogger

berikut Cara Menonaktifkan Klik Kanan dan Inspect Element di Blogger silahkan ikut Tutorial mudah dibawah ini

1. Buka dastbor Blogger > Klik menu Tema dan Edt Html > Tambahkan kode dibawah ini Sebelum </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

<script type='text/javascript'>
//<![CDATA[
// Inspect
var message="Ah, nice try";function clickIE4(){if(2==event.button)return alert(message),!1}function clickNS4(e){if((document.layers||document.getElementById&&!document.all)&&(2==e.which||3==e.which))return alert(message),!1}document.layers?(document.captureEvents(Event.MOUSEDOWN),document.onmousedown=clickNS4):document.all&&!document.getElementById&&(document.onmousedown=clickIE4),document.oncontextmenu=new Function("alert(message);return false");
!function t(){try{!function t(n){1===(""+n/n).length&&0!==n||function(){}.constructor("debugger")(),t(++n)}(0)}catch(n){setTimeout(t,5e3)}}();
shortcut={all_shortcuts:{},add:function(e,t,a){var o={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(a)for(var r in o)void 0===a[r]&&(a[r]=o[r]);else a=o;o=a.target,"string"==typeof a.target&&(o=document.getElementById(a.target)),e=e.toLowerCase(),r=function(o){var r;if((o=o||window.event,a.disable_in_input)&&(o.target?r=o.target:o.srcElement&&(r=o.srcElement),3==r.nodeType&&(r=r.parentNode),"INPUT"==r.tagName||"TEXTAREA"==r.tagName))return;o.keyCode?code=o.keyCode:o.which&&(code=o.which),r=String.fromCharCode(code).toLowerCase(),188==code&&(r=","),190==code&&(r=".");var n=e.split("+"),c=0,l={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},s={esc:27,escape:27,tab:9,space:32,return:13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,break:19,insert:45,home:36,delete:46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},i=!1,d=!1,p=!1,u=!1,h=!1,f=!1,g=!1,v=!1;o.ctrlKey&&(u=!0),o.shiftKey&&(d=!0),o.altKey&&(f=!0),o.metaKey&&(v=!0);for(var y=0;k=n[y],y<n.length;y++)"ctrl"==k||"control"==k?(c++,p=!0):"shift"==k?(c++,i=!0):"alt"==k?(c++,h=!0):"meta"==k?(c++,g=!0):1<k.length?s[k]==code&&c++:a.keycode?a.keycode==code&&c++:r==k?c++:l[r]&&o.shiftKey&&(r=l[r],r==k&&c++);if(c==n.length&&u==p&&d==i&&f==h&&v==g&&(t(o),!a.propagate))return o.cancelBubble=!0,o.returnValue=!1,o.stopPropagation&&(o.stopPropagation(),o.preventDefault()),!1},this.all_shortcuts[e]={callback:r,target:o,event:a.type},o.addEventListener?o.addEventListener(a.type,r,!1):o.attachEvent?o.attachEvent("on"+a.type,r):o["on"+a.type]=r},remove:function(e){e=e.toLowerCase();var t=this.all_shortcuts[e];if(delete this.all_shortcuts[e],t){e=t.event;var a=t.target;t=t.callback;a.detachEvent?a.detachEvent("on"+e,t):a.removeEventListener?a.removeEventListener(e,t,!1):a["on"+e]=!1}}},shortcut.add("Ctrl+U",function(){alert("Cmon, you better than this")}),shortcut.add("Meta+Alt+U",function(){alert("This is joke right?")}),shortcut.add("Ctrl+C",function(){alert("Wow, amazing!")}),shortcut.add("Meta+C",function(){alert("This is joke right?")});
//]]>
</script>

Edit Tulisan (Text) yang ditandai Sesuai Keinginan, Ini Text yang akan muncul di Kotak Dialog
2. Simpan Tema lalu coba Lihat apa yang terjadi saat klik kanan di blog anda.

Contoh penerapanya, Silahkan klik Kanan pada area text dibawah ini dan nanti akan muncul Kotak Dialog atau Peringatan

See the Pen
KJrLVp
by akbar (@sobatblog)
on CodePen.


Memang dengan menerapkan Kode diatas tidak begitu aman atau tidak menjamin sepenuhnya blog sobat untuk dicopas, karena sesalu ada jalan atau celah untuk mengakalinya dengan cara Menonaktikan Javascript untuk blog anda pada Browser, Jadi agar lebih aman dibakan kode dibawah ini di dalam Tamplate atau Tema sebelum kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;

<noscript>
<style type='text/css'>
/* No Script */
body,html{overflow:hidden}
.noscript{background:#2599cf;color:#fff;padding:8% 0 0 0;position:fixed;bottom:0;left:0;top:0;right:0;z-index:1000;height:auto;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}
.noscript p{margin:0;text-align:center;padding:0 20px 10px 20px;margin:auto;font-size:3rem;line-height:1.5;font-family:monospace;max-width:1010px;font-weight:500}
.noscript p span{color:#ffe88b;font-size:10rem;line-height:normal;font-weight:normal}
</style>
</noscript>

Dan tambahkan kode dibawah ini sebelum </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

Klik tombol simpan Tema

kode di atas digunakan untuk memberi Peringatan kepada Pengguna yang menonaktifkan Java Script untuk blog anda dibrowsernya.

Sekian Tutorial dari Sobat Blog yaitu Cara Menonaktifkan Klik Kanan dan Inspect Element di Blogger, Semoga Bermanfaat

Saturday, February 16, 2019

Cara Menambahkan Link Sumber Otomatis di Blogger ( Anti Copas )

Tentang Duplikasi Konten, Mungkin disini ada Korban Artikel di Copas orang dengan Seenaknya saja, Sama sya pernah dan rasanyanya itu kesal sekali hehe, Ya disini Sobat Blog akan membagikan Tutorial Cara Memabahkan Link Sumber Otomatis di Blogger

Cara Menambahkan Link Sumber Otomatis di Blogger ( Anti Copas ) - www.SobatBlog.com
Cara Menambahkan Link Sumber Otomatis di Blogger ( Anti Copas )


Kopas mengkopas Artikel diblog adalah hal yang bisa di kalangan blogger dan tidak melanggar ketentuan apapun apabila sekedar mengumpulkan Informasi, Materi, dan hal hal lain. Tetapi Bagaimana kalau mencopas Seluruh Artikel kita pasti rasanya nggak Ikhlas Terus tanpa diberi link Sumber lagi.

Memasnga Link Sumber Otomatis akan memberikan si Kopaserzzz peringatan bawahanya harus menghormati kita yang sulit merangkai Kata-Kata dan Kalimat agar enak di baca, Setidaknya berikan link Sumber lah ya!

Cara Menambahkan Link Sumber Otomatis di Blogger 

1. Buka Blogger > Tema > Edit Html Kemudian Tambahkan kode dibawah ini tepat sebelum </head> atau bisa juga tepat sebelum </body>

<script type='text/javascript'>
//<![CDATA[
function copaslink(){var e,n=document.getElementsByTagName("body")[0],t=(e=window.getSelection())+("<br/><br/>Sumber : <a href='"+document.location.href+"'>"+document.location.href+"</a><br/>"),o=document.createElement("div");o.style.position="absolute",o.style.left="-99999px",n.appendChild(o),o.innerHTML=t,e.selectAllChildren(o),window.setTimeout(function(){n.removeChild(o)},0)}document.oncopy=copaslink;
//]]>
</script>

Ganti Tulisan yang ditandai sesuai keinginan Sobat

2. Setelah ditambahkan Klik Simpan Tema dan Selesai

Sekarang anda sudah berhasil Menambahkan Link Sumber Otomatis di Blogger biar orang yang mau copas Artikel dapat Peringatan dan mau memberikan link Sumber, Hasilnya bisa lihat ketika Sobat kopas Artikel pada Blog yang sudah dipasangi Script Link Sumber Otomais maka keika si Copaser mem-Paste nya makan akan terlihat Link Sumber nya.

Berikut ini adalah Contoh Blog yang sudah di Terapkan Link Sumber Otomatis, Silahkan Kopas Kata atau Kalimat yang ada pada Tulisan di bawah ini



Sekian Tutorial dari Sobat Blog yaitu Cara Menambahkan Link Sumber Otomatis di Blogger Semoga Bermanfaat

Friday, February 15, 2019

Cara Membuat Tombol Demo dan Download Flat UI

Cara Membuat Tombol Demo dan Download Flat UI
Cara Membuat Tombol Demo dan Download Flat UI


Kali ini kita akan membahas bagaimana Membuat Tombol atau Button Demo dan Download Flat UI, untuk kalian yang mempunyai blog Download pasti akan membutuhkan Tombol Download dan untuk Memperindah atau Memparcantik Blognya Tutorial ini boleh di coba hehe...

Tampilan Tombol atau Button Demo dan Download yang saya bagikan ini Sangat Menarik (Bagi Saya hehe), Karena menggunakan Font Awesome,

Ok tanpa menunggu lama lama Langsung aja ke Tutorialnya:

Cara Membuat Tombol Demo dan Download Flat UI

 

Widget ini menggunakan Font Awesome, jadi tambahkan Link Font Awesome di atas </head>

#wrap {
    margin: 20px auto;
    text-align: center;
}link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>



Berikut kita ada Dua Syle yang kita punya silahkan Pilih hehe...

Style 1

 

See the Pen
exPPpW
by akbar (@sobatblog)
on CodePen.

Style 2

 

See the Pen
bzmxRz
by akbar (@sobatblog)
on CodePen.

1. Buka Blogger > Tamplate > Edit HTML

2. Pastikan diblog anda terdapat Script pemanggil Css Style Font Awesome jika tidak ada silahkan Pasang Script di atas tadi dulu,

3. Letakkan Kode CSS di bawah ini tepat sebelum </style> atau ]]></b:skin>
   

Style 1


/* CSS Button Style 1 by www.sobatblog.com */
.button{float:left;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both}
.button ul{margin:0;padding:0}
.button li{display:inline;margin:5px;padding:0;list-style:none}
.button li a.demo,.button li a.download{position:relative;padding:9px 48px 9px 16px;background:#f39c12;color:#fff!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;box-shadow:0 1px rgba(0,0,0,0.1);line-height:normal;transition:all .3s}
.button li a.download{background:#3498db}
.button li a.demo:hover,.button li a.download:hover{background:#666}
.button li a.demo:active,.button li a.download:active{cursor:pointer}
.button li a.demo:after,.button li a.download:after{content:'\f135';background:rgba(0,0,0,0.1);position:absolute;right:0;top:0;font-weight:normal;display:inline-block;margin:0 0 0 10px;color:#fff;padding:11px;font-family:fontawesome}
.button li a.download:after{content:'\f019'}

Style 2


/* CSS Button Style 2 by www.sobatblog.com */
.button2{float:left;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both}
.button2 ul{margin:0;padding:0}
.button2 li{display:inline;margin:5px;padding:0;list-style:none}
.button2 li a.demo,.button2 li a.download{position:relative;padding:14px 48px 14px 16px;background:#f39c12;display:block;color:#fff!important;font-weight:700;font-size:14px;text-align:left;text-transform:uppercase;letter-spacing:.2px;border-radius:3px;box-shadow:0 1px rgba(0,0,0,0.1);line-height:normal;transition:all .3s;max-width:170px;margin:auto;overflow:hidden}
.button2 li a.download{background:#3498db}
.button2 li a.demo:hover,.button2 li a.download:hover{background:#666}
.button2 li a.demo:active,.button2 li a.download:active{cursor:pointer}
.button2 li a.demo:after,.button2 li a.download:after{content:'\F054';background:rgba(0,0,0,0.1);position:absolute;right:0;top:0;font-weight:normal;display:inline-block;margin:0 0 0 10px;color:#fff;padding:16px 24px;font-family:fontawesome;transition:all .3s}
.button2 li:hover a.demo:after,.button2 li:hover a.download:after{background:transparent;-webkit-animation:bounceright .3s alternate ease infinite;animation:bounceright .3s alternate ease infinite}
@-webkit-keyframes bounceright{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(3px)}}
@keyframes bounceright{from{transform:translateX(0)}to{transform:translateX(3px)}}


4. Simpan Tamplate

5. Untuk menggunakan Script ini Silahkan pasang Script di bawah ini, Script pemenggil ini di gunakan saat Membuat atau Mengedit Artikel Sobat (di HTML).

Style 1

 

<div style="text-align: center;">
  <ul class="button">
    <li><a class="demo" href="http://www.sobatblog.com" target="_blank">Demo</a></li>
    <li><a class="download" href="http://www.sobatblog.com" target="_blank">Download</a></li>
  </ul>
</div>
<div class="clear"></div>

Style 2

 

<div style="text-align: center;">
  <ul class="button">
    <li><a class="demo" href="http://www.sobatblog.com" target="_blank">Demo</a></li>
    <li><a class="download" href="http://www.sobatblog.com" target="_blank">Download</a></li>
  </ul>
</div>
<div class="clear"></div>

Ganti http://www.sobatblog.com dengan link Tujuan

Demikian Tutorial Cara Membuat Tombol Demo dan Download Flat UI dari Sobat Blog semoga Bermanfaat :)

Monday, February 11, 2019

Cara Memasang Slide Demo dan Download Button di Blog

Cara Memasang Slide Demo dan Download Button di Blog - www.sobatblog.com
Cara Memasang Slide Demo dan Download Button

Cara Memasang Slide Demo dan Download Button di Blog - Pada kesempatan kali ini Sobat Blog akan membahas bagaimana Cara Memasang Tombol atau Button Demo dan Download Button di Blog dengan Efek Slide.

Misalkan kalian punya blog download tamplate terus mau menampilkan Button Demo dan Download nah Tutorial kali ini mungkin sangat pas untuk di terapkan di blog agan! hehe

1.Buka Blogger>Tamplate>Klik Edit Html dan terapakan Kode di bawah ini tepat sebelum </style> atau ]]></b:skin>

#wrap {
    margin: 20px auto;
    text-align: center;
}

#wrap br {
    display: none;
}

.btn-slide, .btn-slide2 {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 200px;
    line-height: 50px;
    padding: 0;
    border-radius: 50px;
    background: #fdfdfd;
    border: 2px solid #0099cc;
    margin: 10px;
    transition: .5s;
}

.btn-slide2 {
    border: 2px solid #efa666;
}

.btn-slide:hover {
    background-color: #0099cc;
}

.btn-slide2:hover {
    background-color: #efa666;
}

.btn-slide:hover span.circle, .btn-slide2:hover span.circle2 {
    left: 100%;
    margin-left: -45px;
    background-color: #fdfdfd;
    color: #0099cc;
}

.btn-slide2:hover span.circle2 {
    color: #efa666;
}

.btn-slide:hover span.title, .btn-slide2:hover span.title2 {
    left: 40px;
    opacity: 0;
}

.btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 {
    opacity: 1;
    left: 40px;
}

.btn-slide span.circle, .btn-slide2 span.circle2 {
    display: block;
    background-color: #0099cc;
    color: #fff;
    position: absolute;
    float: left;
    margin: 5px;
    line-height: 42px;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
    transition: .5s;
    border-radius: 50%;
}

.btn-slide2 span.circle2 {
    background-color: #efa666;
}

.btn-slide span.title,
  .btn-slide span.title-hover, .btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    position: absolute;
    left: 90px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #30abd5;
    transition: .5s;
}

.btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    color: #efa666;
    left: 80px;
}

.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    left: 80px;
    opacity: 0;
}

.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    color: #fff;
}

2. Simpan Tamplate

3. Selanjutnya untuk Kode Pemanggil di Bawah terapkan di Tap HTML saat membuat atau mengedit Artikel Sobat

<div id="wrap">
<a href="#" class="btn-slide" target="_blank">
  <span class="circle"><i class="fa fa-rocket"></i></span>
  <span class="title">Demo</span>
  <span class="title-hover">Click here</span>
</a>
<a href="#" class="btn-slide2" target="_blank">
  <span class="circle2"><i class="fa fa-download"></i></span>
  <span class="title2">Download</span>
  <span class="title-hover2">Click here</span>
</a>
</div>


Untuk Memperapi Postingan saat memasukan kode HTML ke dalam postingan sebaiknya gunakan Tekan "Enter" untuk baris baru pada menu "Pilihan" di samping kiri seperti gambar di samping

Pilih "Enter" biar tampilan menjadi Rapi www.sobatblog.com
Pilih "Enter" biar tampilan menjadi Rapi


Hasilnya:





Sekian Tutorial dari Sobat Blog, Semoga Bermanfaat

Wednesday, February 6, 2019

Cara Membuat Bootable Ubuntu dengan Rufus di Windows

Cara Membuat Ubuntu dengan Rufus (GGS TKJ)
Cara Membuat Ubuntu dengan Rufus

Pernahkan Kalian Membeli DVD SO (Sistem Operasi), Dari pada kita Membeli DVD harus Mengeluarkan Banyak Uang Sebaiknya Kita Menggunakan Peralatan yang Sudah ada,

Kali ini Kami Akan Mengaja Kalian Untuk Menghemat, Karena Hemat itu Pangkal kaya kalau Sudah kaya Jangan Lupa Sedekah hehe... Ya kita Akan Membagikan Tutorial Cara Membuat Bootable Ubuntu dengan Rufus di Windows ini Sama saja Cara Membuat Bootable Linux dengan Rufus?.

Let's Go It

Persiapkan Bahan Bahannya:
1. Unduh Software Rufusnya (Link Klik Sini)
2. ISO Ubuntunya (Link Klik Sini)
3. Flashdisk min 4 Gb ( Bila Tidak Punya Pinjam hehe)
4. Laptop atau Komputer kalian (Bila Tidak Punya Beli, Ngapain Bootable bila tidak Punya Laptop atau Komputer hmmm... )

Bila Semua Bahan Telah Siap maka kita Lanjut ke Tutorial

Cara Bootable Ubuntu dengan Rufus di Windows


1. Buka Software Rufus kalian Bila tidak punya dilahkan Unduh Link nya Ada diatas! Nanti saat Membuaka ada Kotak Dialog User Account Control tinggal klik Yes.

Tampilan Rufus ( GGS TKJ )
Tampilan Rufus

2. Klik SELECT, Device itu adalah Nama Flashdisk kita Jadi Jangan Bingung itu kok Namanya sudah UBUNTU 18_0 karena itu Flashdisk sudah pernah Saya Buat Bootable hehe. Lanjut Setelah Klik SELECT kita Cari File ISO UBUNTU anda.

Cari File ISO UBUNTU ( GGS TKJ )
Cari File ISO UBUNTU

3. Setelah Selesai SELECT tanpa basa basi kita Klik START untuk Bootable normal. Jika kamu mau Otak Atik Sendiri ya gpp RESIKO tanggung sendiri. :)

Memulai Bootable dengan Rufus ( GGS TKJ )
Memulai Bootable dengan Rufus

4. Nanti akan muncul ISOHybrid image detected nah disitu pilih aja Write in ISO image mode (Recomended) lalu Ok

Pemulilihan Mode ISO atau DD ( GGS TKJ )
Pemilihan Mode ISO atau DD

5. Muncul lagi Kotak Dialog Seperti dibawah, Yang initinya Flashdisk kalian akan di Format untuk Melanjutkan Membootable. Bila Setuju unutk memformatnya Klik OK.

Kotak Dialong KONFIRMASI PEMFORMATAN FLASHDISK ( GGS TKJ )
KONFIRMASI PEMFORMATAN

6. Setelah klik Ok maka Proses Pembuatan Bootable Akan Berjalan.

Proses Bootable ( GGS TKJ )
Proses Bootable

7. Tunggu saja Sambing Ngopi hehe. Proses ini Biasanya Membutuhkan Waktu yang Lama Ya Tergantung Kualitas Flashdisk dan Spec Pc kalian, bila Sudah Selesai maka Akan ada Notifikasi atau Suara Ting :v pada Windows 10

Bootable Selesai ( GGS TKJ )
Bootable Selesai

Sekian Tutorial Dari saya Yaitu Cara Membuat Bootable Ubuntu dengan Rufus di Windows Semoga Bermanfaat :)

Selesai deh Kalian tinggal Masuk Ke BIOS atau UEFI untuk Melanjutkan Penginstalan Ubuntu.

Jika Kurang Paham bisa Lihat Videonya, Jangan Lupa SUBSCRIBE
Untuk Video Tutorialnya Ada Disini:


Sekian Tutorial dari Saya Kalau ada yang Kurang Jelas Silahkan Beri Komentar di Bawah
Salam TKJ
Salam Blogger

CARA MENGETAHUI PARTISI HARDISK MEMAKAI GPT ATAU MBR ( Bergambar)

Cara Mengetahui Partisi Hardisk Memakai GPT atau MBR ggstkj.blogspot.com
Cara Mengetahui Partisi Hardisk Memakai GPT atau MBR

Anda mau Menginstal OS ( Operasi System ) tapi Ragu apakah Partisinya sesuai atau tidak dengan OS nya, Disini Saya akan berbagi Tutorial tentang 2 Cara Mengetahui Partisi Hardisk Memakai GPT atau MBR nah sebenarnya Cara Mengetahui Partisi Hardisk Memakai GPT atau MBR itu Sangat Mudah,

Ya semua Balik lagi ke kita ya, Semua mudah kalau sudah tahu Ilmunya, Nah Saya disini Akan Memberi Tahu bagaimana 2 CARA MENGETAHUI PARTISI HARDISK MEMAKAI GPT ATAU MBR biar kalian lebih mudah hehe, dalam Membuat Bootable juga harus memperhatikan Partisi Hardisk kita saya ada Tutorial Cara Membuat Bootable Ubuntu dengan Rufus di Windows

Let's Go It

CARA MENGETAHUI PARTISI HARDISK MEMAKAI GPT ATAU MBR 


Cara Pertama : Menggunakan Disk Management


1. Untuk masuk ke Disk Management melalui File Exploler, Buka File Exploler lalu Klik Kanan Pada This PC ( Win 8-10 ), My Computer ( Win Xp-7 ) lalu Manage.

File Exploler ggstkj.blogspot.com
File Exploler

2. Nanti Akan Muncul Computer Management lalu klik Pada Kolom atau Tabel Storage -> Disk Management.

Computer Management ggstkj.blogspot.com
Computer Management

3. Silahkan Tunggu beberapa Saat, Setelah muncul Partisi-Partisi Klik Kanan Pada Disk 0 ( Hardisk ) lalu Perhatikan Text Convert To MBR Disk berarti partisi Hardisk Saya Adalah GPT

Disk Management ggstkj.blogspot.com
Disk Management

Kesimpulan :
-. Jika Disitu Tertulis Convert to MBR Disk Maka Partisi Kalian Adalah GPT
-. Jika Disitu Tertulis Convert to GPT Disk Maka Partisi Kalian Adalah MBR

:)

Cara Pertama : Menggunakan CMD ( Commend Prompt )


1. Buka Run, Biar Lebih mudah Klik aja ( Win + R ) Lalu Ketikan Pada Kolom Diskpart klik Ok


RUN ggstkj.blogspot.com
RUN


 2.  Nanti Akan muncul CMD ( Commend Prompt )  Tunngu Sebentar lalu muncul tanada > Setelah itu Ketikan list disk. Lalu Mencul Keterangan Partisi Hardisk Kita Kita lihat disitu Gpt bawahnya ada Bintang itu Berarti Partisi Hardisk saya adalah Gpt


Diskpart -> Lisk Disk ggstkj.blogspot.com
Diskpart -> Lisk Disk

Kesimpulan : 
-. Apa bila disitu terdapat Gpt bawahnya ada Bintang itu Berarti Partisi Hardisk saya adalah Gpt.
-. Apa bila disitu terdapat Mbr bawahnya ada Bintang itu Berarti Partisi Hardisk saya adalah Mbr.

Sekian Tutorial dari Saya Yaitu  2 Cara Mengetahui Partisi Hardisk Memakai GPT atau MBR ( Bergambar ) Semoga Bermanfaat

Jika Kurang Paham Silahkan Lihat Videonya Jangan lupa SUBSCRIBE 
Untuk Videonya Ada dibawah:



Jika anda masih Belum Paham Atas Tutorial di atas Silahkan Beri Komentar dibawah dan Jika Teman Anda Membutuhkan Tutorial ini Silahkan Share Tombol Share ada dibawah Ok

:)

Cara Pemasangan Kabel Fiber Optik dengan Konektor ( Fast Konektor )


Belajar bagaimana Cara Pemasangan Kabel Fiber Optik dangan Konektor ( Fast Konektor ) Sebelum kita melanjutkan Tutorial Cara Pemasangan Kabel FO dengan Konektor saya akan Jelaskan Sedikit apa itu Fast Konektor

Fast Konektor adalah Sebuah alat yang digunakan untuk Media penghibung antara kabel Fiber Optik dengan perangkat yang akan Menggunakannya sebagai Alat Transmisi. Dalam pembuatan Fast Konektor harus dibuat dengan hati hati dan jangan sampai membuat Ujung kabel Fiber Optik yang rapuh Menyentuh benda lain, karena kalau ujung kabel Fiber Optik menyantuh Benda lain akan merusak kabel Fiber Optiknya yang akan membuat Pancaran sinar Leser atau cahaya Menjadi kurang Maksimal

Jika Sudah tahu lanjut ke Tutorialnya:

Persiapan Alat dan Bahan:

Alat:

1. Striper
2. Clever
3. Obtical Power Meter
4. Jaket Remover
5. Tang Potong

Bahan:

1. Drop kabel Fiber Optik
2. Tisu
3. Alkohol
4. Fast Konektor tipe SC

Cara Pemasangan Kabel Fiber Optik dengan Konektor ( Fast Konektor ) :

 

1. Siapkan Kabel Fiber Optik
2. Potong Kabel Obtic seperlunya Saja
3. Masukan Tutup Konektor (Cap) ke Kabel
4. Kupas kulit sepanjang 55 mm menggunakan Lab Cutter
5. Kupas dan sisakan Buffer Tube sepanjang 24 mm
6. Kupas Coating menggunakan Fiber Stripper
7. Potong Cladding dengan Fiber Cleaver dan Sisakan Sepanjang 10 mm
8. Lepas Jig dan Check Posisi Penutup, Cek apakah terdapat Banding?
9. Lalu pasang Penutup
10. Dan Fast Konektor siap dicoba dengan Obtical Fiber Optik.

Sekian Tutorial Dari saya Yaitu : Cara Pemasangan Kabel Fiber Optik dengan Konektor ( Fast Konektor )

Jika ada Pertanyaan Silahkan Bertanya Lewat komentar Atau Kontak Admin :)

Sunday, February 3, 2019

Cara Membuat Partisi Baru di Windows ( Bergambar )

Cara Membuat Partisi Baru di Windows GGS Tkj
Cara Membuat Partisi Baru di Windows

Mungkin Kalian Pernah Lihat Pc dengan Partisi Banyak padahal Pc itu hanya memiliki Satu Hardisk padahal kalau mau melihat partisi baru harus menambahkan Hardisk atau Flashdisk ke Pc tesebut, Hmmm Bagaimana Ya...? Atau Kalau kamu Mau membuat Dual Boot pasti Memerlukan Partisi untuk Memberi Ruang baru untuk OS ( Operasi System ) baru.

Nah disini GGS TKJ ( Gang Gong Squad Teknik Komputer Jaringan ) :v Akan membagikan Tutorial Cara Membuat Partisi baru di Windows atau lebih tepatnya membagi partisi yang sudah ada Menjadi 2 atau lebih Partisi

Langkah Langkah :

1.Buka File Exploler  Lalu Klik kanan Pada This PC (Windows 8-10 ) My Computer
( Windows 7) Lalu pilih Manage.
File Explorer ggstkj.blogspot.com
Buka File Explorer



2. Lalu Mencul Computer Management, Cari Disk Management disebelah Samping kiri.

Cari Disk Management - ggstkj.blogspot.com
Cari Disk Management


3. Pilih Partisi Yang akan kita Bagi, Tidak Harus Disk C kok Terserah Yang penting Kapasitanya Cukup Untuk Kebutuhan Partisi kita, disini saya menggunakan Disk D, Klik kanan pada Partisi yang akan di Bagi lalu palu pilih Shrink Volume.
Shrink Volume - ggstkj.blogspot.com
Shrink Volume


4. Tunggu Beberapa saat biasanya Sesuai Spec dan Sisa Ram kita  untuk lamanya, Lalu muncul Kotak Dialog Shrink ( Nama Disk ):, dibagian Enter the amount of space to shrink in MB: Isikan Jumlah Kapasitas Partisi yang akan kita bagi ( Sesuai Kebutuhan ) disini saya Membuat Partisi barkapasitas 30000 MB ( 30 Gb ) ingat disini menggunakan Satuan MB jangan Sampai Salah, nanti kamu isi 30 ya jadinya 30 Mb hehe Buat apa? :v
Buat Kapasitas Partisi - ggstkj.blogspot.com
Buat Kapasitas Partisi

5. Lalu Pada nanti Kotak Dialog Shrink hilang, Lihat Pada Disk Management Akan ada Parisi baru ( Unallocated ) tapi Belum Bisa diakses karena Belum diberi Label atau Apa saya kurang Paham.
Partisi baru masih unallocated - ggstkj.blogspot.com
Partisi Baru masih Unallocated


6. Lalu klik Kanan Pada Partisi Unallocated tadi ( Jika Ingin Mengunakan Partisi ini untuk menginstal OS baru atau Membuat Bootable maka tidak Perlu melakukan hal ini, Karena Nanti Pada saat instal kita harus Memformat Partisi untuk di jadikan Free Space, Pasti akan membutuhkan Waktu tambahankan hehe ) Pilih New Simple Volume.
New Simple Volume - ggstkj.blogspot.com
New Simple Volume

7. Setelah itu muncul Kotak Dialog New Simple Volume Wizard, Disini Kita tinggal Next-Next terus Sampai Success :v kalau mau Settingan Default, Kalau kalian mau Setting Setting ya dibaca baca dulu keteranganya Ok. :*
Next - ggstkj.blogspot.com
Next terus Sampai Sukses

8. Setelah Next-Next Terus maka akan muncul tombol Finish Kita Tinggal Klik Finish. 

Finish - ggstkj.blogspot.com
Finish


9. Lihat di Disk Managemet dan di File Explorer maka Disk baru Sudah Jadi Partisi Selesai dibuat. Hehe
PArtisi Baru sudah Selesai - ggstkj.blogspot.com
Parisi Baru Sudah selesai
Sekian Tutorial Cara Membuat Partisi Baru di Windows ( Bergambar ) dari GGS TKJ jangan lupa Subscribe Channel Kami di bawah ya Makasih

Jika Kurang Kelas silahkan Lihat Videonya di bawah :)