Membuat Tombol Demo dan Download pada Blog

Membuat Tombol Demo dan Download pada Blog

Membuat Tombol Demo dan Download pada Blog - Jika sebelum-sebelumnya, saya membahas lebih banyak tentang widget, maka pada artikel ini saya mau ngebahas tentang Button/Tombol, yaitu Tombol Download dan Buttons.

Menurutku kedua tombol ini, penting untuk ada pada sebuah blog, apalagi bagi blog yang banyak menyertakan Link Download pada blog. Dengan adanya tombol ini, Link yang anda tuliskan pada artikel anda seperti Cara Menghapus Widget Blog akan diubah menjadi lebih menarik dengan tombol Demo dan Download tersebut. Jadi, intinya adalah Tombol ini akan menyembunyikan linknya dan menggantinya dengan Button, pembaca akan diarahkan pada link tersebut setelah pembaca mengklik buttonnya.

Salah satu manfaat dari Button ini adalah, Blog akan terlihat lebih rapi dan terlihat professional. Seperti yang saya katakan dalam kebanyakan artikel-artikelku sebelumnya, blog yang terlihat professional akan membuat si pembaca yakin dengan apa yang anda tuangkan dalam setiap artikelmu.

Tombol Demo dan Download ini dibuat dengan menggunakan CSS3, kelebihan dengan menggunakan CSS3 adalah tombol demo dan download tidak akan memberikan pengaruh banyak terhadap proses pemuatan blog, berbeda dengan yang tidak menggunakan CSS3, blog akan terasa berat dan membutuhkan waktu pemuatan yang cukup lama.

Sebelumnya saya ingin memastikan bahwa blog anda sudah terpasang font awesome.

Sekarang mari kita Mulai tutorialnya

Pertama-tama buka Blogger.com > Kemudian masuk ke menu Template, pilih Edit HTML, kemudian letakkan Kodenya sebelum ]]></b:skin> atau </Style>
.btn{list-style:none;text-align:center;margin:10px!important;padding:10px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!important;color:#FFF!important}
.btn ul {margin:0;padding:0}
.btn li{display:inline;margin:5px;padding:0;list-style:none;}
.demo,.download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:Open Sans,sans-serif;text-align:center;text-transform:uppercase;border-radius:3px;opacity:.95;border:0;letter-spacing:2px;transition:all .2s ease-out}
.demo {background-color:#3498DB;}
.download {background-color:#1ABC84;}
.demo:hover {background-color:#60B8F4;color:#fff;border-bottom:2px solid #3498DB; opacity:1;}
.download:hover {background-color:#49DDAA;color:#fff;border-bottom:2px solid #1ABC84;opacity:1;}
.demo:before {content:&#39;\f135&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.download:before {content:&#39;\f019&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
Simpan Templatenya

Sekarang, cobalah untuk membuat artikel baru, lalu masukkan kode ini dalam artikel mu, pada Tab HTML
<div style="text-align: center;">
<ul class="btn">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
<li><a class="download" href="YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>

Jika anda hanya ingin tombol Demo saja
<div style="text-align: center;">
<ul class="btn">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
</ul>
</div>

Atau Jika anda hanya ingin Tombol Download
<div style="text-align: center;">
<ul class="btn">
<li><a class="download" href="YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>

Hasilnya akan seperti gambar diatas. 

Jangan Lupa untuk mengganti YOUR-LINK-HERE dengan link yang akan dituju, dan jangan lupa untuk menambahkan kode tersebut di setiap artikel yang ingin anda berikal Tombol Demo dan Download. Bagaimana mudah bukan? Sekian penjelasanku, Semoga Bermanfaat.
Read more

Cara Menghapus Widget Blog yang Tidak Bisa Dihapus

Cara Menghapus Widget Blog yang Tidak Bisa Dihapus
Seperti yang kita ketahui, Widget merupakan hal penting dalam sebuah blog, widget berfungsi sebagai alat interaksi antara pembaca dan blog itu sendiri, maka dari itu sangat penting untuk memasang widget pada blog.

Selayaknya manusia biasa, kita pasti pernah mengalami kesalahan saat melakukan pemasangan widget, akibatnya kita ingin menghapus widget yang gagal dipasang tadi. Namun, tidak jarang dari blogger, menemukan kesulitan saat ingin menghapus si widget, karena tombol hapus pada widget yang menghilang, sehingga timbul pertanyaan, bagaimana cara menghapus widget yang tidak bisa dihapus? dan inilah judul artikel yang akan saya bahas.

Sebelumnya, saya mau jelasin sedikit, kenapa widgetnya nggak bisa kehapus? seperti yang kita ketahui, widget blog tidak bisa dihapus disebabkan karena tombol hapus pada widget yang hilang, lantas apa yang membuat tombol hapusnya menghilang? jawabannya adalah, hal ini disebabkan karena widget blog telah di lock atau dikunci pada template, sehingga template mencegah penghapusan widget tersebut dengan menghilangkan tombol hapus tersebut.

Sebenarnya, fungsi lock juga sangat diperlukan, yaitu untuk menyimpan widget secara permanen, dan menghindari yang namanya "salah pencet" yang berakibat terhapusnya widget pada blog

Untuk mengatasi masalah ini, kita perlu melepaskan lock pada template tadi, agar tombol hapusnya muncul lagi dan tentu widgetnya sudah bisa dihapus.

Sebelumnya, alangkah baiknya jika anda membaca artikel saya yang berjudul Cara Mengetahui ID Widget pada Blog, agar kedepannya anda tidak tersesat, karena hal ini erat kaitannya dengan artikel saya kali ini. Tapi kalo udah paham sih, nggak usah dibaca deh!

Secara sederhana, Menghapus widget yang tidak bisa dihapus dapat dilakukakan dengan cara:
1. Buka Blogger.com
2. Cari ID Wigdet, widget yang ingin dihapus
3. Lalu, pilih Temlate > Edit HTML
4. Di Tab Lompat ke Widget, pilih ID Wiget, widget yang ingin dihapus misalnya HTML1
5. Setelah itu cari Kode yang bertulisan
<b:widget id='HTML1' locked='true' title='Recent Posts' type='HTML' version='1' visible='true'>
locked='true' maksudnya adalah widget tersebut telah dikunci, sehingga tombol hapusnya ilang, untuk membuat tombol hapusnya muncul lagi, ganti true menjadi false, maka hasilnya akan seperti ini
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML' version='1' visible='true'>
6. Habis itu, kembali ke tata letak. Coba deh dihapus widgetnya lagi, udah bisa belom? kalo belum, coba diulangin lagi, ampe berhasil. tapi kalo masih kagak bisa, comment aja dibawah. OK

Ok guys, akhirnya nyampe juga kita dipenghujung artikel, sekedar saran nih guys, kalo kalian membaca artikel 'Tutorial, Tips dan Trick atau sebagainya' jangan pernah mencoba untuk ngelangkahin stepsnya, karena hal ini bisa berakibat fatal, anda bisa saja kehilangan koneksi, yang membuat anda susah ngepraktekinyya, dan yang paling penting coba terus, ampe mentok. Thanks For reading
Read more

Cara Menyembunyikan Atau Menampilkan Widget Tertentu di Mobile

Cara Menyembunyikan Atau Menampilkan Widget Tertentu di Mobile

Pada umumnya Widget yang kita pasang pada temlpate blog kita akan secara otomatis tampil dalam versi PC maupun Mobile. Namun, hal ini tidak hanya membawa manfaat pada blog, tapi juga memiliki pengaruh yang buruk pada blog. Bergantung dari cara anda menempatkannya dan menggunakannya

Blog yang baik adalah, blog yang dapat diakses di PC maupun Mobile, namun tidak jarang dari blogger kurang memperhatikan blog mereka yang tampil di Mobile, mereka hanya fokus bagaimana agar blog mereka tampil menarik dan profesional didepan pembaca, padahal membuat blog yang dapat Mobile friendly dapat meningkatkan trafik blog, karena di zaman yang serba modern, kebanyakan dari kita mengaksesnya di Mobile, karena pengaksesannya yang lebih praktir

Apa Pentingnya Menyembunyikan atau Menampilkan Widget di Mobile?
Jika anda pernah mengakses atau mencoba membuka blog anda di Mobile, ada widget tertentu yang tidak terlihat baik pada blog padahal baik-baik saja pada saat mengaksesnya di PC, apakah itu widget yang tidak mobile friendly atau widget yang bertumpuk dengan widget lainnya. inilah fungsi utama dari menampilkan atau menyembunyikan widget di Mobile, artinya jika anda menginginkan widget itu hanya tampil di versi mobile maka anda harus mengaturnya hanya tampil di mobile saja dan begitu pun sebaliknya, anda bisa mempraktekkan cara ini.

Sebelum anda mempraktekkan Caranya, sangat penting untuk membaca artikel saya yang berjudul Cara Mengetahui ID Widget pada Blog, agar tidak sesat nantinya, tapi kalau udah paham sing tinggal lanjut aja.

Ok deh, dari pada tambah penasaran, mari kita bahas satu persatu, langkah-langkahnya:

1. Buka Blogger.com
2. Pilih Template > Edit HTML
3. Di menu lompat ke widget, pilih ID Widget yang ingin anda buat tampil atau hilang di Mobile
4. Untuk Menyembunyikannya di Mobile tambahkan kode ini, seperti dibawah pada widget yang ingin dihilangkan
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML' version='1' visible='true'>
        <b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:if>
</b:includable>
      </b:widget>
5. Tapi jika anda ingin menampilkannya di Mobile, kodenya seperti ini
<b:widget id='HTML2' locked='false' title='Recent Posts' type='HTML' version='1' visible='true'>
        <b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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

Jadi intinya adalah jika anda ingin menyembunyikan/menampilkan widgetnya anda harus menambahkan kode ini, diatas kode widgetnya, sesuai contoh diatas, ganti kode menjadi  true untuk menampilkan dan false untuk menyembunyikan
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
Kemudian tutup dengan tag penutupnya, dan letakkan sesuai contoh diatas
</b:if>

Bagiamana gan? mudah kan? yang penting anda mau mencoba dan berusaha, dan jangan ragu buat corat-coret di kolom komen dibawah kalo masih ada yang belum dimengerti yah! Semoga bermanfaat
Read more

Cara Membuat Tabel di Blog Menggunakan Microsoft Excel


Tabel adalah data yang berisi iktisar sejumlah data informasi, biasanya berupa kata-kata dan bilangan yang tersusun secara bersistem, urut ke bawah dalam lajur dan deret tertentu dengan garis pembatas sehingga mudah untuk disimak.

Dalam dunia Blog, Tabel juga diperlukan, yaitu untuk menyajikan informasi secara singkat, rinci dan juga mudah dipahami, seperti yang saya sebutkan diatas. Namun, untuk membuat, Tabel pada blog, tentunya berbeda dengan membuat tabel di Program pengolah kata, maka dari itu untuk membuatnya dibutuhkan teknik khusus, yang akan saya bahas pada artikel kali ini.

Membuat tabel di Blog haruslah menggunakan Kode HTML, maka dari itu dalam artikel ini, saya memberikan 2 cara, dari pada tambah penasaran, lanjut aja deh ke langkahnya. 

A. Cara I

Cara ini terbilang sangatlah mudah, anda tidak perlu susah payah membuat kode HTML nya terlebih dahulu, untuk membuat tabel. Cara I ini hanya saya sarankan jika anda dalam keadaan terburu-buru, karena cara ini terbilang dapat memberatkan loading Blog anda, yang tentunya berdampak pada hilangnya posisi anda di pencarian google.

Seperti biasa, anda harus membuat desain tabel anda di Excel, kemudian Copy lalu pastekan ke halaman.



Mudah dan Cepat, Bukan?

B. Cara II

Menurutk Cara ini  cukup rumit dan kurang efisien, pasalnya untuk membuat tabel pada blog, kita harus merubah format excel yang biasanya berakhiran .xlsx seperti excel.xlsx menjadi berakhiran .html seperti excel.html. Namun, cara ini, lebih capat pada saat loading dibandingkan cara sebelumnya.

Caranya adalah, seperti biasa anda harus membuat desainnya terlebih dahulu, kemudian save as dalam format HTML


Setelah itu, buka tabel yang telah anda buat tadi, maka tabelnya akan muncul pada browser anda, apakah itu Firefox atau google Chrome.

Langkah selanjutnya adalah mencari Kode HTMLnya, yaitu dengan inspect elemen. Caranya, klik kanan pada tabel, kemudian pilih inspect. 

Copy kodenya dimulai dari <table border="0" sampai </table>, contohnya
<table border="0" cellpadding="0" cellspacing="0" width="338" style="border-collapse:
 collapse;table-layout:fixed;width:254pt">
 <colgroup><col width="64" style="width:48pt">
 <col width="210" style="mso-width-source:userset;mso-width-alt:7680;width:158pt">
 <col width="64" style="width:48pt">
 </colgroup><tbody><tr height="20" style="height:15.0pt">
  <td height="20" class="xl65" width="64" style="height:15.0pt;width:48pt">No.</td>
  <td class="xl66" width="210" style="border-left:none;width:158pt">Nama</td>
  <td class="xl65" width="64" style="border-left:none;width:48pt">Gender</td>
 </tr>
 <tr height="20" style="height:15.0pt">
  <td height="20" class="xl65" style="height:15.0pt;border-top:none;border:.5pt solid windowtext;
  background:#F8696B;mso-pattern:black none">1</td>
  <td class="xl66" style="border-top:none;border-left:none">Agung</td>
  <td class="xl65" style="border-top:none;border-left:none">L</td>
 </tr>
 <tr height="20" style="height:15.0pt">
  <td height="20" class="xl65" style="height:15.0pt;border-top:none;border:.5pt solid windowtext;
  background:#F8898B;mso-pattern:black none">2</td>
  <td class="xl66" style="border-top:none;border-left:none">Ahmad Dzulfikar</td>
  <td class="xl65" style="border-top:none;border-left:none">L</td>
 </tr>
 <tr height="20" style="height:15.0pt">
  <td height="20" class="xl65" style="height:15.0pt;border-top:none;border:.5pt solid windowtext;
  background:#F9AAAC;mso-pattern:black none">3</td>
  <td class="xl66" style="border-top:none;border-left:none">Asriani</td>
  <td class="xl65" style="border-top:none;border-left:none">P</td>
 </tr>
 <tr height="20" style="height:15.0pt">
  <td height="20" class="xl65" style="height:15.0pt;border-top:none;border:.5pt solid windowtext;
  background:#FACBCD;mso-pattern:black none">4</td>
  <td class="xl66" style="border-top:none;border-left:none">Ayatullah Khomeini</td>
  <td class="xl65" style="border-top:none;border-left:none">L</td>
 </tr>
 <tr height="20" style="height:15.0pt">
  <td height="20" class="xl65" style="height:15.0pt;border-top:none;border:.5pt solid windowtext;
  background:#FBEBEE;mso-pattern:black none">5</td>
  <td class="xl66" style="border-top:none;border-left:none">Awal</td>
  <td class="xl65" style="border-top:none;border-left:none">L</td>
 </tr>
 <tr height="20" style="height:15.0pt">
  <td height="20" class="xl65" style="height:15.0pt;border-top:none;border:.5pt solid windowtext;
  background:#EBF6F1;mso-pattern:black none">6</td>
  <td class="xl66" style="border-top:none;border-left:none">Dewi sartika</td>
  <td class="xl65" style="border-top:none;border-left:none">P</td>
 </tr>
 <tr height="20" style="height:15.0pt">
  <td height="20" class="xl65" style="height:15.0pt;border-top:none;border:.5pt solid windowtext;
  background:#CAE8D4;mso-pattern:black none">7</td>
  <td class="xl66" style="border-top:none;border-left:none">Ervy</td>
  <td class="xl65" style="border-top:none;border-left:none">P</td>
 </tr>
 <tr height="20" style="height:15.0pt">
  <td height="20" class="xl65" style="height:15.0pt;border-top:none;border:.5pt solid windowtext;
  background:#A7DAB6;mso-pattern:black none">8</td>
  <td class="xl66" style="border-top:none;border-left:none">Dhiza</td>
  <td class="xl65" style="border-top:none;border-left:none">P</td>
 </tr>
 <tr height="20" style="height:15.0pt">
  <td height="20" class="xl65" style="height:15.0pt;border-top:none;border:.5pt solid windowtext;
  background:#86CC99;mso-pattern:black none">9</td>
  <td class="xl66" style="border-top:none;border-left:none">Fatriana</td>
  <td class="xl65" style="border-top:none;border-left:none">P</td>
 </tr>
 <tr height="20" style="height:15.0pt">
  <td height="20" class="xl65" style="height:15.0pt;border-top:none;border:.5pt solid windowtext;
  background:#63BE7B;mso-pattern:black none">10</td>
  <td class="xl66" style="border-top:none;border-left:none">Febriyan</td>
  <td class="xl65" style="border-top:none;border-left:none">P</td>
 </tr>
 <!--[if supportMisalignedColumns]-->
 <tr height="0" style="display:none">
  <td width="64" style="width:48pt"></td>
  <td width="210" style="width:158pt"></td>
  <td width="64" style="width:48pt"></td>
 </tr>
 <!--[endif]-->
</tbody></table>

Setelah ketemu, jangan lupa untuk pastekan di artikel kamu, pada tab HTML. Selesai

Kesimpulannya adalah masing-masing cara memiliki keunggulannya, Cara I lebih mengutamakan kepada pengefisienan waktu yang digunakan pada saat menulis artikel, sehingga membuat proses pengetikan menjadi lebih cepat. Sedangkan Cara II justru berkebalikan dengan cara sebelumnya, Cara II ini lebih mengutamakan pada Fast Loading, atau proses pemuatan artikel yang lebih cepat, karena kodenya yang sudah diubah sesuai dengan standar penulisan artikel yaitu harus menggunakan kode HTML.

Kalau masih kesulitan mengerjakannya, komen aja di kolom komen di bawah. Makasih
Read more

Cara Mengganti Ikon "Blog" pada Tab Browser

Cara Mengganti Ikon "Blog" pada Tab Browser

Assalamualaikum, Bloggers

Hari ini, saya mau ngebahas "Cara Mengganti Ikon "Blog" pada Tab Browser", yang banyak dicari oleh bloggers newbie, untuk memperindah tampilan blog mereka.

Ikon Blog ini biasanya disebut Favicon, yang berfungsi sebagai logo sekaligus identitas blog. contohnya ikon F yang digunakan oleh facebook dan ikon a yang digunakan alexa. seperti yang telah saya sebutkan diatas favicon juga bermanfaat untuk menambah kesan menarik pada blog dan membuat blog terlihat lebih professional. Contoh favicon,

Cara Mengganti Ikon "Blog" pada Tab Browser

Untuk mengganti ikon "blog"/favicon blog anda, anda harus menyiapkan gambar yang berformat .ico atau yang berakhiran .ico, jika anda tidak memilikinya saya sarankan untuk membuat desainnya sendiri di http://www.favicon.cc/ atau jika anda tidak ingin pusing, anda juga bisa langsung download di https://www.freefavicon.com/.

A. Membuat Favicon

1. Kunjungi Favicon Generator
2. Desain Gaya Favicon anda sesukanya, jangan lupa untuk menggunakan fitur yang disediakan agar tampilan favicon anda menarik
3. Jika sudah selesai desaiinya, anda tinggal mendownload file .ico yang ada di preview dengan cara klik Download Favicon

jika anda merasa, fitur yang disediakan kurang professional anda juga bisa mengunjungi icon creator yang satu ini yaitu Favicon Ico Creator

Favicon Generator maupun Favicon Ico Creator memiliki fungsi yang sama, yaitu sebagai wadah membuat Favicon, meskipun keduanya menyediakan fitur yang berbeda, namun, masing-masing memiliki kelebihan, jika anda ingin membuat favicon yang sederhana saya sarankan untuk menggunakan Favicon Generator karena cara menggunakannya yang mudah pula, namun jika anda ingin membuat favicon yang professional saya sarankan untuk ngedesainnya di Favicon Ico Creator, karena fiturnya yang lengkap.

B. Mendownload Favicon

kalau anda adalah tipe yang tidak mau repot, anda tinggal mendownloadnya di https://www.freefavicon.com/ , anda tinggal mengarahkan cursor anda ke menu Free Favicons, maka akan muncul submenu, anda tinggal memilih jenis favicon mana yang cocok dengan blog anda, lalu download. Selesai

C. Mengganti Favicon

kalo udah dapat gambarnya, mari kita praktek,
1. Buka Blogger.com
2. Pilih Tata letak
3. Klik edit pada Favicon
4. Pilih Choose File, kemudian pilih pada Gambar yang baru saja anda buat atau download tadi
5. Simpan, selesai

Kayaknya, udah selesai penjelasan saya, kalo menurut agan semua masih kurang jelas, silahkan agan komentar permasalahan anda dikolom komentar dibawah, makasih
Read more

Cara Membuat atau Menambah Partisi HardDisk

 Cara Membuat atau Menambah Partisi HardDisk


Assalamualaikum
Ok Guys, sebelumnya saya ingin memperjelas dulu nih, bahwa artikel ini akan membahas beberapa kata kunci berikut:
  • Menambah/Mengurang Partisi Harddisk
  • Membagi Harddisk menjadi beberapa partisi
  • Menambah atau mengurangi kapasitas Harddisk
Sebelum saya melangkah ke langkah-langkahnya, alangkah baiknya, jika saya memperjelas beberapa kata kunci yang saya tulis diatas, sangat penting bagi penulis untuk menjelaskan beberapa hal sebelum melangkah lebih jauh, hal berguna untuk menghindari kesalahan penafsiran pada si pembaca.

Harddisk adalah perangkat keras laptop yang berfungsi sebagai tempat penyimpanan, Harddisk tetap dapat mempertahankan file-file simpanan meskipun dalam keadaan mati, Harddisk memiliki peran yang penting dalam PC, dengan adanya Harddisk kita dapat mengoperasikan Sistem Operasi yang kita tanamkan dalam PC kita. 

Partisi Harddisk adalah pembagian ruang Harddisk menjadi bebarapa bagian, yang biasanya dibagi menjadi 3 bagian, yaiut Local Disk C,D dan E. Sedangkan Kapasitas Harddisk adalah kemampuan menyimpan Harddisk atau seberapa besar file yang bisa Harddisk tampung.

Pada Umumnya Harddisk dibagi menjadi 3 partisi saja, Local Disk C dikhususkan sebagai tempat penyimpanan OS dan software tambahan, sedangkan Local Disk D dan E, adalah partisi yang sengaja disiapkan untuk digunakan oleh pengguna. Hanya sekedar info nih guys, Kapasitas Harddisk sekarang, sudah menembus kapasitas 1 Yottabytes loh. Buat yang belum tahu, 1 Yottabytes itu berapa? ini penjelasannya
  • 1 YottaBytes = 1000 ZettaBytes
  • 1 ZettaBytes = 1000 ExaBytes
  • 1 ExaBytes = 1000 PetaBytes
  • 1 PetaBytes = 1000 TeraBytes
  • 1 TeraBytes = 1000 GigaBytes
Ok, deh segitu aja infonya, sekarang kita praktekin caranya

Pada langkah ini, perubahan yang terjadi adalah, menambah/mengurangi partisi Harddisk anda, yang sekarang  terbagi menjadi 3 partisi yaitu Local Disk C,D dan E.

A. Menambah Partisi Harddisk

1. Buka Control Panel, dengan menekan Windows + Pause Break pada keyboar
2. Ketik Partitions, kemudian klik Create and format Harddisk Partitions
3. Pilih Partisi yang ingin anda Shrink, saran, pilihlah partisi dengan kapasitas terbesar
4. Klik kanan, lalu Shrink Volume. lalu tuliskan 10000 untuk 10 GB dan 20000 untuk 20 GB dan seterusnya. lalu shrink
5. Kemudian, klik kanan pada partisi yang baru saja dishrink, lalu pilih new simple volume
6. Pilih Next > Next > Next Lagi
7. Finish
Biasanya Partisi Harddisk yang baru kita buat tadi, diberi nama New Volume, anda bisa mengganti namanya di Windows Explorer

B. Mengurangi Partisi Harddisk

Hampir sama dengan cara sebelumnya, pada tahap Mengurangi Partisi Harddisk saya anggap anda sudah masuk ke langkah ke 3, yang saya sebutkan diatas, lalu:
4. Klik kanan pada partisi yang ingin dihapus, pilih Delete Volume > Yes
5. Klik kanan lagi, pilih delete partition > Yes
setelah itu Volume yang telah anda hapus tadi, anda extend ke partisi lainnya
6. Klik kanan pada partisi lain bukan pada partisi yang telah anda hapus tadi, pilih extend volume
7. Next aja terus
8. Finish

Seperti yang saya sebutkan diatas, saya akan membahas 3 kata kunci yaitu
  • Menambah/Mengurang Partisi Harddisk
  • Membagi Harddisk menjadi beberapa partisi
  • Menambah atau mengurangi kapasitas Harddisk
Mungkin anda bertanya-tanya, kenapa hanya kata kunci pertama yang saya bahas? Jawabannya adalah sebenarnya ketiga kata kunci ini memiliki hubungan satu sama lain, disaat anda ingin menambah jumlah partisi Harddisk anda artinya anda telah mengurangi kapasitas partisi lain dan membagi partisi yang awalnya hanya satu bagian menjadi 2 bagian yang berbeda, begitupun sebaliknya, pada saat anda ingin mengurangi jumlah partisi Harddisk, artinya anda telah menambah kapasitas partisi lain, karena adanya proses extend (menggabungkan partisi yang tidak terpakai/unallocated, kedalam partisi aktif)

Bagaimana Guys? mudah bukan, ingat pada saat anda membaca artikel tutorial, saya sarankan untuk tidak melangkahi satu step atau bahkan paragraf, karena akibatnya anda akan kehilangan jejak pada saat anda memaksakan untuk langsung membaca langkah selanjutnya, maka dari itu bacalah dengan seksama, setiap kalimat dan katanya. Semoga Bermanfaat.
Read more

Cara Submit dan Verivikasi Blog di Google dan Bing

Cara Submit dan Verivikasi Blog di Google dan Bing
Hi Sobat Balgger, berjumpa lagi bareng saya, dalam artikelku yang berjudul "cara submit dan verivikasi blog di google dan bing", Sebelum kita menuju ke topik, alangkah baiknya jika saya jelaskan sedikit tentang google dan bing.

Ada yang udah tahu nggak apa itu Google dan Bing?
Buat yang belum tahu Google dan Bing adalah dua Search Engine (Mesin Pencari) yang paling populer saat ini, Google dan Bing memiliki fungsi yang sama yaitu membantu seseorang mencari hal yang diperlukannya. 

Oleh Karena banyaknya informasi yang diperlukan oleh masayarakat dunia, maka google dan bing menyediakan lapangan kerja bagi kita para blogger untuk menuangkan ilmu kita dalam bentuk artikel, namun, sebelum artikel kita dapat diindeks (ditemukan oleh si mesin pencari) kita harus melakukan submit ke mesin pencari.

Dengan adanya google dan bing memungkinkan blog atau artikel kita dapat ditemukan oleh si pembaca.

Mengapa Harus Submit Blog?
Ada jutaan blogger yang tersebar diseluruh dunia, dan juga ada milyaran artikel yang tersebar diseluruh dunia dengan konten dan bahasa yang berbeda-beda. Tujuan utama seorang blogger membangun sebuah blog adalah, agar informasi yang terdapat pada artikelnya dapat dibaca oleh banyak orang, maka dari itu untuk dapat membuat blog kita terindeks atau ditemukan oleh si mesin pencari, kita harus melakukan submit kemesin pencari, dengan ini, blog kita dapat dikunjungi oleh si pembaca.

Apakah blog saya dapat ditemukan tanpa submit?
Jawabannya bisa, namun membutuhkan waktu yang lebih lama dibandingkan yang sudah submit blog, udah submit aja masih memerlukan waktu yang cukup lama oleh kedua mesin pencari.

Apa yang saya dapatkan jika submit blog?
Selain terindeksnya blog anda oleh mesin pencari, si mesin pencari juga menyediakan banyak alat yang bisa anda gunakan untuk mengembangkan blog anda, seperti alat Lalu Lintas Penelusuran yang disediakan oleh Google Search Console, dengan alat ini, google memberitahukan kepada anda, ada berapa banyak orang yang mengklik blog anda dan kata kunci apa yang menjadi menarik pada blog anda, tentu dengan adanya hal ini, membuat anda memahami kebutuhan pembaca tujuan anda

Ok deh, tampa banyak bacot lagi, simak aja langsung caranya berikut ini:

A. Cara Submit dan Verifikasi Blog Di Google

2. Pilih Add Property, kemudian masukkan alamat blog anda, misalnya
  • https://ayamjantan25.blogspot.co.id/
  • ayamjantan25.blogspot.com
  • www.ayamjantan25.blogspot.com
Setelah itu Google Search Console akan mengalihkan anda ke halaman verifikasi, anda diminta untuk memverifikasikan kepemilikan blog anda. Ada 5 metode verifikasi yang ditawarkan oleg Google Search Console, tapi saya rasa, yang paling mudah adalah yang menggunakan HTML Tag
3. Pilih HTML Tag, Copy Kodenya
4. Setelah itu, Buka Blogger.com
5. Pilih Template, Edit HTML
6. Pastekan Kode yang telah anda kope tadi tepat dibawah <head>
<html>
<head>
<meta name="google-site-verification" content="........................." />
<title> My title </title>
</head>
<body>

page contents
</body>
</html>
7. Simpan

B. Cara Submit dan Verifikasi Blog di Bing

2. Kemudian di kolom Add Sites, masukkan situs anda misalnya
  • https://ayamjantan25.blogspot.co.id/
  • ayamjantan25.blogspot.com
  • www.ayamjantan25.blogspot.com
3. Pilih Add
Sama seperti pada masin pencari google, kita harus melakukan verifikasi
4. Pilih Cara ke 2 yaitu Copy and paste
5. Kopi kode metanya
6. Buka blogger.com
7. Pilih Template, Edit HTML
8. Paste kode tadi dibawah <head>
<html>
        <head>
              <meta name="msvalidate.01" content="............"/>
              <title> Your SEO optimized title</title>
        </head>
        <body>
                page cotents
        </body>
</html>

Yups, Sobat blogger, Mudah-mudahan berguna dan mudah dimengerti penjelasan saya, saya akhiri artikel saya yang berjudul Cara Submit dan Verifikasi Blog di Google dan Bing, Wassalamualaikum warohmatullahi wabarokatuh
Read more

Cara Membuat Widget Mengikuti Scroll atau Sticky pada Blog

Cara Membuat Widget Mengikuti Scroll atau Sticky pada Blog

Judul Arikel yang akan aku bahas yaitu Cara Membuat Widget Mengikuti Scrool pada Blog, Sebelumnya kita pengenalan dulu, ada yang pernah dengar apa itu sticky note? sticky note yaitu kertas yang biasanya digunakan sebagai pengingat kemudian ditempel ditempat-tempat yang paling sering dikunjungi. Sticky note pada dasarnya sama dengan Fungsi yang ada pada sticky widget, yaitu juga sebagai pengingat. Seperti yang saya katakan tadi, Sticky ditempelkan ditempat-tempat yang sering dikunjungi, maka dari itu, Widget pada blog juga perlu ditempelkan ditempat tertentu, dengan cara membuat widgetnya mengikuti scroll/penggulung layar. Sehingga apabila pembaca menggulirkan layar kebawah, maka widgetnya akan mengikuti penggulir layar kebawah.

Masih bingung juga, Apa fungsi sticky widget? kamu bisa lihat pada blog saya, yaitu Widget Recent Posts, yang terletak dibagian kiri blog saya, kira-kira seperti itulah fungsi Sticky Widget. Coba deh, anda gerakkan scroll/penggulung layar kebawah, maka secara otomatis, Widget Recent Posts akan mengikuti scroll. Fungsi ini, sangat penting untuk meningkatkan traffik blog kamu, dengan adanya widget ini, pembaca dapat melihat artikel-artikel yang ada pada blog kamu.

Kalo udah paham! Mari kita bahas pelan-pelan langkahnya, 

1. Menemukan ID Widgetnya

Langkah pertama yang harus anda lakukan ialah, anda harus menemukan ID Widget anda. Apa itu ID Widget? ID widget adalah identitas widget blog yang tercantum dalam template blog, biasanya diberi nama "HTML1, PopularPosts2, Blog1". Untuk lebih jelasnya simak artikel berikut ini

Cara Mengetahui ID Widget Pada Blog


Kalo udah paham, lanjut deh ke langkah berikutnya


2. Memasang Kode HTML

1. Buka Blogger, Pilih Template > Edit HTML
2. Tambahkan Kode dibawah ini sebelum kode </body>

<script type='text/javascript'>
//<![CDATA[
$(function() {
  if ($('#sticky-sidebar').length) { // Ganti "#sticky-sidebar" dengan ID tertentu
    var el = $('#sticky-sidebar');
    var stickyTop = $('#sticky-sidebar').offset().top;
    var stickyHeight = $('#sticky-sidebar').height();
    $(window).scroll(function() {
      var limit = $('#footer-wrapper').offset().top - stickyHeight - 20; // Jarak berhenti di "#footer-wrapper"
      var windowTop = $(window).scrollTop();
      if (stickyTop < windowTop) {
        el.css({
          position: 'fixed',
          top: 20 // Jarak atau margin sticky dari atas
        });
      } else {
        el.css('position', 'static');
      }
      if (limit < windowTop) {
        var diff = limit - windowTop;
        el.css({
          top: diff
        });
      }
    });
  }
});
//]]>
</script>

Ganti sticky-sidebar dengan ID Widget yang ingin kamu buat Sticky.
Ganti footer-wrapper dengan ID Widget bagian bawah blog kamu.

Mengganti Sticky sidebar dengan ID Widget kamu berfungsi untuk membuat siwidget menjadi sticky, sedang mengganti footer wrapper untuk membuat Widget yang di sticky berhenti sebelum widget yang dijadikan sebagai tempat pemberhentian si sticky widget, jadi tidak menghalau widget lainnya saat discrool, jadi pada saat sticky widget sampai pada

3. Menambahkan lebar Widget

Mengapa perlu menambahkan lebar widget, hal ini berfungsi untuk membuat Sticky widget tidak melebar pada saat di scroll. Caranya masih sama yaitu buka blogger > Template, lalu Edit HTML

#sticky-sidebar{width:100%;max-width:300px}

Ganti sticky-sidebar dengan ID Widget yang ingin kamu buat Sticky.

Demikian Artikel aku tentang Cara Membuat Widget Mengikuti Scroll atau Stciky pada Blog, semoga bermanfaant. Sumber: Arlinadzgn.com
Read more

Cara Mengetahui ID Widget pada Blog

Blog Tips

Pernahkah anda, menanyakan apa itu ID Widget? dan apa fungsinya? pada saat kamu ingin mengedit template blog kamu, apakah itu membuat widget mengikuti scroll, memasang halaman facebook pada blog dan lainnya, semua itu membutuhkan ID Widget.

Mari kita perjelas apa itu ID Widget? ID Widget adalah Identitas Widget blog kamu yang tercantum dalam Template blog kamu, biasanya diberi nama seperti, "HTML1, PopularPosts2, Blog1". Lalu, fungsi ID Widget adalah biasanya dibutuhkan untuk membuat widget mengikuti scroll, membuat halaman facebook tampil di blog dan lainnya.

Widget

Jika menurut anda, Popular Posts dan Recent Posts adalah ID Widgetnya, maka itu adalah kesalahan besar, Popular Posts dan Recent Posts hanyalah nama pada widget, nama yang akan muncul pada saat blog dibuka. Tapi itu tidak masalah jika anda belum mengerti tentang ID Widget itu apa? karena hal itu juga pernah aku rasakan.

Mari kita perjelas apa perbedaan antara ID Widget dan Nama Widget! Kode HTML ini saya ambil dari template blog saya sendiri.

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML' version='1' visible='true'>
        <b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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

Dari kode diatas, sangat jelas sekali terlihat perbedaan antara ID Widget dan Nama Widget, yang berwarna kuning adalah ID Widgetnya sedangkan yang berwarna biru adalah Nama Widgetnya. Setelah anda mampu membedakan ID Widget dan Nama widgetnya, aku akan menjelaskan cara mendapatkan ID Widgetnya.

Meskipun di blog-blog lain, memberikan 4-5 Cara yang berbeda, tapi menurutku, ada 3 cara yang paling cepat dan mudah dimengerti, yaitu

A. Cara Pertama

1. Buka Blogger.com
2. Pilih tata letak
3. Setelah itu, gerakkan Cursor kamu tepat diatas kata yang bertulisan edit (jangan diklik) yang sedang kamu cari IDnya lalu, akan muncul dibawah Link widgetnya, yang juga terdapat ID Widget

ID Widget

B. Cara Kedua

1. Masih di Tata letak
2. Klik edit pada Widgetnya


C. Cara Ketiga

1. Buka Blogger.com, Pilih Template
2. Edit HTML
3. Tekan Ctrl+F pada keyboar kemudian ketikkan Nama Widgetnya.

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML' version='1' visible='true'>

Yang berwarna kuning adalah ID Widgetnya

Sekian, Artikel mengenai Cara Mengetahui ID Wiget pada Blog, semoga dapat membantu dan Thanks For Reading.
Read more