FEED Validator

Congratulations!

This is a valid Atom 1.0 feed.

Recommendations

This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations.

• line 1, column 118: Use of unknown namespace: http://schemas.google.com/blogger/2008 [help]

  ... r.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2 ...
                                               ^

• line 1, column 118: Unable to validate namespace: http://schemas.google.com/g/2005. See the Google Data specification at https://developers.google.com/gdata/docs/1.0/elements [help]

  ... r.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2 ...
                                               ^

• line 1, column 1144: Self reference doesn't match document location [help]

  ... eds/3832458081356410670/posts/default'/><link rel='alternate' type='text ...
                                               ^

• line 3, column 0: content should not contain imageanchor attribute (58 occurrences) [help]

  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsE ...
  

• line 3, column 0: content should not contain data-original-height attribute (17 occurrences) [help]

  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsE ...
  

• line 3, column 0: content should not contain data-original-width attribute (17 occurrences) [help]

  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsE ...
  

• line 311, column 0: style attribute contains potentially dangerous content: bacground-color (2573 occurrences) [help]

  <pre><code class="PHP" style="bacground-color: #999; ...
  

• line 333, column 0: content should not contain itemprop attribute [help]

  <div itemprop="description articleBody" style="border: 0px ...
  

• line 707, column 0: content should not contain data-line-offset attribute (2 occurrences) [help]

  <pre class=" code-embed-pre line-numbers language-css" data-lin ...
  

• line 707, column 0: content should not contain data-start attribute (2 occurrences) [help]

  <pre class=" code-embed-pre line-numbers language-css" data-lin ...
  

• line 714, column 0: content should not contain spellcheck attribute [help]

    <span class="token comment" spellcheck="true" style ...
  

• line 756, column 0: content should not contain style tag [help]

  <style type="text/css">
  

• line 988, column 0: content should not contain onclick attribute (18 occurrences) [help]

  <b>Simak Penjelasan tentang SSH</b>: <input onclick="if  ...
  

• line 993, column 0: content should not contain trbidi attribute (2 occurrences) [help]

  <div dir="ltr" style="background: 0px 0px; border: 0px; bo ...
  

• line 1347, column 0: content should not contain script tag (2 occurrences) [help]

  <script src="http://komisigratis.com/ads.php?pub=33157" type=&q ...
  

• line 1360, column 0: content should not contain sizes attribute (14 occurrences) [help]

  <img alt="pindah ke tab Boot" class="aligncenter wp-image- ...
  

Source: https://fatra-code.blogspot.com/feeds/posts/default

1. <?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-3832458081356410670</id><updated>2024-03-06T00:35:35.560+08:00</updated><category term="Komputer"/><category term="how to"/><category term="info"/><category term="CMD"/><category term="DW"/><category term="Tips"/><category term="CI"/><category term="Delphi"/><category term="Instalasi"/><category term="PHP"/><title type='text'>Fatra Code</title><subtitle type='html'>Blog Tempat Berbagi Pengetahuan Seputar Tekhnologi dan Pemprograman</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='https://fatra-code.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default'/><link rel='alternate' type='text/html' href='https://fatra-code.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>fatra</name><uri>http://www.blogger.com/profile/04705082021414999454</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjow3ZcE0DpUrnBuljcSCLyhW8W00w6x_BQZaKsGqc_VSpYo8t3IEXAXVjC8rM0dtg-eZrUdFOqdvXGfhGoapscsoV1fXFN7fejU7QhDyhJ8WMak3iD649vgIkduGwA1w/s220/TITTLE+2.png'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>14</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-3832458081356410670.post-8362827303021982448</id><published>2020-03-23T22:00:00.000+08:00</published><updated>2020-03-24T03:52:06.127+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="DW"/><title type='text'>Tutorial Cara Membuat koneksi database SQL menggunakan Dreamweaver CS6</title><content type='html'>Apakabar Sobat Fatra Code semua, semoga sehat selalu ya..&lt;br /&gt;
2. <div class="separator" style="clear: both; text-align: center;">
3. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiph4owgyHcj701SnhINQlVUJpnmP6Ar6y-WHmmZw4QZpkDsTEj1OUdGBZGLoQwAZk7adKhTIIIcBqRtLWktQxRAwOO6tVhaNH_sxbSELq0hKuufSb8oYtSr0zOFTQ6h-A1zg7cI6obcpCZ/s1600/1860684.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="200" data-original-width="450" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiph4owgyHcj701SnhINQlVUJpnmP6Ar6y-WHmmZw4QZpkDsTEj1OUdGBZGLoQwAZk7adKhTIIIcBqRtLWktQxRAwOO6tVhaNH_sxbSELq0hKuufSb8oYtSr0zOFTQ6h-A1zg7cI6obcpCZ/s320/1860684.png" width="320" /></a></div>
4. <br />
5. Tutorial kali ini, sebenarnya adalah lanjutan tutorial sebelumnya, karena dalam sebuah proses pembuatan sebuah project web pada Dreamweaver terlebih dahulu kita harus membuat <a href="https://fatra-code.blogspot.com/2020/03/tutorial-cara-membuat-site-di.html" target="_blank">Site </a>kemudian langkah selanjutnya barulah membuat koneksi ke database.<br />
6. <br />
7. Adapun tahapan atau langkah-langkah dalam membuat koneksi database SQL pada Dreamweaver adalah sebagai berikut:<br />
8. <br />
9. 1. jika tidak ada menu pada menu "<b>Database</b>" di tampilan awal disisi kanan, maka anda bisa membukanya pada menu atas "<b>Window->Database" </b>atau menggunakan shortcut (<b>Ctrl+Shift+F10</b>)<br />
10. <div class="separator" style="clear: both; text-align: center;">
11. </div>
12. <br />
13. <div class="separator" style="clear: both; text-align: center;">
14. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2OR7H2cuDyPW41UnNMqpBX0Wzxt53iVQxCZ-oYN9i_JJwlLaBtUYidF0gSWJQxlxm0mvnZf9WDacdjz1CCHBrCs0gaszCl-cp8xJ3An22ImCKQuN1Vs_jnmB83XuA3JNF3dabIIJ63Tqu/s1600/k1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="768" data-original-width="1360" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2OR7H2cuDyPW41UnNMqpBX0Wzxt53iVQxCZ-oYN9i_JJwlLaBtUYidF0gSWJQxlxm0mvnZf9WDacdjz1CCHBrCs0gaszCl-cp8xJ3An22ImCKQuN1Vs_jnmB83XuA3JNF3dabIIJ63Tqu/s640/k1.jpg" width="640" /></a></div>
15. <div class="separator" style="clear: both; text-align: center;">
16. <br /></div>
17. <div class="separator" style="clear: both; text-align: center;">
18. 2. Buat Sebuah file php <b>File->New.. (Ctrl+N)</b>, saya contohkan dengan file <b>index.php </b>(menu database tidak akan aktif folder sebuah project kosong, maka kita buat sebuah file php untuk membuat menu tersebut aktif)</div>
19. <div class="separator" style="clear: both; text-align: center;">
20. <br /></div>
21. <div class="separator" style="clear: both; text-align: center;">
22. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimLDW_qaTBlKIMVP-iXG6VzrGzK_RXnDu-wIjPnQFgAwuSYQcYtghvAN52BH9r-6WgoO-Sw2EeCgOc5ZrnZEtUT9Pkvxh88zqjb2YMCZFP7hhvHY0XQoCaSFEfsdAIyijbLnJ-C1KLPYWI/s1600/k2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="768" data-original-width="1360" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimLDW_qaTBlKIMVP-iXG6VzrGzK_RXnDu-wIjPnQFgAwuSYQcYtghvAN52BH9r-6WgoO-Sw2EeCgOc5ZrnZEtUT9Pkvxh88zqjb2YMCZFP7hhvHY0XQoCaSFEfsdAIyijbLnJ-C1KLPYWI/s640/k2.jpg" width="640" /></a></div>
23. <div class="separator" style="clear: both; text-align: center;">
24. <br /></div>
25. <div class="separator" style="clear: both; text-align: left;">
26. 3.  Pilih <b>Blank Page-></b>Page Type: <b>HTML-></b>Layout: <<b>None</b>>-><b>Create</b></div>
27. <div class="separator" style="clear: both; text-align: left;">
28. <br /></div>
29. <div class="separator" style="clear: both; text-align: center;">
30. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOx4Aip7RDcLVhjh1Gct7YZkK6DsgTrIKbgVsCjda6pMlk-fhmeZRK1RhINcJNdjPXsbEbYBenqy8_gZZ3cQhhw9FK5U0TQH9z3J1TBE2s9zJ3NwSb5szv5592MSMUrnoYUwb3eOQOW4KI/s1600/k3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="768" data-original-width="1360" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOx4Aip7RDcLVhjh1Gct7YZkK6DsgTrIKbgVsCjda6pMlk-fhmeZRK1RhINcJNdjPXsbEbYBenqy8_gZZ3cQhhw9FK5U0TQH9z3J1TBE2s9zJ3NwSb5szv5592MSMUrnoYUwb3eOQOW4KI/s640/k3.jpg" width="640" /></a></div>
31. <div class="separator" style="clear: both; text-align: center;">
32. <br /></div>
33. <div class="separator" style="clear: both; text-align: center;">
34. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyxIDmkcm8dD0bb_sMmhkyRULUs91DpvrrwYtb_cKXmk0hTQZn9myrkv74ceUveABeRWRqKYfOcRlo8o81xMpTRo9iGc9mYvuygisXF9g9cNVKxoqnLdWjOmrIkiR_7osUu5w_W1WoskcZ/s1600/k4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="527" data-original-width="599" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyxIDmkcm8dD0bb_sMmhkyRULUs91DpvrrwYtb_cKXmk0hTQZn9myrkv74ceUveABeRWRqKYfOcRlo8o81xMpTRo9iGc9mYvuygisXF9g9cNVKxoqnLdWjOmrIkiR_7osUu5w_W1WoskcZ/s320/k4.jpg" width="320" /></a></div>
35. <div class="separator" style="clear: both; text-align: center;">
36. <br /></div>
37. <div class="separator" style="clear: both; text-align: center;">
38. <br /></div>
39. <div class="separator" style="clear: both; text-align: left;">
40. 4. Pada Menu <b>Database </b>disebelah kanan layar, Klik ikon "+"  dan klik "<b>MySQL Connection</b>"</div>
41. <div class="separator" style="clear: both; text-align: center;">
42. <br /></div>
43. <div class="separator" style="clear: both; text-align: center;">
44. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBfmNA0JDSRTEHMkCFLgVI6em1qZqv72wV4igLz_FbO1v19MmiNWNU8VEOGknMwjoEuESv1jEZugfD5fezz6VvbrVH0tFCojvdRt-c24iDyvTMnTZr-AZtD5v_HGD4f6E61w-UhR17f_ab/s1600/k5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="768" data-original-width="1360" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBfmNA0JDSRTEHMkCFLgVI6em1qZqv72wV4igLz_FbO1v19MmiNWNU8VEOGknMwjoEuESv1jEZugfD5fezz6VvbrVH0tFCojvdRt-c24iDyvTMnTZr-AZtD5v_HGD4f6E61w-UhR17f_ab/s640/k5.jpg" width="640" /></a></div>
45. <div class="separator" style="clear: both; text-align: center;">
46. <br /></div>
47. <div class="separator" style="clear: both; text-align: left;">
48. 4.  pada bagian <b>MySQL Connection, </b></div>
49. <div class="separator" style="clear: both; text-align: left;">
50. Connection Name : <b><input type="text" value="koneksi" /></b> (nama ini akan menjadi nama file dari koding koneksi yang akan kita buat), </div>
51. <div class="separator" style="clear: both; text-align: left;">
52. MySQL server: <b><input type="text" value="localhost" />, </b></div>
53. <div class="separator" style="clear: both; text-align: left;">
54. User name: <b><input type="text" value="root" />, </b></div>
55. <div class="separator" style="clear: both; text-align: left;">
56. Password: (Kosongkan Saja), pada bagian <b>Database </b>klik tombol <button>Select..</button> dan pilih database yang sudah anda buat pada Xammp, database yang telah saya buat adalah <b>latihan1. </b>Selanjutnya Klik tombol "OK". jika ada muncul pemberitahuan klik saja ok.</div>
57. <div class="separator" style="clear: both; text-align: left;">
58. <br /></div>
59. <div class="separator" style="clear: both; text-align: center;">
60. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhol8Hm7hoaQa72dgkFEI9UgC32OPoDK21taC7hjnzna2Q-DbBmm2X9AEp0KMMGvDiGtM5V1Mm9_8xKoFA5poQGH1WdzA9Ap8quWBg0CHA2Q_J46UFIFW9ExYVQBFpBP0IVjyb6dpGrevSl/s1600/k6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="768" data-original-width="1360" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhol8Hm7hoaQa72dgkFEI9UgC32OPoDK21taC7hjnzna2Q-DbBmm2X9AEp0KMMGvDiGtM5V1Mm9_8xKoFA5poQGH1WdzA9Ap8quWBg0CHA2Q_J46UFIFW9ExYVQBFpBP0IVjyb6dpGrevSl/s640/k6.jpg" width="640" /></a></div>
61. <div class="separator" style="clear: both; text-align: left;">
62. <br /></div>
63. <div class="separator" style="clear: both; text-align: left;">
64. 5.  <b>Selesai, </b>Jika Semua Proses sudah dilakukan maka tampilan akhir akan seperti gambar dibawah ini, pada menu database akan muncul sebuah  file bernama "<b>koneksi" </b>dan dalam folder project <span style="color: red;">C:\xampp\htdocs\(folder project)</span> akan ada sebuah folder bernama <b>Connections </b>dan didalamnya terdapat file php dengan nama <b>koneksi.php</b></div>
65. <div class="separator" style="clear: both; text-align: left;">
66. <b><br /></b></div>
67. <div class="separator" style="clear: both; text-align: center;">
68. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9Fd4m5Jg0LFkMXvSAP4M9Zb63EenDW0Pr0PVvFVGmnNTT1YjA6qQow3LF1HIzYzb2vKRCFRGWX9r6B07DJnnFFrN0pTbuPeXuPm1_A5cJSJRwCT1LwAwH4QAvRnsbenlc7mBf58GL-b7/s1600/k7+end.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="767" data-original-width="935" height="524" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9Fd4m5Jg0LFkMXvSAP4M9Zb63EenDW0Pr0PVvFVGmnNTT1YjA6qQow3LF1HIzYzb2vKRCFRGWX9r6B07DJnnFFrN0pTbuPeXuPm1_A5cJSJRwCT1LwAwH4QAvRnsbenlc7mBf58GL-b7/s640/k7+end.jpg" width="640" /></a></div>
69. <div class="separator" style="clear: both; text-align: left;">
70. <b><br /></b></div>
71. <div class="separator" style="clear: both; text-align: center;">
72. <br /></div>
73. <blockquote class="tr_bq">
74. Sekian Tutorial kali ini, semoga dapat bermanfaat, jika terdapat masalah atau error silahkan tinggalkan pesan pada kolom komentar.</blockquote>
75. </content><link rel='replies' type='application/atom+xml' href='https://fatra-code.blogspot.com/feeds/8362827303021982448/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://fatra-code.blogspot.com/2020/03/tutorial-cara-membuat-koneksi-database.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/8362827303021982448'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/8362827303021982448'/><link rel='alternate' type='text/html' href='https://fatra-code.blogspot.com/2020/03/tutorial-cara-membuat-koneksi-database.html' title='Tutorial Cara Membuat koneksi database SQL menggunakan Dreamweaver CS6'/><author><name>fatra</name><uri>http://www.blogger.com/profile/04705082021414999454</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjow3ZcE0DpUrnBuljcSCLyhW8W00w6x_BQZaKsGqc_VSpYo8t3IEXAXVjC8rM0dtg-eZrUdFOqdvXGfhGoapscsoV1fXFN7fejU7QhDyhJ8WMak3iD649vgIkduGwA1w/s220/TITTLE+2.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiph4owgyHcj701SnhINQlVUJpnmP6Ar6y-WHmmZw4QZpkDsTEj1OUdGBZGLoQwAZk7adKhTIIIcBqRtLWktQxRAwOO6tVhaNH_sxbSELq0hKuufSb8oYtSr0zOFTQ6h-A1zg7cI6obcpCZ/s72-c/1860684.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3832458081356410670.post-7533677122060367325</id><published>2020-03-20T23:10:00.000+08:00</published><updated>2020-03-21T17:17:52.652+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="DW"/><title type='text'>Tutorial Cara Membuat Site di Dreamweaver CS6</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
76. <span style="font-family: Arial, Helvetica, sans-serif;">Apa kabar Semua sobat fatra-code, semoga sehat ya..</span></div>
77. <div class="separator" style="clear: both; text-align: left;">
78. <span style="font-family: Arial, Helvetica, sans-serif;">kali ini saya akan membagikan bagaimana cara untuk membuat site pada Dreamweaver CS6, dimana fungsi Site pada dreamweaver adalah untuk mempermudah dalam pengerjaan sebuah project, karena kita tidak perlu bingung lagi untuk mencari folder project kita.</span></div>
79. <div class="separator" style="clear: both; text-align: center;">
80. <span style="font-family: Arial, Helvetica, sans-serif;"><br></span></div>
81. <div class="separator" style="clear: both; text-align: center;">
82. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqHuwMYwqdZ_V9WgyUFrDxXYMFIZJPve0kgA8DJKRC5WMiAsvBHrXzLJTQbiLC0TymitnDZ5kcsimzZt6K9B6TzCrmeR1L9-dIJHZLguh-zUzAXJqyKEbI6FyhiaUHgz-rCrM50Zy7RlVG/s1600/1860684.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" data-original-height="200" data-original-width="450" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqHuwMYwqdZ_V9WgyUFrDxXYMFIZJPve0kgA8DJKRC5WMiAsvBHrXzLJTQbiLC0TymitnDZ5kcsimzZt6K9B6TzCrmeR1L9-dIJHZLguh-zUzAXJqyKEbI6FyhiaUHgz-rCrM50Zy7RlVG/s400/1860684.png" width="400"></span></a></div>
83. <span style="font-family: Arial, Helvetica, sans-serif;"><br></span>
84. <span style="font-family: Arial, Helvetica, sans-serif;">oke langsung saja kita ke materi, adapun langkah2 dalam pembuatan site adalah:</span><br>
85. <span style="font-family: Arial, Helvetica, sans-serif;"><br></span>
86. <span style="font-family: Arial, Helvetica, sans-serif;">1. Buat Folder pada komputer anda, jika anda menggunakan aplikasi xampp, maka buat folder didalam folder htdock "C:\xampp\htdocs" dengan nama yang anda inginkan. saya contohkan dengan nama "latihan1"  </span><br>
87. <h2>
88. <span style="font-family: Arial, Helvetica, sans-serif; font-size: small; font-weight: normal;">2. Buka Aplikasi Dreamweaver kalian, untuk DW yang saya pakai adalah Dreamwear CS6</span></h2>
89. <div>
90. <span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">3. cari pada bagian atas menu "<b>Site</b>" terus pilih "<b>New Site</b>". Seperti gambar dibawah ini:</span></div>
91. <div class="separator" style="clear: both; text-align: center;">
92. <span style="font-family: Arial, Helvetica, sans-serif;"><br></span></div>
93. <div class="separator" style="clear: both; text-align: center;">
94. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX4Ip5O1sRKgX6Oz4TJWss7PTthpDj07meLTks3kuYS-gHmVfyxyFkaK99ODxbdJ6yee7vbwu4Cxe4B7fBlqtTYd29AwRWoDbp6ULxZOfn1prnss9wBPS6fUQd-E5XsIe4AAeMHe96BoaO/s1600/st1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" data-original-height="594" data-original-width="929" height="408" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX4Ip5O1sRKgX6Oz4TJWss7PTthpDj07meLTks3kuYS-gHmVfyxyFkaK99ODxbdJ6yee7vbwu4Cxe4B7fBlqtTYd29AwRWoDbp6ULxZOfn1prnss9wBPS6fUQd-E5XsIe4AAeMHe96BoaO/s640/st1.jpg" width="640"></span></a></div>
95. <div class="separator" style="clear: both; text-align: center;">
96. <span style="font-family: Arial, Helvetica, sans-serif;"><br></span></div>
97. <div class="separator" style="clear: both; text-align: left;">
98. <span style="font-family: Arial, Helvetica, sans-serif;">4. Selanjutnya berinama project yang akan anda Buat (</span><span style="font-family: Arial, Helvetica, sans-serif;"> </span><span style="font-family: Arial, Helvetica, sans-serif;">No.1</span><span style="font-family: Arial, Helvetica, sans-serif;">), pilih folder yang sudah anda buat tadi (No.2). selanjutnya klik <b>Server</b> pada pilihan menu bagian kiri (No.3)</span></div>
99. <div class="separator" style="clear: both; text-align: left;">
100. <span style="font-family: Arial, Helvetica, sans-serif;"><br></span></div>
101. <div class="separator" style="clear: both; text-align: center;">
102. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP6Phjp4b4yiB7kfJ-9VeMu_LmusJfgzFBuYz_tq3Bu1RVg8civF7b13DAdQS8n6y3_t8DubnQGGKOjxi1WL4D7Jg_ftLphyU0NS9GL3dggQfDhGYfyFVQVxPzUU9SFliM9KsJgA1O3v5p/s1600/st2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="655" data-original-width="967" height="432" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP6Phjp4b4yiB7kfJ-9VeMu_LmusJfgzFBuYz_tq3Bu1RVg8civF7b13DAdQS8n6y3_t8DubnQGGKOjxi1WL4D7Jg_ftLphyU0NS9GL3dggQfDhGYfyFVQVxPzUU9SFliM9KsJgA1O3v5p/s640/st2.jpg" width="640"></a></div>
103. <div class="separator" style="clear: both; text-align: center;">
104. <br></div>
105. <div class="separator" style="clear: both; text-align: left;">
106. <br></div>
107. <div class="separator" style="clear: both; text-align: left;">
108. 5.<span style="font-family: Arial, Helvetica, sans-serif;"> Klik tanda "<b>+</b>" seperti pada gambar dibawah ini.</span></div>
109. <div class="separator" style="clear: both; text-align: left;">
110. <span style="font-family: Arial, Helvetica, sans-serif;"><br></span></div>
111. <div class="separator" style="clear: both; text-align: center;">
112. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOmIhuEKHfvt7Ej9oz13LepYv1mE_uRIsgBkpADSc1BI4Wrx3Ub4ljlV2jBClhY6w3uajSx-Ss9uCm3UVIdWLLQfmAOiWqjjIYYUd4Ni8Yeb2nhvjRiXN4iDGa_VcIM8z8Q8g7Of0nZnsN/s1600/st3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="661" data-original-width="961" height="440" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOmIhuEKHfvt7Ej9oz13LepYv1mE_uRIsgBkpADSc1BI4Wrx3Ub4ljlV2jBClhY6w3uajSx-Ss9uCm3UVIdWLLQfmAOiWqjjIYYUd4Ni8Yeb2nhvjRiXN4iDGa_VcIM8z8Q8g7Of0nZnsN/s640/st3.jpg" width="640"></a></div>
113. <div class="separator" style="clear: both; text-align: left;">
114. <span style="font-family: Arial, Helvetica, sans-serif;"><br></span></div>
115. <div class="separator" style="clear: both; text-align: left;">
116. <span style="font-family: Arial, Helvetica, sans-serif;">6. ganti <b>Connecting Using </b>menjadi <b>Local/Network </b>(No.1), pada Server Name isi dengan <b>localhost </b>(No.2)<b>, </b>selanjutnya Server Folder pilih folder yang telah kita buat tadi dengan mengklik ikon seperti pada gambar (No.3), Terakhir Web URL isikan dengan "<b>http://localhost/<span style="color: red;">latihan1</span></b>" <i>(Warna <span style="color: red;">Merah</span> adalah nama Folder yang anda Buat)</i> seperti gambar (No.4) jika sudah klik <b>save</b></span></div>
117. <div class="separator" style="clear: both; text-align: left;">
118. <span style="font-family: Arial, Helvetica, sans-serif;"><br></span></div>
119. <div class="separator" style="clear: both; text-align: center;">
120. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVbUpHsnUXBC02Bd6Sk2LOdAtS5CjAMQMoqO7TI1IbKqNnma8ef4JW0fu_n-OcXDJkLOOkDCM4Nmo-KSuHYiiq96GSWl7upO76nrBj-Oqi1_6rO33cAxI41IM-icQ4kqCJ5T3dGEurrPOR/s1600/st5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="665" data-original-width="957" height="444" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVbUpHsnUXBC02Bd6Sk2LOdAtS5CjAMQMoqO7TI1IbKqNnma8ef4JW0fu_n-OcXDJkLOOkDCM4Nmo-KSuHYiiq96GSWl7upO76nrBj-Oqi1_6rO33cAxI41IM-icQ4kqCJ5T3dGEurrPOR/s640/st5.jpg" width="640"></a></div>
121. <div class="separator" style="clear: both; text-align: left;">
122. <span style="font-family: Arial, Helvetica, sans-serif;"><br></span></div>
123. <div class="separator" style="clear: both; text-align: left;">
124. <span style="font-family: Arial, Helvetica, sans-serif;"> 7. Beri tanda Ceklist pada kolom <b>Testing </b>seperti pada gambar dibawah ini, dan Klik <b>Save</b></span></div>
125. <div class="separator" style="clear: both; text-align: left;">
126. <span style="font-family: Arial, Helvetica, sans-serif;"><br></span></div>
127. <div class="separator" style="clear: both; text-align: center;">
128. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9RHLBaXEo8l10InFUehLAvjSwCsAXngMwiTkxAnagL-W8cmQzySXOXTfZB2p8Joollewzj-GSEmin83kBOoxg584VTsFHWFIBuVoAwJ4Pc5DAdYc8Kc_7ik37tgSFXYsPa5_dZDjpO_zk/s1600/st6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="613" data-original-width="903" height="430" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9RHLBaXEo8l10InFUehLAvjSwCsAXngMwiTkxAnagL-W8cmQzySXOXTfZB2p8Joollewzj-GSEmin83kBOoxg584VTsFHWFIBuVoAwJ4Pc5DAdYc8Kc_7ik37tgSFXYsPa5_dZDjpO_zk/s640/st6.jpg" width="640"></a></div>
129. <div>
130. <span style="font-size: small;"><br></span></div>
131. <div>
132. <span style="font-size: small;">8. Selesai, Site anda sudah tersimpan pada Dreamweaver, terlihat dibagian kanan bawah ada folder warna hijau, itu adalah folder dari site yang anda buat tadi. </span></div>
133. <div>
134. <span style="font-size: small;"><br></span></div>
135. <div class="separator" style="clear: both; text-align: center;">
136. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8F6TbscCxhLBtEoiaGg528j59BS2_TGlwHCJDeXttBmDx3Df0welm6T3xAbg4Rt-7YgclKzNjQq_mKeayCu_8xZrrkQeDUMPMpdSbTF5QiEVfQ-ZAy-L918gS9OEcckAULgI-vVM7H17h/s1600/st7+end.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="734" data-original-width="1360" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8F6TbscCxhLBtEoiaGg528j59BS2_TGlwHCJDeXttBmDx3Df0welm6T3xAbg4Rt-7YgclKzNjQq_mKeayCu_8xZrrkQeDUMPMpdSbTF5QiEVfQ-ZAy-L918gS9OEcckAULgI-vVM7H17h/s640/st7+end.jpg" width="640"></a></div>
137. <div>
138. <span style="font-size: small;"><br></span></div>
139. <div>
140. <span style="font-size: small;">Sekian Tutorial kali ini, Semoga Bermanfaat. Silahkan tinggalkan komentar jika anda memiliki masalah.</span></div>
141. </content><link rel='replies' type='application/atom+xml' href='https://fatra-code.blogspot.com/feeds/7533677122060367325/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://fatra-code.blogspot.com/2020/03/tutorial-cara-membuat-site-di.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/7533677122060367325'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/7533677122060367325'/><link rel='alternate' type='text/html' href='https://fatra-code.blogspot.com/2020/03/tutorial-cara-membuat-site-di.html' title='Tutorial Cara Membuat Site di Dreamweaver CS6'/><author><name>fatra</name><uri>http://www.blogger.com/profile/04705082021414999454</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjow3ZcE0DpUrnBuljcSCLyhW8W00w6x_BQZaKsGqc_VSpYo8t3IEXAXVjC8rM0dtg-eZrUdFOqdvXGfhGoapscsoV1fXFN7fejU7QhDyhJ8WMak3iD649vgIkduGwA1w/s220/TITTLE+2.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqHuwMYwqdZ_V9WgyUFrDxXYMFIZJPve0kgA8DJKRC5WMiAsvBHrXzLJTQbiLC0TymitnDZ5kcsimzZt6K9B6TzCrmeR1L9-dIJHZLguh-zUzAXJqyKEbI6FyhiaUHgz-rCrM50Zy7RlVG/s72-c/1860684.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3832458081356410670.post-7427526444077002601</id><published>2017-02-04T01:38:00.003+08:00</published><updated>2017-11-29T18:54:04.500+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Instalasi"/><title type='text'>Cara Instal WhatsApp dan mengkoneksikannya di Windows</title><content type='html'>&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
142. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
143. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
144. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
145. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
146. <div class="separator" style="clear: both; text-align: center;">
147. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqc25KsBxFaIOwhcXAx6Jrxir1NVBxplhyphenhyphengtX5k4WJrdXW0Rlr4BHCQMKZ55HyXdVQLThJJxJSjglz8guESrJ-r8P9NjNkBUi8Hfo-zimJFBx6xdVICUCBeO9J3nFgvGSLa6l1zhF_HPUI/s1600/Whats-App.png" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqc25KsBxFaIOwhcXAx6Jrxir1NVBxplhyphenhyphengtX5k4WJrdXW0Rlr4BHCQMKZ55HyXdVQLThJJxJSjglz8guESrJ-r8P9NjNkBUi8Hfo-zimJFBx6xdVICUCBeO9J3nFgvGSLa6l1zhF_HPUI/s400/Whats-App.png" width="400" /></span></a></div>
148. <span style="font-family: Arial, Helvetica, sans-serif;">Salam Bloger...</span><span style="font-family: Arial, Helvetica, sans-serif;">Bagi Kalian yang suka WhatsApp, Sekarang WhatsApp menyediakan versi untuk windows dan Mac loh. Aplikasi nya juga tidak memakan banyak Ram dan Hardisk.  kalian bisa mendownload aplikasi tersebut langsung dari situs resminnya </span><a href="https://www.whatsapp.com/download/" style="font-family: Arial, Helvetica, sans-serif;">whatsapp</a><span style="font-family: Arial, Helvetica, sans-serif;"> .</span><br />
149. <a name='more'></a><br />
150. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
151. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUBKFktcymSGzHF_5Ov5cPldI1aWHZPBgGgqXe9XOGI6ni3Ru-f43q1EpD0jZ7ImqmOWYbh_YiM9NFaDoYAjk_T7ZwWll-TZC5ULeSy_EH22sN2p_nXDxQkaisAAPuBJ617LDJQPje-nxO/s1600/as.jpg"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUBKFktcymSGzHF_5Ov5cPldI1aWHZPBgGgqXe9XOGI6ni3Ru-f43q1EpD0jZ7ImqmOWYbh_YiM9NFaDoYAjk_T7ZwWll-TZC5ULeSy_EH22sN2p_nXDxQkaisAAPuBJ617LDJQPje-nxO/s640/as.jpg" /></span></a><br />
152. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
153. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
154. <span style="font-family: Arial, Helvetica, sans-serif;">Pada Website tersebut memang hanya tertera untuk :</span><br />
155. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
156. <span style="font-family: Arial, Helvetica, sans-serif;">1. Mac OS X 10.9 dan yang lebih terbaru</span><br />
157. <span style="font-family: Arial, Helvetica, sans-serif;">2. Windows 8 dan yang lebih baru (Versi 64-bit)</span><br />
158. <span style="font-family: Arial, Helvetica, sans-serif;">3. Windows 8 dan yang lebih baru (Versi 32-bit)</span><br />
159. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
160. <span style="font-family: Arial, Helvetica, sans-serif;">lalu apakah Pengguna Windows 7 Tidak Bisa Menggunakan Aplikasi tersebut? saya mencoba menginstal dan ternyata bisa dijalankan di windows 7. seperti gambar dibawah ini</span><br />
161. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
162. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
163. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGvBaYYD7nKmkYNk4nov1yRuZKXAHkFo79PiGd5ZlU7jrbG8h61x23jtGZPVNKE3OhCQBT4vng0g9kDZOPeBESU-CY5UR03iGMIpJVif2RwrMGpGhGqHk4hLgQOgHJeMW0y4WT7ajRQz9N/s1600/windows+7.jpg"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGvBaYYD7nKmkYNk4nov1yRuZKXAHkFo79PiGd5ZlU7jrbG8h61x23jtGZPVNKE3OhCQBT4vng0g9kDZOPeBESU-CY5UR03iGMIpJVif2RwrMGpGhGqHk4hLgQOgHJeMW0y4WT7ajRQz9N/s640/windows+7.jpg" /></span></a><br />
164. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
165. <span style="font-family: Arial, Helvetica, sans-serif;">Sekarang kita kembali pembahasan, adapun langkah-langkah instal dan mengkoneksikan WhatsApp adalah sebagai berikut:</span><br />
166. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
167. <span style="font-family: Arial, Helvetica, sans-serif;">1. Download Apliasi di situs resmi <a href="https://www.whatsapp.com/download/">Di sini </a></span><br />
168. <span style="font-family: Arial, Helvetica, sans-serif;">2. Download Sesuai dengan versi bit dari windows kalian</span><br />
169. <span style="font-family: Arial, Helvetica, sans-serif;">3. Instal dan tunggu hingga Aplikasi muncul seperti ini</span><br />
170. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
171. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
172. <div class="separator" style="clear: both; text-align: center;">
173. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6VZ7Yh9TBp-esqD1rbnZRSjaqlF0ikgZ-xvw6lUR45jXYL4-0w54K-7z4MT06yHG0qrv-U8YNCXV-zxwJVJlcWJFEIVrBbAqZmSMt4MZsUxwz564rrntYABR2vNi4C7-mFiuFk5n6Lu-y/s1600/Whats+up.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="283" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6VZ7Yh9TBp-esqD1rbnZRSjaqlF0ikgZ-xvw6lUR45jXYL4-0w54K-7z4MT06yHG0qrv-U8YNCXV-zxwJVJlcWJFEIVrBbAqZmSMt4MZsUxwz564rrntYABR2vNi4C7-mFiuFk5n6Lu-y/s400/Whats+up.jpg" width="400" /> </span></a></div>
174. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
175. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
176. <span style="font-family: Arial, Helvetica, sans-serif;">4. Disana terdapat barcode yang harus anda koneksikan ke HP untuk memasuki Aplikasi WhatsApp tersebut</span><br />
177. <span style="font-family: Arial, Helvetica, sans-serif;">5.  Buka WhatsApp di Hp Android kalian, Masuk kemenu Chat klik tanda titik di samping kanan atas</span><br />
178. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
179. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
180. <div class="separator" style="clear: both; text-align: center;">
181. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYEnjtnCRV6G6XcxkuYUCk-fnxmTH-Ud9N4uyIMRWKQunN84CGl8_LHMl_s1YzHrEP9heVN0gof-1Bq1xyn4QrGJWuwwytQacW2oalhgaZg2qhzdgMSaa0NocMrMCxx9tersz33HtYvgSC/s1600/WhatsApp+Image+2017-02-04.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYEnjtnCRV6G6XcxkuYUCk-fnxmTH-Ud9N4uyIMRWKQunN84CGl8_LHMl_s1YzHrEP9heVN0gof-1Bq1xyn4QrGJWuwwytQacW2oalhgaZg2qhzdgMSaa0NocMrMCxx9tersz33HtYvgSC/s400/WhatsApp+Image+2017-02-04.jpg" width="240" /></span></a></div>
182. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
183. <span style="font-family: Arial, Helvetica, sans-serif;">6. Pilih WhatsApp Web lalu arahkan kamera ke barcode yang tertera di aplikasi Whats up untuk windows tadi</span><br />
184. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
185. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
186. <div class="separator" style="clear: both; text-align: center;">
187. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRYo9MPTVyMKcx8TOxWzZp1i7ecznpTYREXroMllPaj5tMzuiQJcouixBuyiTulcDBD-Aj5B8TPbwMTk74hg9OD6dHp2CwlQZVvff9hSnHPx3fYpRslSlG-S6ErOUpzo-hX2fVLORhhfEA/s1600/WhatsApp+Image+2017-02-04+at+00.36.29.jpeg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRYo9MPTVyMKcx8TOxWzZp1i7ecznpTYREXroMllPaj5tMzuiQJcouixBuyiTulcDBD-Aj5B8TPbwMTk74hg9OD6dHp2CwlQZVvff9hSnHPx3fYpRslSlG-S6ErOUpzo-hX2fVLORhhfEA/s400/WhatsApp+Image+2017-02-04+at+00.36.29.jpeg" width="240" /></span></a></div>
188. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
189. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
190. <span style="font-family: Arial, Helvetica, sans-serif;">7. tunggu beberapa saat, dan done... Aplikasi telah terkoneksi dengan HP anda..</span><br />
191. <span style="font-family: Arial, Helvetica, sans-serif;">8. jika ingin keluar /Log out.. klik tanda titik di samping kiri atas dan pilih Log out</span><br />
192. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
193. <div class="separator" style="clear: both; text-align: center;">
194. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9xvbq18Wdi-uGangE-aJ22SskVOMraa8ddv-xKY7syX5HDLqmKzyQ6p_D6D4ti-0rAvgOs3DbAJ47u0gx7yNc7PJ5SEij_dt3PF2XweI02t0SYb4CUOFHG0oz1q6aY8ziGeb3ex0R75iU/s1600/Untitledsda.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="277" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9xvbq18Wdi-uGangE-aJ22SskVOMraa8ddv-xKY7syX5HDLqmKzyQ6p_D6D4ti-0rAvgOs3DbAJ47u0gx7yNc7PJ5SEij_dt3PF2XweI02t0SYb4CUOFHG0oz1q6aY8ziGeb3ex0R75iU/s400/Untitledsda.jpg" width="400" /></span></a></div>
195. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
196. <span style="font-family: Arial, Helvetica, sans-serif;">Aplikasi WhatsApp di windows login sesuai dengan HP yang digunakan untuk menscan barcode tersebut.</span><br />
197. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
198. <blockquote class="tr_bq">
199. <span style="font-family: Arial, Helvetica, sans-serif;">Sekian Tips dari saya, semoga bermanfaat</span></blockquote>
200. </content><link rel='replies' type='application/atom+xml' href='https://fatra-code.blogspot.com/feeds/7427526444077002601/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://fatra-code.blogspot.com/2017/02/cara-instal-whats-up-dan.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/7427526444077002601'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/7427526444077002601'/><link rel='alternate' type='text/html' href='https://fatra-code.blogspot.com/2017/02/cara-instal-whats-up-dan.html' title='Cara Instal WhatsApp dan mengkoneksikannya di Windows'/><author><name>fatra</name><uri>http://www.blogger.com/profile/04705082021414999454</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjow3ZcE0DpUrnBuljcSCLyhW8W00w6x_BQZaKsGqc_VSpYo8t3IEXAXVjC8rM0dtg-eZrUdFOqdvXGfhGoapscsoV1fXFN7fejU7QhDyhJ8WMak3iD649vgIkduGwA1w/s220/TITTLE+2.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqc25KsBxFaIOwhcXAx6Jrxir1NVBxplhyphenhyphengtX5k4WJrdXW0Rlr4BHCQMKZ55HyXdVQLThJJxJSjglz8guESrJ-r8P9NjNkBUi8Hfo-zimJFBx6xdVICUCBeO9J3nFgvGSLa6l1zhF_HPUI/s72-c/Whats-App.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3832458081356410670.post-3104630951903678570</id><published>2017-02-03T22:31:00.002+08:00</published><updated>2020-03-19T23:17:27.154+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CMD"/><category scheme="http://www.blogger.com/atom/ns#" term="info"/><category scheme="http://www.blogger.com/atom/ns#" term="Komputer"/><title type='text'>Cara Mengunci  Folder Menggunakan CMD</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
201. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRMM7jLKE6wzyBOxfNX3foLOaAbPDg4DtDN39ZKH1leFO7p3amYjKE5Fw4M_haEjX7wp1U6VH9qqxX6muQRQWHdgZuKcX3HByYbGRtw2mxP8-JKdLGRKxVkr7ExgVr49o_LajlvhYUepb9/s1600/folder-lock.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="347" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRMM7jLKE6wzyBOxfNX3foLOaAbPDg4DtDN39ZKH1leFO7p3amYjKE5Fw4M_haEjX7wp1U6VH9qqxX6muQRQWHdgZuKcX3HByYbGRtw2mxP8-JKdLGRKxVkr7ExgVr49o_LajlvhYUepb9/s400/folder-lock.jpg" width="400" /></a></div>
202. <br />
203. <span style="font-family: "arial" , "helvetica" , sans-serif;">Assalamualaikum wr. wb.</span><br />
204. <a name='more'></a><br />
205. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
206. <b><span style="color: #6aa84f; font-family: "arial" , "helvetica" , sans-serif; font-size: large;">Salam Bloger..</span></b><span style="font-family: "arial" , "helvetica" , sans-serif;">Kebanyakan dari kalian mungkin pernah kesulitan untuk menyembunyikan File rahasia, dan bingung ingin mendownload aplikasi apa yang bagus untuk mengunci folder agar file-file pribadi kalian tidak bisa di akses teman.</span><br />
207. <span style="color: #6aa84f; font-family: "arial" , "helvetica" , sans-serif; font-size: medium;"><br /></span>
208. <span style="font-family: "arial" , "helvetica" , sans-serif;">kesempatan kali ini <span style="color: orange; font-style: italic; font-weight: bold;"><a href="http://fatra-code.blogspot.com/">Fatra Code</a> </span>ingin berbagi trick sederhana bagaimana mengunci sebuah Folder tanpa aplikasi hanya menggunakan CMD (Command Promt)</span><br />
209. <br />
210. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
211. <br />
212. <blockquote class="tr_bq">
213. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Adapun kelebihan / dari trick ini adalah :</b></span> 
214. <span style="font-family: "arial" , "helvetica" , sans-serif;">1. Folder yang anda Lock tidak bisa diBuka</span>  
215. <span style="font-family: "arial" , "helvetica" , sans-serif;">2. </span><span style="font-family: "arial" , "helvetica" , sans-serif;">Folder yang anda Lock tidak bisa diHapus</span> 
216. <span style="font-family: "arial" , "helvetica" , sans-serif;">3. </span><span style="font-family: "arial" , "helvetica" , sans-serif;">Folder yang anda Lock tidak bisa dicopy</span> 
217. <span style="font-family: "arial" , "helvetica" , sans-serif;">4. </span><span style="font-family: "arial" , "helvetica" , sans-serif;">Folder yang anda Lock</span><span style="font-family: "arial" , "helvetica" , sans-serif;">  tidak bisa diCut</span></blockquote>
218. <br />
219. <span style="font-family: "arial" , "helvetica" , sans-serif;">Adapun langkah-langkah untuk mengunci Folder menggunakan CMD adalah sebagai berikut:</span><br />
220. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
221. <span style="font-family: "arial" , "helvetica" , sans-serif;">1. tekan <b>Windows Start Up</b> dan ketikkan <b>CMD </b>lalu klik kanan <b>Run as administrator</b></span><br />
222. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span>
223. <br />
224. <div class="separator" style="clear: both; text-align: center;">
225. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUI2pW4r7xIMEKFb90iFxDPTJlCgha9kJ8xNmuKG8_hPfquERyX1rWX_hH3m8HmSBXl2Rv7YuajoR1DFw6vCKWq3TVCn8wGv2Kdjbsjlr4cXhy9eHzmStOighABvTOtl8KUJCiwmuD-Cda/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUI2pW4r7xIMEKFb90iFxDPTJlCgha9kJ8xNmuKG8_hPfquERyX1rWX_hH3m8HmSBXl2Rv7YuajoR1DFw6vCKWq3TVCn8wGv2Kdjbsjlr4cXhy9eHzmStOighABvTOtl8KUJCiwmuD-Cda/s320/2.jpg" width="320" /></a></div>
226. <div class="separator" style="clear: both; text-align: center;">
227. <br /></div>
228. <div class="separator" style="clear: both; text-align: left;">
229. <span style="font-family: "arial" , "helvetica" , sans-serif;">2. pilih direktori dari folder yang ingin kalian kunci jika direktori tersebut <b>D </b>maka ketika <b>D:</b></span></div>
230. <div class="separator" style="clear: both; text-align: left;">
231. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
232. <div class="separator" style="clear: both; text-align: center;">
233. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSJRDlyVfCMoShpn1-mtuK6MxajVj2PsYXquM8ScDdursATjhnRbWsg5h5jCCzFwLen25uF2jUzzUy057W-YM6gS9zHP9EzkUSUsGyphWcPjqnuQHG_VmgdG-Xqo-_JqKZbwdvjY5AS5TW/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSJRDlyVfCMoShpn1-mtuK6MxajVj2PsYXquM8ScDdursATjhnRbWsg5h5jCCzFwLen25uF2jUzzUy057W-YM6gS9zHP9EzkUSUsGyphWcPjqnuQHG_VmgdG-Xqo-_JqKZbwdvjY5AS5TW/s320/1.jpg" width="320" /></a></div>
234. <div class="separator" style="clear: both; text-align: left;">
235. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
236. <div class="separator" style="clear: both; text-align: left;">
237. <span style="font-family: "arial" , "helvetica" , sans-serif;">3. Ketikkan coding berikut <b>cscls D:\ Nama Folder /d everyone </b></span></div>
238. <div class="separator" style="clear: both; text-align: left;">
239. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
240. <div class="separator" style="clear: both; text-align: center;">
241. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaoNWfwqd8ZME5KqNLl8cuZSGXwWtjGs__51zoWtQZST3V6QtKol_oFjIjznS-o3alREGwOA4MoIgP4_cbwQH-WEj_I3Yz7GGBscvuljZykst7esoGF3zvAvwOYjb_REM3WlipyfXRjpwB/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaoNWfwqd8ZME5KqNLl8cuZSGXwWtjGs__51zoWtQZST3V6QtKol_oFjIjznS-o3alREGwOA4MoIgP4_cbwQH-WEj_I3Yz7GGBscvuljZykst7esoGF3zvAvwOYjb_REM3WlipyfXRjpwB/s320/3.jpg" width="320" /></a></div>
242. <div class="separator" style="clear: both; text-align: left;">
243. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
244. <div class="separator" style="clear: both; text-align: left;">
245. <span style="font-family: "arial" , "helvetica" , sans-serif;">4. lalu tekan <b>Enter, </b>maka kalian akan diminta konfirmasi tekan <b>Y </b>untuk <i>Ya</i><b> </b>dan <b>N </b>untuk <i>Tidak</i><b> </b></span></div>
246. <div class="separator" style="clear: both; text-align: left;">
247. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
248. <div class="separator" style="clear: both; text-align: center;">
249. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWISem0ZgYSXEGxpISZ6oQc7NiA3s9G8vQV6UVKXGpLpS2Wtg2CEu2x_Vxq2NiZuJvrMqbxuu2ajbNR3Qn0LND4FamKckLERoSsdvtLEXf9TkoWLuf9yJ4sYIDaqEwMEOAqeoHcPkacPBn/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWISem0ZgYSXEGxpISZ6oQc7NiA3s9G8vQV6UVKXGpLpS2Wtg2CEu2x_Vxq2NiZuJvrMqbxuu2ajbNR3Qn0LND4FamKckLERoSsdvtLEXf9TkoWLuf9yJ4sYIDaqEwMEOAqeoHcPkacPBn/s320/4.jpg" width="320" /></a></div>
250. <div class="separator" style="clear: both; text-align: center;">
251. <br /></div>
252. <div class="separator" style="clear: both; text-align: left;">
253. <span style="font-family: "arial" , "helvetica" , sans-serif;">5. Jika berhasil maka tampilan seperti berikut ini</span></div>
254. <div class="separator" style="clear: both; text-align: left;">
255. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
256. <div class="separator" style="clear: both; text-align: center;">
257. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghwU7xX7ziYXvpMexJmAQJlYaUvkhxc7_dda224SwbPDt5qtdJXTyvABduUwf0e-snTa3aqUy0NGVUiyaRg87zIdTdtoLSRqVN0NaqUdWS-60g033BXvMi36e67NaYJQtK4y1A4ltTijbv/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghwU7xX7ziYXvpMexJmAQJlYaUvkhxc7_dda224SwbPDt5qtdJXTyvABduUwf0e-snTa3aqUy0NGVUiyaRg87zIdTdtoLSRqVN0NaqUdWS-60g033BXvMi36e67NaYJQtK4y1A4ltTijbv/s320/5.jpg" width="320" /></a></div>
258. <div class="separator" style="clear: both; text-align: left;">
259. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
260. <span style="font-family: "arial" , "helvetica" , sans-serif;">6. Kalian bisa mencoba membuka file yang kalian kunci tersebut, maka akan keluar perintah seperti ini</span><br />
261. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
262. <br />
263. <div class="separator" style="clear: both; text-align: center;">
264. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6-LO3yyx34lMzDnCtpEn08Lyy7pr3z19TTD_Cw4h39BKh4rFYZhsP1oxYLOJTrHu1mcuOuuJc3aNpzDdGe9uLqg11L58u5aNovp-ObGrqgqZuBx7dDXp6a9T1DEF_DQP-0Vddsb3T1nZf/s1600/8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6-LO3yyx34lMzDnCtpEn08Lyy7pr3z19TTD_Cw4h39BKh4rFYZhsP1oxYLOJTrHu1mcuOuuJc3aNpzDdGe9uLqg11L58u5aNovp-ObGrqgqZuBx7dDXp6a9T1DEF_DQP-0Vddsb3T1nZf/s320/8.jpg" width="320" /></a></div>
265. <div class="separator" style="clear: both; text-align: center;">
266. <br /></div>
267. <div class="separator" style="clear: both; text-align: center;">
268. <span style="font-family: "arial" , "helvetica" , sans-serif;">jika kalian klik <b>Continue</b></span></div>
269. <div class="separator" style="clear: both; text-align: center;">
270. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
271. <div class="separator" style="clear: both; text-align: center;">
272. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ3hdy9QnApTRGRYp6psYmV7Tgdng5VvwGM5wsE6b9qf7k_ccPB_tsYPJg0PrvBuaPtCCwJqVDJ_5xlzjMXwEwl7TqoDoHV20dnMhlSOhnkJO6NNPL0a750s1wPVBzdMIz9_n43cCU9QHu/s1600/9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ3hdy9QnApTRGRYp6psYmV7Tgdng5VvwGM5wsE6b9qf7k_ccPB_tsYPJg0PrvBuaPtCCwJqVDJ_5xlzjMXwEwl7TqoDoHV20dnMhlSOhnkJO6NNPL0a750s1wPVBzdMIz9_n43cCU9QHu/s320/9.jpg" width="320" /></a></div>
273. <div class="separator" style="clear: both; text-align: center;">
274. <span style="font-family: "arial" , "helvetica" , sans-serif;">Folder tetap tidak bisa dibuka, dan kalian telah berhasil mengunci Folder menggunakan CMD.</span></div>
275. <div class="separator" style="clear: both; text-align: left;">
276. <span style="font-family: "arial" , "helvetica" , sans-serif;">7. untuk kemballi membuka Folder yang kalian kunci tadi ketikkan coding berikut :</span></div>
277. <div class="separator" style="clear: both; text-align: left;">
278. <b style="font-family: Arial, Helvetica, sans-serif;">cacls D:\Nama Folder /g everyone:f </b><span style="font-family: "arial" , "helvetica" , sans-serif;">lalu tekan </span><b style="font-family: Arial, Helvetica, sans-serif;">Enter</b><span style="font-family: "arial" , "helvetica" , sans-serif;"> dan ketikkan <b>Y </b>untuk Konfirmasi.</span></div>
279. <div class="separator" style="clear: both; text-align: center;">
280. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
281. <div class="separator" style="clear: both; text-align: center;">
282. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3g_rU3aaBhUXNaXmBl2c_niWw6TeYGCUvXZACfhoQ3blV6FBjtbYyIE8U1z5rnILdNJnf-O0ekM73aDPk6xls2_tI9BTGW6W3M3fRRycSzMTXyVR5DQmGEYul447PBYRyErMphszilsRH/s1600/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3g_rU3aaBhUXNaXmBl2c_niWw6TeYGCUvXZACfhoQ3blV6FBjtbYyIE8U1z5rnILdNJnf-O0ekM73aDPk6xls2_tI9BTGW6W3M3fRRycSzMTXyVR5DQmGEYul447PBYRyErMphszilsRH/s320/6.jpg" width="320" /></a></div>
283. <div class="separator" style="clear: both; text-align: center;">
284. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
285. <div class="separator" style="clear: both; text-align: center;">
286. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
287. <blockquote class="tr_bq" style="clear: both; text-align: center;">
288. <span style="font-family: "arial" , "helvetica" , sans-serif;">Semoga Bermanfaat</span></blockquote>
289. &lt;span style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='https://fatra-code.blogspot.com/feeds/3104630951903678570/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://fatra-code.blogspot.com/2017/02/cara-mengunci-folder-menggunakan-cmd.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/3104630951903678570'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/3104630951903678570'/><link rel='alternate' type='text/html' href='https://fatra-code.blogspot.com/2017/02/cara-mengunci-folder-menggunakan-cmd.html' title='Cara Mengunci  Folder Menggunakan CMD'/><author><name>fatra</name><uri>http://www.blogger.com/profile/04705082021414999454</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjow3ZcE0DpUrnBuljcSCLyhW8W00w6x_BQZaKsGqc_VSpYo8t3IEXAXVjC8rM0dtg-eZrUdFOqdvXGfhGoapscsoV1fXFN7fejU7QhDyhJ8WMak3iD649vgIkduGwA1w/s220/TITTLE+2.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRMM7jLKE6wzyBOxfNX3foLOaAbPDg4DtDN39ZKH1leFO7p3amYjKE5Fw4M_haEjX7wp1U6VH9qqxX6muQRQWHdgZuKcX3HByYbGRtw2mxP8-JKdLGRKxVkr7ExgVr49o_LajlvhYUepb9/s72-c/folder-lock.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3832458081356410670.post-6577679407437132316</id><published>2017-01-30T22:58:00.002+08:00</published><updated>2020-03-19T23:18:08.802+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Delphi"/><title type='text'>Membuat Animasi Teks Berkedip di Delphi</title><content type='html'>&lt;span style=&quot;color: #6aa84f; font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;b&gt;&lt;i&gt;Assalamualaikum Wa rahmatullah wa Barokatuh...&lt;/i&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
290. <div class="separator" style="clear: both; text-align: center;">
291. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0gSeeRh1xoIx-3XWFgfK0uwlWmr7xdfKF1BIGlyZvgdxeAbo6L4JL-qBWTicSHEjINb_svgpo-L1N_s_pU4rX0TKU7k8xoR6oNtl_T16R7arRwRinlDpEjxKuQpPAL0FaeRXDTE_JV4Nc/s1600/Delphi7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0gSeeRh1xoIx-3XWFgfK0uwlWmr7xdfKF1BIGlyZvgdxeAbo6L4JL-qBWTicSHEjINb_svgpo-L1N_s_pU4rX0TKU7k8xoR6oNtl_T16R7arRwRinlDpEjxKuQpPAL0FaeRXDTE_JV4Nc/s400/Delphi7.jpg" width="318" /></a></div>
292. <span style="color: #6aa84f; font-family: "arial" , "helvetica" , sans-serif;"><b><i><br /></i></b></span>
293. <span style="color: #6aa84f; font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><b><i>Salam Bloger...</i></b></span><span style="font-family: "arial" , "helvetica" , sans-serif;">Bagi Teman-teman sekalian yang suka membuat aplikasi dan Sistem  Informasi di</span><b style="font-family: arial, helvetica, sans-serif;"> </b><span style="color: #6aa84f; font-family: "arial" , "helvetica" , sans-serif;"><b>Delphi</b> </span><span style="font-family: "arial" , "helvetica" , sans-serif;">, pasti sering kebingunan, harus menambahkan hiasan atau tampilan apa yang bagus untuk memperindah aplikasi. Kalian bisa menambahkan</span><span style="color: #6aa84f; font-family: "arial" , "helvetica" , sans-serif;"> </span><span style="font-family: "arial" , "helvetica" , sans-serif;">Teks Berkedip / Blink teks pada aplikasi kalian.</span><br />
294. <a name='more'></a><br />
295. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
296. <span style="font-family: "arial" , "helvetica" , sans-serif;">kali ini <a href="http://fatra-code.blogspot.com/" style="color: #38761d; font-style: italic; font-weight: bold;">Fatra Code</a><span style="color: #38761d; font-style: italic; font-weight: bold;"> </span>akan berbagi tutorial bagaimana membuat animasi teks berkedip di delphi. oke kita langsung saja ke materi.</span><br />
297. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
298. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Peralatan yang digunakan:</b></span><br />
299. <span style="font-family: "arial" , "helvetica" , sans-serif;">- <b>Delphi 7</b> /<b>Delphi XE3</b> (terserah anda menggunakan Delphi Versi yang mana)</span><br />
300. <span style="font-family: "arial" , "helvetica" , sans-serif;">- Komponen <b>TTimer;</b></span><br />
301. <span style="font-family: "arial" , "helvetica" , sans-serif;">- Komponen <b>TLabel;</b></span><br />
302. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
303. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
304. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Langkah Pembuatan :</b></span><br />
305. <span style="font-family: "arial" , "helvetica" , sans-serif;">- Buka Aplikasi Delphi yang kalian punya</span><br />
306. <span style="font-family: "arial" , "helvetica" , sans-serif;">- buat <b>New Project / New Form</b></span><br />
307. <span style="font-family: "arial" , "helvetica" , sans-serif;">- tambahkan <b>TLabel</b> (caption=Latihan Delphi, size = 30 <i><span style="color: red;">"Kalian Bisa Mengaturnya sesuai dengan keperluan"</span></i>)</span><br />
308. <span style="font-family: "arial" , "helvetica" , sans-serif;">- Tambahkan komponen <b>TTimer</b> (atur <b>property Intervalnya</b> menjadi <b>100</b>)</span><br />
309. <span style="font-family: "arial" , "helvetica" , sans-serif;">-<b> Double Klik </b>pada komponen <b>TTimer</b>, lalu isikan coding di bawah ini;</span><br />
310. <br />
311. <pre><code class="PHP" style="bacground-color: #999;"><span style="font-family: "courier new" , "courier" , monospace;"><b>procedure TForm1.Timer1Timer(Sender: TObject);</b>
312. begin
313. <span style="color: #38761d;"><span style="color: red;">if </span><b><span style="color: #6aa84f;">Label1</span></b><span style="color: red;">.Visible then </span><b><span style="color: #6aa84f;">Label1</span></b><span style="color: red;">.Visible:=False
314. else </span><b><span style="color: #6aa84f;">label1</span></b><span style="color: red;">.Visible:=True;</span></span>
315. end;</span></code></pre>
316. <br />
317. <br />
318. <b><span style="font-family: "arial" , "helvetica" , sans-serif;">Penjelasan :</span></b><br />
319. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b>- TTimer </b>berfungsi untuk mengatur agar teks menghilang dan muncul kembali</span><br />
320. <span style="font-family: "arial" , "helvetica" , sans-serif;">- <b>Label1 </b>pada coding yang dimasukkan dalam <b>TTimer </b>adalah nama dari <b>TLabel </b>yang kalian masukkan, jika kalian mengubah nya maka ganti sesuai dengan kata yang kalian masukkan</span><br />
321. <span style="font-family: "arial" , "helvetica" , sans-serif;">- <b>interval </b>di property <b>TTimer </b>adalah <b>jarak dari kedipan teks</b>, jadi semakin kecil angka yang anda masukkan maka akan semakain cepat teks tersebut berkedip.</span><br />
322. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
323. <span style="font-family: "arial" , "helvetica" , sans-serif;">Jika Sukses maka tampilan akan seperti ini :</span><br />
324. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
325. <br />
326. <div class="separator" style="clear: both; text-align: center;">
327. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF9erKaSldNbsXJI4gFIwLfQ6gHA6gzjsfryFcPwhzRRsVNdMClbDpVJKM2pVMmJCFvj-yi6NM348cuAgu9IWyLfw_ctWwtJJ5VQKEyZHkodyj3MWVc02Xrt7r688SXQLWRtv7QbrQx4OZ/s1600/output_8BVRfJ.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF9erKaSldNbsXJI4gFIwLfQ6gHA6gzjsfryFcPwhzRRsVNdMClbDpVJKM2pVMmJCFvj-yi6NM348cuAgu9IWyLfw_ctWwtJJ5VQKEyZHkodyj3MWVc02Xrt7r688SXQLWRtv7QbrQx4OZ/s640/output_8BVRfJ.gif" width="640" /></a></div>
328. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
329. <br />
330. <blockquote class="tr_bq">
331. <span style="font-family: "arial" , "helvetica" , sans-serif;">Sekian Tutorial bagaimana membuat animasi teks berkedip di delphi, jika ada masalah silahkan tinggalkan di kolom komentar. sebisanya saya akan membantu.</span></blockquote>
332. </content><link rel='replies' type='application/atom+xml' href='https://fatra-code.blogspot.com/feeds/6577679407437132316/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://fatra-code.blogspot.com/2017/01/membuat-animasi-teks-berkedip-di-delphi.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/6577679407437132316'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/6577679407437132316'/><link rel='alternate' type='text/html' href='https://fatra-code.blogspot.com/2017/01/membuat-animasi-teks-berkedip-di-delphi.html' title='Membuat Animasi Teks Berkedip di Delphi'/><author><name>fatra</name><uri>http://www.blogger.com/profile/04705082021414999454</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjow3ZcE0DpUrnBuljcSCLyhW8W00w6x_BQZaKsGqc_VSpYo8t3IEXAXVjC8rM0dtg-eZrUdFOqdvXGfhGoapscsoV1fXFN7fejU7QhDyhJ8WMak3iD649vgIkduGwA1w/s220/TITTLE+2.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0gSeeRh1xoIx-3XWFgfK0uwlWmr7xdfKF1BIGlyZvgdxeAbo6L4JL-qBWTicSHEjINb_svgpo-L1N_s_pU4rX0TKU7k8xoR6oNtl_T16R7arRwRinlDpEjxKuQpPAL0FaeRXDTE_JV4Nc/s72-c/Delphi7.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3832458081356410670.post-6634005122199725449</id><published>2017-01-25T23:03:00.001+08:00</published><updated>2017-11-29T19:04:02.991+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CI"/><title type='text'>Upload Gambar, Rename dan Resize dengan MySQLi + Bootstrap di Codeigniter</title><content type='html'>&lt;div class=&quot;post-body entry-content&quot; id=&quot;post-body-7205216218945742162&quot; style=&quot;background-color: white; border: 0px; box-sizing: border-box; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 1.6em; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
333. <div itemprop="description articleBody" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
334. <div style="border: 0px; box-sizing: border-box; color: #222222; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
335. <div class="separator" style="border: 0px; box-sizing: border-box; clear: both; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
336. <a href="http://ccdownload.lon.pw/?go=oO0ilHM6Ly8zLmJwLmJsb2dzcG90LmNvbS8tTEpsMmZCN3phV1UvVjBLZXdUMDJlaUkvQUFBQUFBQUFCcjgvUWZ0ZHdhN3hzVVl2UFBlZWRhT050UUtaLU9oS196ZEx3Q0xjQi9zMTYwMC9VcGxvYWQlMkJHYW1iYXIuanBn" imageanchor="1" rel="nofollow" style="border: 0px; box-sizing: border-box; color: #e8635f; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 1em; padding: 0px; text-decoration: none; transition: all 0.3s; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img alt="Upload Gambar (Image), Rename dan Resize dengan MySQLi + Bootstrap Full Source Code" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1L7l7wH-3BBG6xANXDOaXvliiqvnzPRXDQ-z4LTjut4YeosdzerUKQ0OqtzsrnnZs54XVH-6EGrvfY4KO8xp81q224uZLR5CX1UiX5ex4YU_f9IjWhyphenhyphensuIEm3YDBCb7mK5vAs5nn-cwXX/s1600/Upload+Gambar.jpg" style="background: rgb(250, 250, 250); border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px 0px 2px; max-width: 100%; opacity: 1; outline: none; padding: 0px; transition: all 0.6s ease; vertical-align: middle;" title="Upload Gambar (Image), Rename dan Resize dengan MySQLi + Bootstrap Full Source Code" /></span></a></div>
337. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="box-sizing: border-box; margin: 0px; padding: 0px;" />Halo ! Cuma Coder kali ini akan membagikan tutorial mengenai Upload Gambar (Image) pada framework CodeIgniter 3. Tutorial ini selain membahas tentang Upload Gambar kita akan sekaligus membahas mengenai fungsi rename (mengubah nama file gambar) dan resize (merubah ukuran gambar ) setelah kira melakukan upload. </span><br />
338. <a name='more'></a></div>
339. <div style="border: 0px; box-sizing: border-box; color: #222222; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
340. <span style="font-family: "arial" , "helvetica" , sans-serif;">Di dalam framework CodeIgniter sendiri juga sudah disediakan library upload dan image_lib (library untuk manipulasi gambar) . Pastikan kedua library tersebut sudah ada pada folder library CodeIgniter 3. Biasanya sih sudah ada kalau kita mendownload CodeIgniter dari web resminya.</span></div>
341. <div style="border: 0px; box-sizing: border-box; color: #222222; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
342. <span style="font-family: "arial" , "helvetica" , sans-serif;">Oke langsung saja kira masuk ke Tutorial CodeIgniter 3 :  Upload Image, Rename dan Resize.</span></div>
343. <div style="border: 0px; box-sizing: border-box; color: #222222; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
344. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="box-sizing: border-box; margin: 0px; padding: 0px;" /></span></div>
345. <div style="border: 0px; box-sizing: border-box; color: #222222; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
346. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; font-size: medium; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">1 . Setting Dan Database</span></b></span><br />
347. <ol style="border: 0px; box-sizing: border-box; counter-reset: li 0; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;">
348. <li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #666666; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: square; margin: 0.2em 0px 0.2em 1.5em; padding: 2px 0px; position: relative; transition: all 0.3s; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Karena kita menggunakan Bootstrap silahkan <a href="http://ccdownload.lon.pw/?go=oO0ilDovL2dldGJvb3RzdHJhcC5jb20v" rel="nofollow" style="border: 0px; box-sizing: border-box; color: #e8635f; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.3s; vertical-align: baseline;" target="_blank">Download Bootstrap</a> dan letakan di folder <b style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">assets</b></span></li>
349. <li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #666666; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: square; margin: 0.2em 0px 0.2em 1.5em; padding: 2px 0px; position: relative; transition: all 0.3s; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Setting default controller menjadi upload di <b style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">config/routes.php</b></span></li>
350. <li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #666666; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: square; margin: 0.2em 0px 0.2em 1.5em; padding: 2px 0px; position: relative; transition: all 0.3s; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Karena kita menggunakan library upload dan library image_lib serta penyimpanan data kedatabase. maka kita load libray tersebut secara otomatis di <b style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">config/autoload.php</b></span></li>
351. <li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #666666; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: square; margin: 0.2em 0px 0.2em 1.5em; padding: 2px 0px; position: relative; transition: all 0.3s; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Sebaiknya kita menghilangkan index.php pada url untuk mepercantik url. Silahkan Baca <a href="http://www.cumacoder.com/2016/05/tutorial-codeigniter-3-menghilangkan.html" style="border: 0px; box-sizing: border-box; color: #e8635f; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.3s; vertical-align: baseline;">Tutorial CodeIgniter 3 : Menghilangkan Index.php Pada URL (Mempercantik URL Pada CodeIgniter 3)</a></span></li>
352. </ol>
353. </div>
354. <div style="border: 0px; box-sizing: border-box; color: #222222; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
355. <span style="font-family: "arial" , "helvetica" , sans-serif;">Dalam tutorial kali ini kita menggunakan database driver MySQLi jadi kita set dulu database driver nya di file database.php yang berada pafa folder /application/config/ . Untuk pengaturannya bisa di sesuaikan.  </span><br />
356. <pre style="background: rgb(68, 62, 80); border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; overflow: auto; padding: 0px; user-select: text; vertical-align: baseline; word-wrap: break-word;"><code class="php hljs" style="background: rgb(35, 36, 31); border: 0px; box-sizing: border-box; color: #f8f8f2; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; overflow-x: auto; padding: 0.5em; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">
357. $db[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'default'</span>] = <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">array</span>(
358. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'dsn'</span> => <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">''</span>,
359. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'hostname'</span> => <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'localhost'</span>,
360. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'username'</span> => <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'root'</span>,
361. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'password'</span> => <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">''</span>,
362. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'database'</span> => <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'img_db'</span>,
363. <span style="background-color: yellow; border: 0px; box-sizing: border-box; color: red; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'dbdriver'</span> => <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'mysqli'</span>,</span>
364. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'dbprefix'</span> => <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">''</span>,
365. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'pconnect'</span> => <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">FALSE</span>,
366. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'db_debug'</span> => (ENVIRONMENT !== <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'production'</span>),
367. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'cache_on'</span> => <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">FALSE</span>,
368. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'cachedir'</span> => <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">''</span>,
369. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'char_set'</span> => <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'utf8'</span>,
370. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'dbcollat'</span> => <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'utf8_general_ci'</span>,
371. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'swap_pre'</span> => <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">''</span>,
372. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'encrypt'</span> => <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">FALSE</span>,
373. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'compress'</span> => <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">FALSE</span>,
374. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'stricton'</span> => <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">FALSE</span>,
375. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'failover'</span> => <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">array</span>(),
376. <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'save_queries'</span> => <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">TRUE</span>
377. );</span></code></pre>
378. <span style="font-family: "arial" , "helvetica" , sans-serif;">Selanjutnya kita buat database dan tabelnya . Untuk tabelnya bisa dengan menjalankan script dibawah ini di comand console.</span><br />
379. <pre style="background: rgb(68, 62, 80); border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; overflow: auto; padding: 0px; user-select: text; vertical-align: baseline; word-wrap: break-word;"><code class="php hljs" style="background: rgb(35, 36, 31); border: 0px; box-sizing: border-box; color: #f8f8f2; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; overflow-x: auto; padding: 0.5em; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">CREATE TABLE `upload_img` (
380.  `id` int(<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #ae81ff; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">3</span>) NOT <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">NULL</span> AUTO_INCREMENT,
381.  `namafile` varchar(<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #ae81ff; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">35</span>) <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">DEFAULT</span> <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">NULL</span>,
382.  `type` varchar(<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #ae81ff; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10</span>) <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">DEFAULT</span> <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">NULL</span>,
383.  `keterangan` text,
384.  PRIMARY KEY (`id`)
385. ) ENGINE=InnoDB AUTO_INCREMENT=<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #ae81ff; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">5</span> <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">DEFAULT</span> CHARSET=latin1</span></code></pre>
386. <span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="border: 0px; box-sizing: border-box; font-size: medium; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">2. Controller </b></span><br style="box-sizing: border-box; margin: 0px; padding: 0px;" />Untuk controllernya kita menggunakan satu controller yang memiliki beberapa fungsi antara lain :</span><br />
387. <ol style="border: 0px; box-sizing: border-box; counter-reset: li 0; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;">
388. <li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #666666; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: square; margin: 0.2em 0px 0.2em 1.5em; padding: 2px 0px; position: relative; transition: all 0.3s; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: yellow; border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Function Index</span> (Fungsi untuk menampilkan halaman home yang berisi file yang telah di upload)</span></li>
389. <li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #666666; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: square; margin: 0.2em 0px 0.2em 1.5em; padding: 2px 0px; position: relative; transition: all 0.3s; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: cyan; border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Function Add</span> ( Fungsi untuk menampilkan form upload gambar)</span></li>
390. <li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #666666; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: square; margin: 0.2em 0px 0.2em 1.5em; padding: 2px 0px; position: relative; transition: all 0.3s; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: orange; border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Function Insert</span> ( Fungsi untuk upload gambar , rename , dan resize. Serta menyimpan ke database )</span></li>
391. </ol>
392. <div style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
393. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="box-sizing: border-box; margin: 0px; padding: 0px;" /></span></div>
394. <pre style="background: rgb(68, 62, 80); border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; overflow: auto; padding: 0px; user-select: text; vertical-align: baseline; word-wrap: break-word;"><code class="php hljs" style="background: rgb(35, 36, 31); border: 0px; box-sizing: border-box; color: #f8f8f2; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; overflow-x: auto; padding: 0.5em; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?php</span>
395. defined(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'BASEPATH'</span>) <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">OR</span> <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">exit</span>(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'No direct script access allowed'</span>);
396.  
397. <span class="hljs-class" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span> <span class="hljs-title" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Upload</span> <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">extends</span> <span class="hljs-title" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">CI_Controller</span> </span>{
398.  
399.  <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">var</span> $limit=<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #ae81ff; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10</span>;
400.  <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">var</span> $offset=<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #ae81ff; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10</span>;
401.  
402.    <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">public</span> <span class="hljs-function" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #a6e22e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">__construct</span><span class="hljs-params" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">()</span> </span>{
403.        <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">parent</span>::__construct();
404.        $this->load->model(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'model_upldgbr'</span>); <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//load model model_upldgbr yang berada di folder model</span>
405.        $this->load->helper(<span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">array</span>(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'url'</span>)); <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//load helper url </span>
406.    }
407.  
408.    <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">public</span> <span style="background-color: yellow; border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-function" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #a6e22e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">index</span></span></span><span class="hljs-function" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-params" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">($page=NULL,$offset=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">''</span>,$key=NULL)</span>
409.    </span>{        
410.        $data[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'query'</span>] = $this->model_upldgbr->get_allimage(); <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//query dari model</span>
411.        
412.        $this->load->view(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'home'</span>,$data); <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//tampilan awal ketika controller upload di akses</span>
413.    }
414.  
415.    <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">public</span> <span style="background-color: cyan; border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-function" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #a6e22e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">add</span></span></span><span class="hljs-function" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-params" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">()</span> </span>{
416.        <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//view yang tampil jika fungsi add diakses pada url</span>
417.        $this->load->view(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'fupload'</span>);
418.      
419.    }
420.    <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">public</span> <span style="background-color: orange; border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-function" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #a6e22e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">insert</span></span></span><span class="hljs-function" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">()</span>{
421.        $this->load->library(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'upload'</span>);
422.        $nmfile = <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"file_"</span>.time(); <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//nama file + fungsi time</span>
423.        $config[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'upload_path'</span>] = <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'./assets/uploads/'</span>; <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//Folder untuk menyimpan hasil upload</span>
424.        $config[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'allowed_types'</span>] = <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'gif|jpg|png|jpeg|bmp'</span>; <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//type yang dapat diakses bisa anda sesuaikan</span>
425.        $config[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'max_size'</span>] = <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'3072'</span>; <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//maksimum besar file 3M</span>
426.        $config[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'max_width'</span>]  = <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'5000'</span>; <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//lebar maksimum 5000 px</span>
427.        $config[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'max_height'</span>]  = <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'5000'</span>; <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//tinggi maksimu 5000 px</span>
428.        $config[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'file_name'</span>] = $nmfile; <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//nama yang terupload nantinya</span>
429.  
430.        $this->upload->initialize($config);
431.        
432.        <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">if</span>($_FILES[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'filefoto'</span>][<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'name'</span>])
433.        {
434.            <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">if</span> ($this->upload->do_upload(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'filefoto'</span>))
435.            {
436.                $gbr = $this->upload->data();
437.                $data = <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">array</span>(
438.                  <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'namafile'</span> =>$gbr[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'file_name'</span>],
439.                  <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'type'</span> =>$gbr[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'file_type'</span>],
440.                  <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'keterangan'</span> =>$this->input->post(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'textket'</span>)
441.                  
442.                );
443.  
444.                $this->model_upldgbr->get_insert($data); <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//akses model untuk menyimpan ke database</span>
445.                <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//dibawah ini merupakan code untuk resize</span>
446.                $config2[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'image_library'</span>] = <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'gd2'</span>;
447.                $config2[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'source_image'</span>] = $this->upload->upload_path.$this->upload->file_name;
448.                $config2[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'new_image'</span>] = <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'./assets/hasil_resize/'</span>; <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">// folder tempat menyimpan hasil resize</span>
449.                $config2[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'maintain_ratio'</span>] = <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">TRUE</span>;
450.                $config2[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'width'</span>] = <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #ae81ff; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">100</span>; <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//lebar setelah resize menjadi 100 px</span>
451.                $config2[<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'height'</span>] = <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #ae81ff; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">100</span>; <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//lebar setelah resize menjadi 100 px</span>
452.                $this->load->library(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'image_lib'</span>,$config2);
453.  
454.                <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//pesan yang muncul jika resize error dimasukkan pada session flashdata</span>
455.                <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">if</span> ( !$this->image_lib->resize()){
456.                $this->session->set_flashdata(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'errors'</span>, $this->image_lib->display_errors(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">''</span>, <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">''</span>));  
457.              }
458.                <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//pesan yang muncul jika berhasil diupload pada session flashdata</span>
459.                $this->session->set_flashdata(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"pesan"</span>, <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"<div class=\"col-md-12\"><div class=\"alert alert-success\" id=\"alert\">Upload gambar berhasil !!</div></div>"</span>);
460.                redirect(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'upload'</span>); <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//jika berhasil maka akan ditampilkan view upload</span>
461.            }<span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">else</span>{
462.                <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//pesan yang muncul jika terdapat error dimasukkan pada session flashdata</span>
463.                $this->session->set_flashdata(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"pesan"</span>, <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"<div class=\"col-md-12\"><div class=\"alert alert-danger\" id=\"alert\">Gagal upload gambar !!</div></div>"</span>);
464.                redirect(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'upload/add'</span>); <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//jika gagal maka akan ditampilkan form upload</span>
465.            }
466.        }
467.    }
468. }
469. </span></code></pre>
470. <span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="border: 0px; box-sizing: border-box; font-size: medium; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">3. Views </b></span><br style="box-sizing: border-box; margin: 0px; padding: 0px;" />Dalam tutorial ini kita akan membuat 2 view . View yang pertama yang berfungsi untuk menampilkan daftar gambar yang telah di upload. View pertama kita beri nama home.php . File home,php ini akan menampilkan berupa gambar yang ada di folder /assets/hasil_resize yaitu gambar yang hasil upload yang telah di resize sebagai thumbnailnya. Untuk tampilan dan source code home.php bisa anda tiru source code dibawah ini.</span><br />
471. <pre style="background: rgb(68, 62, 80); border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; overflow: auto; padding: 0px; user-select: text; vertical-align: baseline; word-wrap: break-word;"><code class="html hljs xml" style="background: rgb(35, 36, 31); border: 0px; box-sizing: border-box; color: #f8f8f2; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; overflow-x: auto; padding: 0.5em; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">head</span>></span>
472.    <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">title</span>></span>Upload Gambar (Image), Rename dan Resize<span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">title</span>></span> <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><!-- variabel diambil dari controller --></span>
473.    
474.    <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">link</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">href</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"<span class="php" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?</span>=base_url()<span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">?></span></span>assets/css/bootstrap.min.css"</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">rel</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"stylesheet"</span>></span> <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><!-- Bootstrap core CSS --></span>
475.    <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">link</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">href</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"<span class="php" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?</span>=base_url()<span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">?></span></span>assets/css/style.css"</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">rel</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"stylesheet"</span>></span> <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><!-- Custom styles for this template --></span>
476. <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style</span>></span><span class="css" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
477.  
478.    <span class="hljs-selector-tag" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">body</span>{
479.        <span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #66d9ef; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">margin</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #ae81ff; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">20px</span> <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #ae81ff; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10%</span>;
480.    }
481. </span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style</span>></span>
482. <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">head</span>></span>
483.  
484. <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"container"</span>></span>
485.      <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><!-- Main component for a primary marketing message or call to action --></span>
486. <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"panel panel-default"</span>></span>
487.  <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"panel-heading"</span>></span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b</span>></span> Daftar File IMage<span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b</span>></span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span>></span>
488.  <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"panel-body"</span>></span>
489.    
490.    <span class="php" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?</span>=$this->session->flashdata(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'pesan'</span>)<span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">?></span></span>
491.    <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">p</span>></span>
492.        <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">a</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">href</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"<span class="php" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?</span>=base_url()<span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">?></span></span>upload/add"</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"btn btn-success"</span>></span>Tambah<span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">a</span>></span>
493.    <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">p</span>></span>
494.  <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">table</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"table table-bordered table-striped"</span>></span>
495.    <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">tr</span>></span>
496.      <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">th</span>></span>Nama File<span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">th</span>></span>
497.      <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">th</span>></span>Tipe File<span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">th</span>></span>
498.      <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">th</span>></span>Gambar File<span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">th</span>></span>
499.      <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">th</span>></span>Keterangan<span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">th</span>></span>
500.    <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">tr</span>></span>
501.  <span class="php" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?</span> <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">foreach</span> ($query <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">as</span> $row)
502. {
503.  <span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">?></span></span>
504.    <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">tr</span>></span>
505.      <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span>></span><span class="php" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?</span>=$row->namafile;<span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">?></span></span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span>></span>
506.      <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span>></span><span class="php" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?</span>=$row->type;<span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">?></span></span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span>></span>
507.      <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span>></span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">img</span>  <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">src</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"<span class="php" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?</span>=base_url()<span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">?></span></span>assets/hasil_resize/<span class="php" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?</span>=$row->namafile;<span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">?></span></span>"</span>></span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span>></span>
508.      <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span>></span><span class="php" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?</span>=$row->keterangan;<span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">?></span></span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span>></span>
509.    <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">tr</span>></span>
510. <span class="php" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?php</span> } <span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">?></span></span>
511.  <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">table</span>></span>
512.  
513. <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span>></span>
514. <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span>></span>
515. <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span>></span>
516. </span></code></pre>
517. <span style="font-family: "arial" , "helvetica" , sans-serif;">Tampilan view home dengan source code seperti diatas akan menampilakan seperti gambar dibawah ini.</span><br />
518. <div class="separator" style="border: 0px; box-sizing: border-box; clear: both; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
519. <a href="http://ccdownload.lon.pw/?go=oO0ilHM6Ly8zLmJwLmJsb2dzcG90LmNvbS8taUZCbGdkVzFNelEvVjBDWm9vUzhiMEkvQUFBQUFBQUFBTjAvWDhfWTlGOVpnNzROLUt1bDd1UlQtMlNmVldmQjR3amNBQ0xjQi9zMTYwMC9UYW1waWxhbiUyQlRodW1ibmFpbCUyQkhhc2lsJTJCVXBsb2FkLmpwZw==" imageanchor="1" rel="nofollow" style="border: 0px; box-sizing: border-box; color: #e8635f; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 1em; padding: 0px; text-decoration: none; transition: all 0.3s; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiJ6Vzw6izMyKGRLqsW5ID2Cew7bLl9lWHg-9RO3agQ-ZTGZJkCcMYNKNPFmOLXg31kg3k0nmLWvahly_uViWc6TMMFsGlhyCWPvA-suhb5UOv6puAcmoK-VnIIuwJnwBXEm6_50ayVyM/s640/Tampilan+Thumbnail+Hasil+Upload.jpg" style="background: rgb(250, 250, 250); border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px 0px 2px; max-width: 100%; opacity: 1; outline: none; padding: 0px; transition: all 0.6s ease; vertical-align: middle;" width="640" /></span></a></div>
520. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="box-sizing: border-box; margin: 0px; padding: 0px;" />Selanjutnya view kedua merupakan tampilan untuk form upload yang berfungsi sebagai input gambar yang akan di upload. View kedua ini kita beri nama fupload.php. Untuk source code nya seperti dibawah ini. </span><br />
521. <pre style="background: rgb(68, 62, 80); border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; overflow: auto; padding: 0px; user-select: text; vertical-align: baseline; word-wrap: break-word;"><code class="html hljs xml" style="background: rgb(35, 36, 31); border: 0px; box-sizing: border-box; color: #f8f8f2; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; overflow-x: auto; padding: 0.5em; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">
522. <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">head</span>></span>
523.    <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">title</span>></span>Upload Gambar (Image), Rename dan Resize<span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">title</span>></span>
524.    
525.    <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">link</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">href</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"<span class="php" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?</span>=base_url()<span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">?></span></span>assets/css/bootstrap.min.css"</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">rel</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"stylesheet"</span>></span> <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><!-- Bootstrap core CSS --></span>
526.    <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">link</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">href</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"<span class="php" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?</span>=base_url()<span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">?></span></span>assets/css/style.css"</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">rel</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"stylesheet"</span>></span> <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><!-- Custom styles for this template --></span>
527. <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style</span>></span><span class="css" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
528.  
529.    <span class="hljs-selector-tag" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">body</span>{
530.        <span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #66d9ef; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">margin</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #ae81ff; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">20px</span> <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #ae81ff; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10%</span>;
531.    }
532. </span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style</span>></span>
533. <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">head</span>></span>
534.  
535. <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"container"</span>></span>
536.      <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><!-- Main component for a primary marketing message or call to action --></span>
537. <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"panel panel-default"</span>></span>
538.  <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"panel-heading"</span>></span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b</span>></span>Form Upload Image<span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b</span>></span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span>></span>
539.  <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"panel-body"</span>></span>
540.  <span class="php" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?</span>=$this->session->flashdata(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'pesan'</span>)<span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">?></span></span>
541.     <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">form</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">action</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"<span class="php" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?</span>=base_url()<span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">?></span></span>upload/insert"</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">method</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"post"</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">enctype</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"multipart/form-data"</span>></span>
542.       <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">table</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"table table-striped"</span>></span>
543.  
544.         <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">tr</span>></span>
545.          <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"width:15%;"</span>></span>File Foto<span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span>></span>
546.          <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span>></span>
547.            <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"col-sm-6"</span>></span>
548.                <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">input</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"file"</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">name</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"filefoto"</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"form-control"</span>></span>
549.            <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span>></span>
550.            <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span>></span>
551.         <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">tr</span>></span>
552.                    <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">tr</span>></span>
553.          <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"width:15%;"</span>></span>Keterangan Foto<span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span>></span>
554.          <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span>></span>
555.            <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"col-sm-10"</span>></span>
556.                <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">textarea</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">name</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"textket"</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"form-control"</span>></span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">textarea</span>></span>
557.            <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span>></span>
558.            <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span>></span>
559.         <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">tr</span>></span>
560.         <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">tr</span>></span>
561.          <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">colspan</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"2"</span>></span>
562.            <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">input</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"submit"</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"btn btn-success"</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">value</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"Simpan"</span>></span>
563.            <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">button</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"reset"</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"btn btn-default"</span>></span>Batal<span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">button</span>></span>
564.          <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">td</span>></span>
565.         <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">tr</span>></span>
566.       <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">table</span>></span>
567.     <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">form</span>></span>
568.        <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span>></span>
569.    <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span>></span>    <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><!-- /panel --></span>
570.  
571.    <span class="hljs-tag" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span>></span> <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><!-- /container --></span>
572. </span></code></pre>
573. <span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="border: 0px; box-sizing: border-box; font-size: medium; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">4. Modal </b></span><br style="box-sizing: border-box; margin: 0px; padding: 0px;" />Untuk menghubungkan kedatabase tentunya kita menggunakan modal. untuk modalnya kita beri nama model_upldgbr.php . Dalam modal ini terdapat 2 query , antara lain :</span><br />
574. <ol style="border: 0px; box-sizing: border-box; counter-reset: li 0; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;">
575. <li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #666666; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: square; margin: 0.2em 0px 0.2em 1.5em; padding: 2px 0px; position: relative; transition: all 0.3s; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: cyan; border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function get_allimage</span> ( fungsi untuk menampilkan semua data dari tabel)</span></li>
576. <li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #666666; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: square; margin: 0.2em 0px 0.2em 1.5em; padding: 2px 0px; position: relative; transition: all 0.3s; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: blue; border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function get_insert</span> ( fungsi untuk menyimpan data gambar ke database pada saat proses upload)</span></li>
577. </ol>
578. <div style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
579. <span style="font-family: "arial" , "helvetica" , sans-serif;">Source code model_upldgbr.php seperti dibawah ini :</span></div>
580. <pre style="background: rgb(68, 62, 80); border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; overflow: auto; padding: 0px; user-select: text; vertical-align: baseline; word-wrap: break-word;"><code class="php hljs" style="background: rgb(35, 36, 31); border: 0px; box-sizing: border-box; color: #f8f8f2; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; overflow-x: auto; padding: 0.5em; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">
581. <span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><?php</span>
582. <span class="hljs-class" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span> <span class="hljs-title" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">model_upldgbr</span> <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">extends</span> <span class="hljs-title" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">CI_Model</span> </span>{
583.  
584.    <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">var</span> $tabel = <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #e6db74; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'upload_img'</span>;
585.  
586.    <span class="hljs-function" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #a6e22e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">__construct</span><span class="hljs-params" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">()</span> </span>{
587.        <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">parent</span>::__construct();
588.    }
589.    
590.    <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//fungsi untuk menampilkan semua data dari tabel database</span>
591. <span style="background-color: cyan; border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-function" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #a6e22e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">get_allimage</span></span></span><span class="hljs-function" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-params" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">()</span> </span>{
592.        $this->db->from($this->tabel);
593.  $query = $this->db->get();
594.        <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">return</span> $query->result();
595. }
596.  
597.    <span class="hljs-comment" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">//fungsi insert ke database</span>
598.    <span style="background-color: blue; border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-function" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #a6e22e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">get_insert</span></span></span><span class="hljs-function" style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">($data)</span>{
599.       $this->db->insert($this->tabel, $data);
600.       <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">return</span> <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #f92672; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">TRUE</span>;
601.    }
602.  
603. }
604.  
605. <span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #75715e; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">?></span>
606. </span></code></pre>
607. <span style="font-family: "arial" , "helvetica" , sans-serif;">Untuk contoh source code yang sudah jadi silahkan anda download source code dan database dibawah ini. Semoga tutorial ini bisa bermanfaat. Untuk pertanyaan, kritik dan saran. silahkan dituangkan di form komentar di akhir poStingan ini .</span></div>
608. <div style="border: 0px; box-sizing: border-box; color: #222222; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
609. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
610. <div style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
611. <span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="color: #222222; font-style: inherit; font-weight: inherit;">Sumber : </span><a href="http://www.cumacoder.com/2016/05/tutorial-codeigniter-3-upload-image.html"><span style="color: orange;"><i><b>Repost</b></i></span></a></span></div>
612. </div>
613. </div>
614. </content><link rel='replies' type='application/atom+xml' href='https://fatra-code.blogspot.com/feeds/6634005122199725449/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://fatra-code.blogspot.com/2017/01/upload-gambar-rename-dan-resize-dengan.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/6634005122199725449'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/6634005122199725449'/><link rel='alternate' type='text/html' href='https://fatra-code.blogspot.com/2017/01/upload-gambar-rename-dan-resize-dengan.html' title='Upload Gambar, Rename dan Resize dengan MySQLi + Bootstrap di Codeigniter'/><author><name>fatra</name><uri>http://www.blogger.com/profile/04705082021414999454</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjow3ZcE0DpUrnBuljcSCLyhW8W00w6x_BQZaKsGqc_VSpYo8t3IEXAXVjC8rM0dtg-eZrUdFOqdvXGfhGoapscsoV1fXFN7fejU7QhDyhJ8WMak3iD649vgIkduGwA1w/s220/TITTLE+2.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1L7l7wH-3BBG6xANXDOaXvliiqvnzPRXDQ-z4LTjut4YeosdzerUKQ0OqtzsrnnZs54XVH-6EGrvfY4KO8xp81q224uZLR5CX1UiX5ex4YU_f9IjWhyphenhyphensuIEm3YDBCb7mK5vAs5nn-cwXX/s72-c/Upload+Gambar.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3832458081356410670.post-136722271090211112</id><published>2017-01-25T21:05:00.001+08:00</published><updated>2020-03-20T00:18:58.596+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tips"/><title type='text'>Membuat Site Map atau Daftar Isi di Blogspot</title><content type='html'>&lt;div style=&quot;-webkit-tap-highlight-color: transparent; background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, &amp;quot;Segoe UI&amp;quot;, Segoe, Arial, Verdana, sans-serif; font-stretch: inherit; font-variant-numeric: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;&quot;&gt;
615. <b><span style="color: purple; font-size: large;">Salam Bloger...</span></b><br />
616. <b><span style="color: #6aa84f; font-size: large;"></span></b><br />
617. <a name='more'></a></div>
618. <div style="-webkit-tap-highlight-color: transparent; background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, "Segoe UI", Segoe, Arial, Verdana, sans-serif; font-stretch: inherit; font-variant-numeric: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
619. <b><span style="color: orange;">Apa sih Manfaat dari Daftar Isi / Sitemap untuk blog?</span></b></div>
620. <div style="-webkit-tap-highlight-color: transparent; background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, "Segoe UI", Segoe, Arial, Verdana, sans-serif; font-stretch: inherit; font-variant-numeric: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
621. Daftar Isi / Sitemap pada blog adalah kumpulan dari semua judul dari potingan di blog anda dan di kelompokkan berdasarkan Label dari artikel dari postingan anda. Sitemap sangat berguna untuk blog anda karena bisa mempermudah para pengunjung untuk berselancar di blog anda, dan semua artikel postingan anda bisa ter ekspos semua.</div>
622. <div style="-webkit-tap-highlight-color: transparent; background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, "Segoe UI", Segoe, Arial, Verdana, sans-serif; font-stretch: inherit; font-variant-numeric: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
623. <span style="color: #454545;">Tertarik dengan segala manfaat daftar isi di </span><em style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; color: #454545; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">blog</em><span style="color: #454545;">? Jika iya, berikut cara membuat daftar isi di </span><em style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; color: #454545; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">blog</em><span style="color: #454545;"> secara otomatis sesuai label dan tanggal postinganmu:</span></div>
624. <span style="color: orange; font-size: 15px; font-style: inherit; font-weight: inherit;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit;">Pada halaman awal </span><a class="ui-link" href="http://www.blogspot.com/" style="border-bottom-color: rgba(255, 255, 255, 0); border-bottom-style: solid; border-width: 0px 0px 1px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.15s ease-in-out; vertical-align: baseline;" target="_blank"><b><span style="color: orange;">Blogspot</span></b></a><span style="font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit;">, pada </span><em style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">blog</em><span style="font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit;"> milik anda, pilih </span><span style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Pages</span><span style="font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit;">.</span><br /><span style="font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit;">Selanjutnya pilih menu </span><span style="border: 0px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">New Pages</span><span style="font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit;">.</span></span></span><span style="color: #454545; font-family: inherit; font-size: 15px; font-style: inherit; font-weight: inherit;"><span style="-webkit-tap-highlight-color: transparent; border-color: initial; border-image: initial; border-style: initial; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin-left: auto; margin-right: auto;"><img alt="cara-membuat-daftar-isi-di-blog-3" src="https://assets.jalantikus.com/assets/cache/0/0/userfiles/2016/10/05/cara-membuat-daftar-isi-di-blog-3.jpeg" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" /></span></span><br />
625. <span style="font-family: "arial" , "helvetica" , sans-serif;">Pada halaman baru tadi, silakan buat Title <span style="border: 0px; box-sizing: border-box; color: orange; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"Daftar Isi"</span><span style="color: orange; font-style: inherit; font-weight: inherit;">. Lalu silakan kamu </span><a class="ui-link" href="https://jalantikus.com/tips/cara-mudah-copy-paste-di-android/" style="border-bottom-color: rgba(255, 255, 255, 0); border-bottom-style: solid; border-width: 0px 0px 1px; box-sizing: border-box; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.15s ease-in-out; vertical-align: baseline;" target="_blank">copy dan paste</a><span style="color: orange; font-style: inherit; font-weight: inherit;"> kode berikut:</span></span><br />
626. <div style="-webkit-tap-highlight-color: transparent; background-color: white; border: 0px; box-sizing: border-box; color: #454545; font-family: Roboto, "Segoe UI", Segoe, Arial, Verdana, sans-serif; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
627. </div>
628. <div class="sourcecode-frame" style="-webkit-tap-highlight-color: transparent; background-color: white; border: 0px; box-sizing: border-box; color: #454545; font-family: Roboto, "Segoe UI", Segoe, Arial, Verdana, sans-serif; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
629. <div class="prettify-function" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; clear: both; float: right; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 10px 0px 4px; padding: 0px; right: 10px; vertical-align: baseline;">
630. <a class="prettify-copy-all ui-link" href="https://www.blogger.com/null" style="-webkit-tap-highlight-color: transparent; border-radius: 3px; border: 1px solid rgb(238, 238, 238) !important; box-sizing: border-box; color: #008efa; display: inline-block; font-family: inherit; font-size: 11px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 11px; margin: 0px 5px 0px 0px; padding: 5px 10px; position: relative; transition: all 0.15s ease-in-out; vertical-align: baseline;">Salin Semua</a><a class="prettify-copy-selected ui-link" href="https://www.blogger.com/null" style="-webkit-tap-highlight-color: transparent; border-radius: 3px; border: 1px solid rgb(238, 238, 238) !important; box-sizing: border-box; color: #008efa; display: inline-block; font-family: inherit; font-size: 11px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 11px; margin: 0px 5px 0px 0px; padding: 5px 10px; position: relative; transition: all 0.15s ease-in-out; vertical-align: baseline;">Salin</a></div>
631. <pre class="prettyprint linenums prettyprinted" style="-webkit-tap-highlight-color: transparent; border-color: rgb(238, 238, 238) rgb(136, 136, 136); border-image: initial; border-style: solid; border-width: 1px 0px; box-sizing: border-box; clear: both; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; padding: 2px; vertical-align: baseline;"><ol class="linenums" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px 0px 0px 40px; vertical-align: baseline; width: 740.391px;">
632. <li class="L0" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="tag" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><style></span></li>
633. <li class="L1" style="-webkit-tap-highlight-color: transparent; background: rgb(242, 242, 242); border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">p</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">labels a</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">color</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="com" style="border: 0px; box-sizing: border-box; color: #880000; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#242424; text-transform: uppercase;font-size: 15px;}</span></li>
634. <li class="L2" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">a</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">post</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">titles </span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">color</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="com" style="border: 0px; box-sizing: border-box; color: #880000; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#0000FF;}</span></li>
635. <li class="L3" style="-webkit-tap-highlight-color: transparent; background: rgb(242, 242, 242); border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">ol li</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">list</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="kwd" style="border: 0px; box-sizing: border-box; color: #678cb1; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">decimal</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">line</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">height</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="lit" style="border: 0px; box-sizing: border-box; color: #0086cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">25px</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;}</span></li>
636. <li class="L4" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="tag" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></style></span></li>
637. <li class="L5" style="-webkit-tap-highlight-color: transparent; background: rgb(242, 242, 242); border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="tag" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><script</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="atn" style="border: 0px; box-sizing: border-box; color: #660066; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"text/javascript"</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="atn" style="border: 0px; box-sizing: border-box; color: #660066; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">src</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"http://yourjavascript.com/7366511402/simplesitemap.js"</span><span class="tag" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></script></span></li>
638. <li class="L6" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="tag" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><script</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="atn" style="border: 0px; box-sizing: border-box; color: #660066; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">src</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"</span><span class="color-tag" style="border: 0px; box-sizing: border-box; color: blue; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">http://fatra-code.blogspot.com</span><span class="atv" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"</span><span class="tag" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></script></span></li>
639. </ol>
640. </pre>
641. </div>
642. <div style="-webkit-tap-highlight-color: transparent; background-color: white; border: 0px; box-sizing: border-box; color: #454545; font-family: Roboto, "Segoe UI", Segoe, Arial, Verdana, sans-serif; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
643. </div>
644. <div style="-webkit-tap-highlight-color: transparent; background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, "Segoe UI", Segoe, Arial, Verdana, sans-serif; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
645. Silakan ganti bagian <span class="bbc_color" style="border: 0px; box-sizing: border-box; color: orange; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">http://buku-catatan-kita.blogspot.com</span><span style="color: orange;"> dengan alamat </span><em style="border: 0px; box-sizing: border-box; color: orange; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">blog</em><span style="color: orange;"> kamu. Lalu </span><span style="border: 0px; box-sizing: border-box; color: orange; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">paste ke Page baru </span><span style="color: orange;">yang kamu buat tadi.</span></div>
646. <div style="-webkit-tap-highlight-color: transparent; background-color: white; border: 0px; box-sizing: border-box; color: #454545; font-family: Roboto, "Segoe UI", Segoe, Arial, Verdana, sans-serif; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
647. <img alt="cara-membuat-daftar-isi-di-blog-4" src="https://assets.jalantikus.com/assets/cache/0/0/userfiles/2016/10/05/cara-membuat-daftar-isi-di-blog-4.jpeg" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" /></div>
648. <div style="-webkit-tap-highlight-color: transparent; background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, "Segoe UI", Segoe, Arial, Verdana, sans-serif; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
649. Alternatif lainnya, kamu bisa <span style="border: 0px; box-sizing: border-box; color: orange; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">copy dan paste kode berikut</span><span style="color: orange;">:</span></div>
650. <div style="-webkit-tap-highlight-color: transparent; background-color: white; border: 0px; box-sizing: border-box; color: #454545; font-family: Roboto, "Segoe UI", Segoe, Arial, Verdana, sans-serif; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
651. </div>
652. <div class="sourcecode-frame" style="-webkit-tap-highlight-color: transparent; background-color: white; border: 0px; box-sizing: border-box; color: #454545; font-family: Roboto, "Segoe UI", Segoe, Arial, Verdana, sans-serif; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
653. <div class="prettify-function" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; clear: both; float: right; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 10px 0px 4px; padding: 0px; right: 10px; vertical-align: baseline;">
654. <a class="prettify-copy-all ui-link" href="https://www.blogger.com/null" style="-webkit-tap-highlight-color: transparent; border-radius: 3px; border: 1px solid rgb(238, 238, 238) !important; box-sizing: border-box; color: #008efa; display: inline-block; font-family: inherit; font-size: 11px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 11px; margin: 0px 5px 0px 0px; padding: 5px 10px; position: relative; transition: all 0.15s ease-in-out; vertical-align: baseline;">Salin Semua</a><a class="prettify-copy-selected ui-link" href="https://www.blogger.com/null" style="-webkit-tap-highlight-color: transparent; border-radius: 3px; border: 1px solid rgb(238, 238, 238) !important; box-sizing: border-box; color: #008efa; display: inline-block; font-family: inherit; font-size: 11px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 11px; margin: 0px 5px 0px 0px; padding: 5px 10px; position: relative; transition: all 0.15s ease-in-out; vertical-align: baseline;">Salin</a></div>
655. <pre class="prettyprint linenums prettyprinted" style="-webkit-tap-highlight-color: transparent; border-color: rgb(238, 238, 238) rgb(136, 136, 136); border-image: initial; border-style: solid; border-width: 1px 0px; box-sizing: border-box; clear: both; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; padding: 2px; vertical-align: baseline;"><ol class="linenums" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style: none; margin: 0px; padding: 0px 0px 0px 40px; vertical-align: baseline; width: 740.391px;">
656. <li class="L0" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="tag" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><style></span></li>
657. <li class="L1" style="-webkit-tap-highlight-color: transparent; background: rgb(242, 242, 242); border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">p</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">labels a </span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span></li>
658. <li class="L2" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    color</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="com" style="border: 0px; box-sizing: border-box; color: #880000; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#fff;</span></li>
659. <li class="L3" style="-webkit-tap-highlight-color: transparent; background: rgb(242, 242, 242); border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    text</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">transform</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> uppercase</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span></li>
660. <li class="L4" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    font</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">size</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="lit" style="border: 0px; box-sizing: border-box; color: #0086cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">15px</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span></li>
661. <li class="L5" style="-webkit-tap-highlight-color: transparent; background: rgb(242, 242, 242); border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    font</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">weight</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="lit" style="border: 0px; box-sizing: border-box; color: #0086cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">600</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span></li>
662. <li class="L6" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    border</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">bottom</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="lit" style="border: 0px; box-sizing: border-box; color: #0086cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">1px</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> solid </span><span class="com" style="border: 0px; box-sizing: border-box; color: #880000; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ddd;</span></li>
663. <li class="L7" style="-webkit-tap-highlight-color: transparent; background: rgb(242, 242, 242); border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    display</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> block</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span></li>
664. <li class="L8" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    padding</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="lit" style="border: 0px; box-sizing: border-box; color: #0086cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">8px</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span></li>
665. <li class="L9" style="-webkit-tap-highlight-color: transparent; background: rgb(242, 242, 242); border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    background</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="com" style="border: 0px; box-sizing: border-box; color: #880000; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#555;</span></li>
666. <li class="L0" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span></li>
667. <li class="L1" style="-webkit-tap-highlight-color: transparent; background: rgb(242, 242, 242); border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">a</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">post</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">titles </span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">color</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="com" style="border: 0px; box-sizing: border-box; color: #880000; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#0000FF;}</span></li>
668. <li class="L2" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">ol li</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">list</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="kwd" style="border: 0px; box-sizing: border-box; color: #678cb1; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">decimal</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">line</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">height</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="lit" style="border: 0px; box-sizing: border-box; color: #0086cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">25px</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">;}</span></li>
669. <li class="L3" style="-webkit-tap-highlight-color: transparent; background: rgb(242, 242, 242); border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">sitemap</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">-</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">link</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">display</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">none</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span></li>
670. <li class="L4" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="tag" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></style></span></li>
671. <li class="L5" style="-webkit-tap-highlight-color: transparent; background: rgb(242, 242, 242); border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="tag" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><script</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="atn" style="border: 0px; box-sizing: border-box; color: #660066; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"text/javascript"</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="atn" style="border: 0px; box-sizing: border-box; color: #660066; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">src</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"http://yourjavascript.com/7366511402/simplesitemap.js"</span><span class="tag" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></script></span></li>
672. <li class="L6" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; color: #555555; font-family: monospace !important; font-size: 12px !important; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 16px !important; list-style-position: outside; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;"><span class="tag" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><script</span><span class="pln" style="border: 0px; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="atn" style="border: 0px; box-sizing: border-box; color: #660066; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">src</span><span class="pun" style="border: 0px; box-sizing: border-box; color: #666600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="atv" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"</span><span class="tag" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">></script></span></li>
673. </ol>
674. </pre>
675. </div>
676. <div style="-webkit-tap-highlight-color: transparent; background-color: white; border: 0px; box-sizing: border-box; color: #454545; font-family: Roboto, "Segoe UI", Segoe, Arial, Verdana, sans-serif; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
677. </div>
678. <ul style="-webkit-tap-highlight-color: transparent; background-color: white; border: 0px; box-sizing: border-box; color: #454545; font-family: Roboto, "Segoe UI", Segoe, Arial, Verdana, sans-serif; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; list-style: none; margin: -15px 0px 15px; padding: 0px; vertical-align: baseline;">
679. <li style="-webkit-tap-highlight-color: transparent; background: url("../images/new-jt4-bullet-img.png") 2px 10px / 8px 8px no-repeat; border: 0px; box-sizing: border-box; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 28px; list-style: none; margin: 0px; padding: 0px 0px 0px 25px; vertical-align: baseline;">Selesai? Belum. Selanjutnya kamu harus menghubungkan <em style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Page</em> yang kamu buat tadi ke menu Navigasi di <em style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">blog</em> kamu. Caranya dengan masuk menu <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Layout</span>, lalu buat menu baru dengan nama Daftar Isi. Isi <em style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">link</em>-nya dengan alamat <em style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Page</em> baru yang kamu buat tadi. Kemudian <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Save Template</span>.<img alt="cara-membuat-daftar-isi-di-blog-5" src="https://assets.jalantikus.com/assets/cache/0/0/userfiles/2016/10/05/cara-membuat-daftar-isi-di-blog-5.jpeg" style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 20px auto; max-width: 100%; padding: 0px; vertical-align: baseline;" /></li>
680. </ul>
681. <div style="-webkit-tap-highlight-color: transparent; background-color: white; border: 0px; box-sizing: border-box; color: #454545; font-family: Roboto, "Segoe UI", Segoe, Arial, Verdana, sans-serif; font-size: 15px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
682. Mudah kan cara membuat daftar isi secara otomatis di <em style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">blog</em> ini? Dengan cara ini diharapkan <em style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">page rank</em> setiap postingan kamu bisa meningkat dengan mudah dan bisa membantu pengunjung untuk lebih mudah berselancar di <em style="-webkit-tap-highlight-color: transparent; border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">blog</em> milikmu.<br />
683. <br /></div>
684. <blockquote class="tr_bq" style="background-color: white; border: 0px; box-sizing: border-box; font-family: roboto, "segoe ui", segoe, arial, verdana, sans-serif; font-size: 15px; font-stretch: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
685. <blockquote class="tr_bq">
686. <span style="color: #454545;">Selamat mencoba! dan semoga bermanfaat. Jika Ada Kesulitan silahkan infokan di kolom komentar atau masukkan di halaman </span><a href="http://fatra-code.blogspot.com/p/hubungi-kami.html" target="_blank"><b><i><span style="color: orange;">Hubungi Kami</span></i></b></a></blockquote>
687. </blockquote>
688. <br />
689. &lt;span style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Sumber&lt;/span&gt;&amp;nbsp;:&lt;b&gt;&lt;span style=&quot;color: orange; font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;i&gt;&amp;nbsp;&lt;a href=&quot;https://jalantikus.com/tips/cara-membuat-daftar-isi-di-blog/&quot;&gt;&lt;span style=&quot;color: orange;&quot;&gt;Jalantikus.com&lt;/span&gt;&lt;/a&gt;&lt;/i&gt;&lt;/span&gt;&lt;/b&gt;</content><link rel='replies' type='application/atom+xml' href='https://fatra-code.blogspot.com/feeds/136722271090211112/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://fatra-code.blogspot.com/2017/01/membuat-site-map-atau-daftar-isi-di.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/136722271090211112'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/136722271090211112'/><link rel='alternate' type='text/html' href='https://fatra-code.blogspot.com/2017/01/membuat-site-map-atau-daftar-isi-di.html' title='Membuat Site Map atau Daftar Isi di Blogspot'/><author><name>fatra</name><uri>http://www.blogger.com/profile/04705082021414999454</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjow3ZcE0DpUrnBuljcSCLyhW8W00w6x_BQZaKsGqc_VSpYo8t3IEXAXVjC8rM0dtg-eZrUdFOqdvXGfhGoapscsoV1fXFN7fejU7QhDyhJ8WMak3iD649vgIkduGwA1w/s220/TITTLE+2.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3832458081356410670.post-1375750851250543064</id><published>2017-01-25T02:19:00.002+08:00</published><updated>2020-03-19T23:27:41.008+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PHP"/><title type='text'>Membuat Scroll di PHP Keren Dengan Over Flow</title><content type='html'>&lt;div style=&quot;background-color: white; margin-bottom: 10px; padding: 0px; word-wrap: break-word;&quot;&gt;
690. <span style="color: #93c47d; font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><b>Salam Bloger...</b></span><br />
691. <a name='more'></a><br />
692. <span style="font-family: "arial" , "helvetica" , sans-serif;">Pada Tutorial PHP kali ini, Fatra Code akan membagikan tutorial tentang bagaimana membuat scroll di halaman website.</span><br />
693. <br />
694. <div style="color: #333333; font-size: 15px;">
695. <span style="font-family: "arial" , "helvetica" , sans-serif;">Scroll tidak hanya bisa muncul ketika halaman website melebihi tinggi dari monitor saja, namun scroll bisa juga digunakan dalam sebuah tag div meskipun tingginya tidak melebihi lebar monitor.<span id="more-8219" style="margin: 0px; padding: 0px;"></span></span></div>
696. </div>
697. <div style="background-color: white; color: #333333; font-size: 15px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
698. <span style="font-family: "arial" , "helvetica" , sans-serif;">Hal ini bisa berguna untuk menghemat space atau ruang kosong pada website, biasanya ini banyak digunakan untuk aplikasi chat, tabel laporan, dll.</span><br />
699. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
700. <div style="background-color: white; color: #333333; font-size: 15px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
701. <span style="font-family: "arial" , "helvetica" , sans-serif;">Berikut ini cara membuat div agar memiliki scroll dengan html dan css</span></div>
702. <div style="background-color: white; color: #333333; font-size: 15px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
703. <h4>
704. <b style="font-family: arial, helvetica, sans-serif;">Langkah Pertama: Tambahkan CSS seperti berikut ini:</b></h4>
705. </div>
706. <div class="code-embed-wrapper" style="background-color: white; color: #333333; font-family: Gudea, helvetica, arial, verdana, "Times New roman", sans-serif; font-size: 15px; margin: 0px; padding: 1.5em 0px; position: relative; word-wrap: break-word;">
707. <pre class=" code-embed-pre line-numbers language-css" data-line-offset="0" data-start="1" style="background: rgb(245, 242, 240); border-radius: 4px; border: none; color: black; counter-reset: linenumber 0; direction: ltr; font-family: Consolas, Monaco, "Andale Mono", monospace; font-size: 11px; hyphens: none; line-height: 1.5; max-width: 100%; overflow: auto; padding: 1em 0px; position: relative; tab-size: 4; text-shadow: white 0px 1px; word-break: normal; word-spacing: normal; word-wrap: normal;"><code class=" code-embed-code language-css" style="background: transparent; border-radius: 3px; border: 0px; direction: ltr; display: block; font-family: Consolas, Monaco, "Andale Mono", monospace; font-size: inherit; hyphens: none; line-height: 1.5; margin: 0px; padding: 0px 0px 0px 3.8em; position: relative; tab-size: 4; text-shadow: white 0px 1px; word-break: normal; word-spacing: normal; word-wrap: normal;"><span class="token selector" style="color: #669900; margin: 0px; padding: 0px;">.scroll</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">{</span>
708.  <span class="token property" style="color: #990055; margin: 0px; padding: 0px;">width</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">:</span> <span class="token number" style="color: #990055; margin: 0px; padding: 0px;">300</span>px<span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">;</span>
709.  <span class="token property" style="color: #990055; margin: 0px; padding: 0px;">background</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">:</span> orange<span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">;</span>
710.  <span class="token property" style="color: #990055; margin: 0px; padding: 0px;">padding</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">:</span> <span class="token number" style="color: #990055; margin: 0px; padding: 0px;">10</span>px<span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">;</span>
711.  <span class="token property" style="color: #990055; margin: 0px; padding: 0px;">overflow</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">:</span> scroll<span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">;</span>
712.  <span class="token property" style="color: #990055; margin: 0px; padding: 0px;">height</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">:</span> <span class="token number" style="color: #990055; margin: 0px; padding: 0px;">300</span>px<span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">;</span>
713.  
714.  <span class="token comment" spellcheck="true" style="color: slategrey; margin: 0px; padding: 0px;">/*script tambahan khusus untuk IE */</span>
715.  <span class="token property" style="color: #990055; margin: 0px; padding: 0px;">scrollbar-face-color</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">:</span> <span class="token hexcode" style="margin: 0px; padding: 0px;">#CE7E00</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">;</span>
716.  <span class="token property" style="color: #990055; margin: 0px; padding: 0px;">scrollbar-shadow-color</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">:</span> <span class="token hexcode" style="margin: 0px; padding: 0px;">#FFFFFF</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">;</span>
717.  <span class="token property" style="color: #990055; margin: 0px; padding: 0px;">scrollbar-highlight-color</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">:</span> <span class="token hexcode" style="margin: 0px; padding: 0px;">#6F4709</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">;</span>
718.  <span class="token property" style="color: #990055; margin: 0px; padding: 0px;">scrollbar-3dlight-color</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">:</span> <span class="token hexcode" style="margin: 0px; padding: 0px;">#11111</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">;</span>
719.  <span class="token property" style="color: #990055; margin: 0px; padding: 0px;">scrollbar-darkshadow-color</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">:</span> <span class="token hexcode" style="margin: 0px; padding: 0px;">#6F4709</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">;</span>
720.  <span class="token property" style="color: #990055; margin: 0px; padding: 0px;">scrollbar-track-color</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">:</span> <span class="token hexcode" style="margin: 0px; padding: 0px;">#FFE8C1</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">;</span>
721.  <span class="token property" style="color: #990055; margin: 0px; padding: 0px;">scrollbar-arrow-color</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">:</span> <span class="token hexcode" style="margin: 0px; padding: 0px;">#6F4709</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">;</span>
722. <span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">}</span><span class="line-numbers-rows" style="border-right: 1px solid rgb(153, 153, 153); left: 0px; letter-spacing: -1px; margin: 0px; padding: 0px; pointer-events: none; position: absolute; top: 0px; user-select: none; width: 3em;"><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span></span></code></pre>
723. <div class="code-embed-infos" style="background: rgb(216, 216, 216); bottom: 0px; left: 0px; margin: 0px; overflow: hidden; padding: 0px; position: relative; width: 501.547px; word-wrap: break-word;">
724. </div>
725. </div>
726. <div style="background-color: white; font-family: gudea, helvetica, arial, verdana, "times new roman", sans-serif; font-size: 15px; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
727. <div style="font-family: "Times New Roman"; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
728. <div style="font-family: gudea, helvetica, arial, verdana, "times new roman", sans-serif; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
729. <span style="color: #333333;">script yang paling berpengaruh disana adalah pada</span><span style="color: orange;"><b><i> </i></b><b><i>overflow</i></b><b><i>: scroll,</i></b></span><span style="color: #333333;"> dan </span><span style="color: orange;"><i><b>height: 300px;</b></i></span></div>
730. <div style="color: #333333;">
731. <span style="font-family: "arial" , "helvetica" , sans-serif;"></span></div>
732. <div style="color: #333333; font-family: gudea, helvetica, arial, verdana, "times new roman", sans-serif; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
733. karena hal tersebut yang bisa membuat div yang tadinya tinggi menjadi ada scroll karena tingginya hanya dibuat 300px, walaupun nanti isi div hanya sedikit, space untuk scroll akan tetap terlihat.<br />
734. <br /></div>
735. <div style="color: #333333;">
736. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Langkah Kedua: Buat sebuah tag div dengan nama class scroll</b></span></div>
737. <div style="color: #333333;">
738. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
739. <div style="color: #333333;">
740. <span style="font-family: "arial" , "helvetica" , sans-serif;">Masukkan isi dari konten yang ingin anda masukkan dalam bagian scroll <p> </span><span style="color: red;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Pada bagian ini</span><span style="font-family: "arial" , "helvetica" , sans-serif;"> </span></span><span style="font-family: "arial" , "helvetica" , sans-serif;"> </p></span></div>
741. </div>
742. <br />
743. <div style="color: #333333; font-family: "Times New Roman"; margin-bottom: 10px; padding: 0px; word-wrap: break-word;">
744. </div>
745. <br />
746. <div class="code-embed-wrapper" style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: gudea, helvetica, arial, verdana, "times new roman", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 1.5em 0px; position: relative; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;">
747. <pre class="php" data-line-offset="0" data-start="1" style="background: rgb(245, 242, 240); border-radius: 4px; border: none; color: black; direction: ltr; font-family: consolas, monaco, "andale mono", monospace; font-size: 11px; line-height: 1.5; margin: 0px; max-width: 100%; overflow: auto; padding: 1em 0px; position: relative; text-shadow: white 0px 1px; word-break: normal; word-spacing: normal; word-wrap: normal;"><code class="php" style="background: transparent; border-radius: 3px; border: 0px; direction: ltr; display: block; font-family: Consolas, Monaco, "Andale Mono", monospace; font-size: inherit; hyphens: none; line-height: 1.5; margin: 0px; padding: 0px 0px 0px 3.8em; position: relative; tab-size: 4; text-shadow: white 0px 1px; word-break: normal; word-spacing: normal; word-wrap: normal;"><span class="token tag" style="color: #990055; margin: 0px; padding: 0px;"><span class="token tag" style="margin: 0px; padding: 0px;"><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;"><</span>div</span> <span class="token attr-name" style="color: #669900; margin: 0px; padding: 0px;">class</span><span class="token attr-value" style="color: #0077aa; margin: 0px; padding: 0px;"><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">"</span>scroll<span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">"</span></span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">></span></span>
748.  <span class="token tag" style="color: #990055; margin: 0px; padding: 0px;"><span class="token tag" style="margin: 0px; padding: 0px;"><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;"><</span>p</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">></span></span>Lorem ipsum dolor sit amet.<span class="token tag" style="color: #990055; margin: 0px; padding: 0px;"><span class="token tag" style="margin: 0px; padding: 0px;"><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;"></</span>p</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">></span></span>
749.  <span class="token tag" style="color: #990055; margin: 0px; padding: 0px;"><span class="token tag" style="margin: 0px; padding: 0px;"><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;"><</span>p</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">></span></span>....<span class="token tag" style="color: #990055; margin: 0px; padding: 0px;"><span class="token tag" style="margin: 0px; padding: 0px;"><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;"></</span>p</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">></span></span>
750.  <span class="token tag" style="color: #990055; margin: 0px; padding: 0px;"><span class="token tag" style="margin: 0px; padding: 0px;"><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;"><</span>p</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">></span></span>....<span class="token tag" style="color: #990055; margin: 0px; padding: 0px;"><span class="token tag" style="margin: 0px; padding: 0px;"><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;"></</span>p</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">></span></span>
751. <span class="token tag" style="color: #990055; margin: 0px; padding: 0px;"><span class="token tag" style="margin: 0px; padding: 0px;"><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;"></</span>div</span><span class="token punctuation" style="color: #999999; margin: 0px; padding: 0px;">></span></span><span class="line-numbers-rows" style="border-right: 1px solid rgb(153, 153, 153); left: 0px; letter-spacing: -1px; margin: 0px; padding: 0px; pointer-events: none; position: absolute; top: 0px; user-select: none; width: 3em;"><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span></span></code></pre>
752. <div class="code-embed-infos" style="background: rgb(216, 216, 216); bottom: 0px; left: 0px; margin: 0px; overflow: hidden; padding: 0px; position: relative; width: 501.547px; word-wrap: break-word;">
753. </div>
754. </div>
755. <span style="color: #333333;"><b>Hasil :</b></span><br />
756. <style type="text/css">
757. .scroll{
758.  width: 600px;
759.  background: orange;
760.  padding: 10px;
761.  overflow: scroll;
762.  height: 300px;
763.  
764.  /*script tambahan khusus untuk IE */
765.  scrollbar-face-color: #CE7E00;
766.  scrollbar-shadow-color: #FFFFFF;
767.  scrollbar-highlight-color: #6F4709;
768.  scrollbar-3dlight-color: #11111;
769.  scrollbar-darkshadow-color: #6F4709;
770.  scrollbar-track-color: #FFE8C1;
771.  scrollbar-arrow-color: #6F4709;
772. }
773. </style>
774.  
775. <br />
776. <div class="scroll">
777. <div style="text-align: center;">
778. Contoh Scroll Overflow </div>
779. <div class="separator" style="clear: both; text-align: center;">
780. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4QgjfkfP6X_Kd0XqdgwSi5u2v_5ZOs7zYU_wbTD1DVe6Jxud75664vyXt3f2-E3h289UuU6jrzChOGh_knNZePqTC0caMA1ln9oafQK-j-jvNA8OeHvHYkg9IL9DEVDgyYXcwuw-lY80G/s1600/the-php-practitioner.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="474" data-original-width="716" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4QgjfkfP6X_Kd0XqdgwSi5u2v_5ZOs7zYU_wbTD1DVe6Jxud75664vyXt3f2-E3h289UuU6jrzChOGh_knNZePqTC0caMA1ln9oafQK-j-jvNA8OeHvHYkg9IL9DEVDgyYXcwuw-lY80G/s400/the-php-practitioner.jpg" width="400" /></a></div>
781. <div class="separator" style="clear: both; text-align: center;">
782. </div>
783. <div style="text-align: center;">
784. ....</div>
785. <div style="text-align: center;">
786. ....</div>
787. </div>
788. <div style="text-align: center;">
789. <span style="color: #333333;"><br /></span>
790. </div>
791. <blockquote class="tr_bq">
792. <span style="color: #333333;">Semoga Bermanfaat. Jika ada hal yang sulit dimengerti silahkan masukkan di kolom komentar</span></blockquote>
793. </div>
794. </content><link rel='replies' type='application/atom+xml' href='https://fatra-code.blogspot.com/feeds/1375750851250543064/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://fatra-code.blogspot.com/2017/01/membuat-scroll-di-php-dengan-over-flow.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/1375750851250543064'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/1375750851250543064'/><link rel='alternate' type='text/html' href='https://fatra-code.blogspot.com/2017/01/membuat-scroll-di-php-dengan-over-flow.html' title='Membuat Scroll di PHP Keren Dengan Over Flow'/><author><name>fatra</name><uri>http://www.blogger.com/profile/04705082021414999454</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjow3ZcE0DpUrnBuljcSCLyhW8W00w6x_BQZaKsGqc_VSpYo8t3IEXAXVjC8rM0dtg-eZrUdFOqdvXGfhGoapscsoV1fXFN7fejU7QhDyhJ8WMak3iD649vgIkduGwA1w/s220/TITTLE+2.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4QgjfkfP6X_Kd0XqdgwSi5u2v_5ZOs7zYU_wbTD1DVe6Jxud75664vyXt3f2-E3h289UuU6jrzChOGh_knNZePqTC0caMA1ln9oafQK-j-jvNA8OeHvHYkg9IL9DEVDgyYXcwuw-lY80G/s72-c/the-php-practitioner.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3832458081356410670.post-1959409222772229751</id><published>2017-01-25T02:15:00.001+08:00</published><updated>2017-11-29T18:41:08.023+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tips"/><title type='text'>Membuat Menu Form Contact Us di Blogspot</title><content type='html'>&lt;span style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;span style=&quot;background-color: white; color: #222222; font-size: 15.4px;&quot;&gt;Form Contact Us merupakan pilihan lain bagi pengunjung blog yang ingin berkomunikasi secara privasi melalui pesan pribadi kepada penulis. Bisa berkomunikasi tentang hal-hal yang ingin diketahui atau semacamnya.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
795. <a name='more'></a><span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /><br style="background-color: white; color: #222222; font-size: 15.4px;" /><span style="background-color: white; color: #222222; font-size: 15.4px;">Form Contact Us ini memiliki beberapa nama berbeda, ada yang menyebutnya sebagai kotak saran, kontak kami dan sebagainya. Di bloGoooblok, kami menyebutnya layanan </span><a href="http://blogoooblok.blogspot.com/p/blog-page_15.html" style="background-color: white; color: #2288bb; font-size: 15.4px; text-decoration: none;" target="_blank">Hubungi Kami</a><span style="background-color: white; color: #222222; font-size: 15.4px;">.</span></span><br />
796. <div class="separator" style="background-color: white; clear: both; color: #222222; font-size: 15.4px; text-align: center;">
797. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixiJtoIUg76yW29SHwEPiU4wjawDRXk1jdnnOo_kXxvx8mOsv-jTy1Xcz6RG1MviuItYpQcVgEXTbYmiGyCTAKUnB_15XFJ6a37on7OtPJI-OvtJfRGQD1Vz9DG5SEalIqjl7751VegzAh/s1600/contak+us10++.png" imageanchor="1" style="color: #2288bb; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixiJtoIUg76yW29SHwEPiU4wjawDRXk1jdnnOo_kXxvx8mOsv-jTy1Xcz6RG1MviuItYpQcVgEXTbYmiGyCTAKUnB_15XFJ6a37on7OtPJI-OvtJfRGQD1Vz9DG5SEalIqjl7751VegzAh/s1600/contak+us10++.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; height: auto; max-width: 100%; padding: 0px; position: relative; width: auto;" width="400" /></span></a></div>
798. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /><b style="background-color: white; color: #222222; font-size: 15.4px;">Keuntungan menggunakan form ini :</b></span><br />
799. <ol style="background-color: white; color: #222222; font-size: 15.4px;">
800. <li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Pengunjung dapat menyampaikan pertanyaan dengan topik dari salah satu artikel di blog anda dan jika anda dapat menjawab pertanyaan tersebut maka pengunjung akan merasa senang karena pertanyaannya dijawab dan mungkin pengunjung tersebut akan sering mengunjungi blog Anda.</span></li>
801. <li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Pengunjung juga dapat memberi kritik dan saran dimana secara tidak lansung akan membuat Anda mengembangkan blog agar dapat lebih baik lagi demi kenyamanan pengunjung.</span></li>
802. <li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Layanan contact person ini juga salah satu yang harus blog Anda miliki jika ingin di setujui oleh Google AdSense.</span></li>
803. </ol>
804. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /><span style="background-color: white; color: #222222; font-size: 15.4px;">Walau terdapat keuntungan, menggunakan form ini juga memiliki kekurangan. Salah satunya, penyalahgunaan oleh pengunjung yang kadang iseng mengirim pesan tak penting, tidak jelas, ataupun pesan yang dapat membuat Anda marah. Tapi itu hanya segelintir orang.</span><br style="background-color: white; color: #222222; font-size: 15.4px;" /><br style="background-color: white; color: #222222; font-size: 15.4px;" /><span style="background-color: white; color: #222222; font-size: 15.4px;">Cara membuat layanan Contact Us ada banyak macam. Bisa dibuat sendiri jika menguasai script HTML, atau juga menggunakan layanan gratis di internet ataupun menggunakan widget gratis dari blogspot.</span><br style="background-color: white; color: #222222; font-size: 15.4px;" /><br style="background-color: white; color: #222222; font-size: 15.4px;" /><span style="background-color: white; color: #222222; font-size: 15.4px;">Penyedia layanan ini pun terbilang banyak, salah satunya yang akan kita gunakan pada kesempatan ini. Kita gunakan layanan Contact Us dari 123ContactForm. Kita mulai saja membuatnya.</span></span><br />
805. <ul style="background-color: white; color: #222222; font-size: 15.4px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
806. <li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Silahkan masuk ke Website ini <a href="http://www.123contactform.com/" style="color: #2288bb; text-decoration: none;" target="_blank">123ContactForm</a></span></li>
807. <li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Buatlah akun pada Website tersebut dengan mengklik tombol SIGN UP FOR FREE</span></li>
808. </ul>
809. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /></span>
810. <br />
811. <div class="separator" style="background-color: white; clear: both; color: #222222; font-size: 15.4px; text-align: center;">
812. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSTvWF8T5SojxkS2630WOQsJE0zCUNOw8BKDnRO0At4rjYrMDW4shYTXkiM5PLu2BmIwSN6UW7hlCPQxhU3db3ovQg40e6DWo2q0Afen2t4PduAmhuuucJYnqyhQiLJDkGmz-0R3RioaaG/s1600/coktak+us.png" imageanchor="1" style="color: #2288bb; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="90" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSTvWF8T5SojxkS2630WOQsJE0zCUNOw8BKDnRO0At4rjYrMDW4shYTXkiM5PLu2BmIwSN6UW7hlCPQxhU3db3ovQg40e6DWo2q0Afen2t4PduAmhuuucJYnqyhQiLJDkGmz-0R3RioaaG/s1600/coktak+us.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; height: auto; max-width: 100%; padding: 0px; position: relative; width: auto;" width="320" /></span></a></div>
813. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /></span>
814. <br />
815. <ul style="background-color: white; color: #222222; font-size: 15.4px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
816. <li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Pilih saja pendaftaran yang gratisan yaitu BASIC disebelah kiri dan klik SIGN UP</span></li>
817. </ul>
818. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /></span>
819. <br />
820. <div class="separator" style="background-color: white; clear: both; color: #222222; font-size: 15.4px; text-align: center;">
821. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMVvXmdAiKPHCqtQd631RE-xuIILIDoR69-yOdgnpa-g7LAkuTP3-E_0KvwXxDqphVCs9oj_PlTqQkI9MDPdUMBYzjXyw0eyyZfNiKh3yt5-fC6NRDMwQ9fw0rnyLuQt9965KKh1DhbhNP/s1600/contak+us1.png" imageanchor="1" style="color: #2288bb; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMVvXmdAiKPHCqtQd631RE-xuIILIDoR69-yOdgnpa-g7LAkuTP3-E_0KvwXxDqphVCs9oj_PlTqQkI9MDPdUMBYzjXyw0eyyZfNiKh3yt5-fC6NRDMwQ9fw0rnyLuQt9965KKh1DhbhNP/s1600/contak+us1.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; height: auto; max-width: 100%; padding: 0px; position: relative; width: auto;" width="252" /></span></a></div>
822. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /></span>
823. <br />
824. <ul style="background-color: white; color: #222222; font-size: 15.4px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
825. <li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Isi formulir pendaftaran yang disediakan lalu klik Create Account. </span></li>
826. </ul>
827. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /></span>
828. <br />
829. <div class="separator" style="background-color: white; clear: both; color: #222222; font-size: 15.4px; text-align: center;">
830. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA-u5qajvd9daJMZ3qcDY5SlQH6s0OU5aw4bmoW3q9rU_gqR_lb0sOwPC9MfNA1dS2OjYjxJ2qwHKll16ODBXJB80K-t4Fyn3jAKSr9LhnSIchTbP1ToBRI8UDfzcsnAnPzzInYjiDxcSq/s1600/contak+us2.png" imageanchor="1" style="color: #2288bb; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA-u5qajvd9daJMZ3qcDY5SlQH6s0OU5aw4bmoW3q9rU_gqR_lb0sOwPC9MfNA1dS2OjYjxJ2qwHKll16ODBXJB80K-t4Fyn3jAKSr9LhnSIchTbP1ToBRI8UDfzcsnAnPzzInYjiDxcSq/s1600/contak+us2.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; height: auto; max-width: 100%; padding: 0px; position: relative; width: auto;" width="400" /></span></a></div>
831. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /></span>
832. <br />
833. <ul style="background-color: white; color: #222222; font-size: 15.4px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
834. <li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Selanjutnya, Anda akan diminta untuk memilih layanan apa yang akan digunakan. 123ContactForm memberi banyak layanan, namun karena kita sekarang membuat contact form, maka pilih Contact Form disebelah kiri. </span></li>
835. </ul>
836. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /></span>
837. <br />
838. <div class="separator" style="background-color: white; clear: both; color: #222222; font-size: 15.4px; text-align: center;">
839. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUtAC252k7WhYf8XVYy1GzlMjm-QryPDmNNHq2LAEml2bqtE5Z06f51flvKhp09tFoO-yvaLKej3MiDDiM580ePG6pG6CkruTJBxN-a8z4704-N8cwaSsHomD6GOT4aYSMp9o3jWQB6CDU/s1600/contak+us4.png" imageanchor="1" style="color: #2288bb; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUtAC252k7WhYf8XVYy1GzlMjm-QryPDmNNHq2LAEml2bqtE5Z06f51flvKhp09tFoO-yvaLKej3MiDDiM580ePG6pG6CkruTJBxN-a8z4704-N8cwaSsHomD6GOT4aYSMp9o3jWQB6CDU/s1600/contak+us4.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; height: auto; max-width: 100%; padding: 0px; position: relative; width: auto;" width="400" /></span></a></div>
840. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /></span>
841. <br />
842. <ul style="background-color: white; color: #222222; font-size: 15.4px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
843. <li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Setelah memilih Contact Form, Anda akan diminta untuk membuat nama dari halaman kontak yang anda buat, seperti : Contact Us atau Contact Form atau yang lainnya.</span></li>
844. </ul>
845. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /></span>
846. <br />
847. <div class="separator" style="background-color: white; clear: both; color: #222222; font-size: 15.4px; text-align: center;">
848. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUkt302xzRvmAVe-Ky5qqJ2VuOjR6MQsrMM9lSRnCiRwov8OVMiuYCK01Apo2mtqEBdw7DYqwGb3EmA89hpDFjvSHpYe4k8MsgqdEnjsg3QgKJ162RsL_zjGAawr4NTZRcmjFnkuP4zHr3/s1600/contak+us5.png" imageanchor="1" style="color: #2288bb; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="92" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUkt302xzRvmAVe-Ky5qqJ2VuOjR6MQsrMM9lSRnCiRwov8OVMiuYCK01Apo2mtqEBdw7DYqwGb3EmA89hpDFjvSHpYe4k8MsgqdEnjsg3QgKJ162RsL_zjGAawr4NTZRcmjFnkuP4zHr3/s1600/contak+us5.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; height: auto; max-width: 100%; padding: 0px; position: relative; width: auto;" width="400" /></span></a></div>
849. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /></span>
850. <br />
851. <ul style="background-color: white; color: #222222; font-size: 15.4px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
852. <li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Silahkan Anda edit contact form tersebut menggunakan tools yang ada di sebelah kiri, Anda bisa menambahkan atau menghapus field. Jika selesai mengedit, klik CONTINUE untuk menuju ke langkah selanjutnya.</span></li>
853. </ul>
854. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /></span>
855. <br />
856. <div class="separator" style="background-color: white; clear: both; color: #222222; font-size: 15.4px; text-align: center;">
857. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRl-r4Wm38CYWrBnsHJ_bn2l4jl3CrYs1CaTHyH9UYaMU65RaHnbzGxy0DhmGBv0hUBRULumN5rRR99YnzA8VsCU6q79p_BNWBCBzehzHdo6O9i9ZjaQYmOgqVBvmLf7pfqk5k7G91dIr7/s1600/contak+us+6.png" imageanchor="1" style="color: #2288bb; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRl-r4Wm38CYWrBnsHJ_bn2l4jl3CrYs1CaTHyH9UYaMU65RaHnbzGxy0DhmGBv0hUBRULumN5rRR99YnzA8VsCU6q79p_BNWBCBzehzHdo6O9i9ZjaQYmOgqVBvmLf7pfqk5k7G91dIr7/s1600/contak+us+6.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; height: auto; max-width: 100%; padding: 0px; position: relative; width: auto;" width="400" /></span></a></div>
858. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /></span>
859. <br />
860. <ul style="background-color: white; color: #222222; font-size: 15.4px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
861. <li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Kemudian Anda akan diminta untuk menotifikasi email jika ada yang menggunakan form Anda. Jika sudah melakukan perubahan, klik SAVE lalu Continue.  </span></li>
862. </ul>
863. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /></span>
864. <br />
865. <div class="separator" style="background-color: white; clear: both; color: #222222; font-size: 15.4px; text-align: center;">
866. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMZ0xS0MT7kAg3YZJTHcieZarZiEHgtLL1SdWYP-H4UJEUzzDMqeo_CntXXKpNFzR3F0fehOln9m9MotdeWhZcZj9fEN3U8HGgFRNmiTJNyvRK7_ydAsSiONW_6izLPhkywB2qzrtyOcwS/s1600/contak+us7.png" imageanchor="1" style="color: #2288bb; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="378" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMZ0xS0MT7kAg3YZJTHcieZarZiEHgtLL1SdWYP-H4UJEUzzDMqeo_CntXXKpNFzR3F0fehOln9m9MotdeWhZcZj9fEN3U8HGgFRNmiTJNyvRK7_ydAsSiONW_6izLPhkywB2qzrtyOcwS/s1600/contak+us7.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; height: auto; max-width: 100%; padding: 0px; position: relative; width: auto;" width="400" /></span></a></div>
867. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /></span>
868. <br />
869. <ul style="background-color: white; color: #222222; font-size: 15.4px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
870. <li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Langkah terakhir, Anda tinggal copas code scirpt HTML contact form nya, klik pilihan Blogger yang ada di sebelah kiri, lalu copy code script HTML tersebut kedalam blog Anda. </span></li>
871. </ul>
872. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /></span>
873. <br />
874. <div class="separator" style="background-color: white; clear: both; color: #222222; font-size: 15.4px; text-align: center;">
875. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnmtPJ1Wz5yIOntVqs653dqUjBt2aZ5q1UGPWr4GBGS18vFogp3wKE4FED9f4mmcOguavC_Mn8KcoCtS5AzDWtJ6Jr7OZ4t9etaea6ctCTBdInIcNXXxwigV31eetLpl5n_DFghf9OyCWQ/s1600/contak+us8.png" imageanchor="1" style="color: #2288bb; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnmtPJ1Wz5yIOntVqs653dqUjBt2aZ5q1UGPWr4GBGS18vFogp3wKE4FED9f4mmcOguavC_Mn8KcoCtS5AzDWtJ6Jr7OZ4t9etaea6ctCTBdInIcNXXxwigV31eetLpl5n_DFghf9OyCWQ/s1600/contak+us8.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; height: auto; max-width: 100%; padding: 0px; position: relative; width: auto;" width="400" /></span></a></div>
876. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /><span style="background-color: white; color: #222222; font-size: 15.4px;">Untuk menaruhnya didalam blog. Anda bisa buat laman baru. Caranya, masuk ke dasbor blog Anda, lalu pilih Laman, buat Laman Baru dan pilih mode HTML. Paste script diatas lalu memberinya judul, misal Hubungi Kami.</span></span><br />
877. <div class="separator" style="background-color: white; clear: both; color: #222222; font-size: 15.4px; text-align: center;">
878. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA8XJrKLVLEPLRodh9fwUvlmF5SjYmtF27SgZPbcpErm6y8AGFn6tzSr-HpdnqlfUupp4-YeKrqIOvqJWDLv4C_e_UiBIUOdcWJ4FKrAx7Amg7nG0KBTf70JtRR0UszjjE4of4xBX3U0yh/s1600/contak+us9.png" imageanchor="1" style="color: #2288bb; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA8XJrKLVLEPLRodh9fwUvlmF5SjYmtF27SgZPbcpErm6y8AGFn6tzSr-HpdnqlfUupp4-YeKrqIOvqJWDLv4C_e_UiBIUOdcWJ4FKrAx7Amg7nG0KBTf70JtRR0UszjjE4of4xBX3U0yh/s1600/contak+us9.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; height: auto; max-width: 100%; padding: 0px; position: relative; width: auto;" width="400" /></span></a></div>
879. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="background-color: white; color: #222222; font-size: 15.4px;" /><span style="background-color: white; color: #222222; font-size: 15.4px;">Jika tak ingin pada laman ini ada kotak komentar, Anda bisa menghilangkannya dengan mengikuti langkahnya </span><a href="http://blogoooblok.blogspot.com/2014/03/cara-menghilangkan-kolom-komentar-pada.html" style="background-color: white; color: #2288bb; font-size: 15.4px; text-decoration: none;" target="_blank">disini</a><span style="background-color: white; color: #222222; font-size: 15.4px;">. Sekarang, Anda sudah memiliki layanan kontak kami.</span></span><br />
880. <span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #222222; font-size: 15.4px;"><br /></span></span>
881. &lt;span style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;&lt;span style=&quot;background-color: white; font-size: 15.4px;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;Sumber :&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://www.blogooblok.com/2014/03/cara-membuat-layanan-contact-us-di-blog.html&quot;&gt;&lt;b&gt;&lt;i&gt;&lt;span style=&quot;color: orange;&quot;&gt;Repost&lt;/span&gt;&lt;/i&gt;&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='https://fatra-code.blogspot.com/feeds/1959409222772229751/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://fatra-code.blogspot.com/2017/01/membuat-menu-form-contact-us-di-blogspot.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/1959409222772229751'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/1959409222772229751'/><link rel='alternate' type='text/html' href='https://fatra-code.blogspot.com/2017/01/membuat-menu-form-contact-us-di-blogspot.html' title='Membuat Menu Form Contact Us di Blogspot'/><author><name>fatra</name><uri>http://www.blogger.com/profile/04705082021414999454</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjow3ZcE0DpUrnBuljcSCLyhW8W00w6x_BQZaKsGqc_VSpYo8t3IEXAXVjC8rM0dtg-eZrUdFOqdvXGfhGoapscsoV1fXFN7fejU7QhDyhJ8WMak3iD649vgIkduGwA1w/s220/TITTLE+2.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixiJtoIUg76yW29SHwEPiU4wjawDRXk1jdnnOo_kXxvx8mOsv-jTy1Xcz6RG1MviuItYpQcVgEXTbYmiGyCTAKUnB_15XFJ6a37on7OtPJI-OvtJfRGQD1Vz9DG5SEalIqjl7751VegzAh/s72-c/contak+us10++.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3832458081356410670.post-2257929052416856042</id><published>2017-01-20T22:15:00.000+08:00</published><updated>2017-11-29T19:04:49.333+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CMD"/><category scheme="http://www.blogger.com/atom/ns#" term="how to"/><category scheme="http://www.blogger.com/atom/ns#" term="Komputer"/><title type='text'>Cara Membuat Hotspot Wifi Menggunakan CMD</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
882. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmA5A9lY_dSyUMSQH9SULrFoi3KY1_7Pndx277Tobd3LVhmpCptN4e7L2DFq8db93C6viBbl4yGJDlk8Ic8er0dD6xalbAbxIQgf5HHa1vY3idHLNJdkRaYJf75MGNnYLvEu-GV6IRWuQW/s1600/connectify-hotspot-logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" data-original-height="280" data-original-width="280" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmA5A9lY_dSyUMSQH9SULrFoi3KY1_7Pndx277Tobd3LVhmpCptN4e7L2DFq8db93C6viBbl4yGJDlk8Ic8er0dD6xalbAbxIQgf5HHa1vY3idHLNJdkRaYJf75MGNnYLvEu-GV6IRWuQW/s400/connectify-hotspot-logo.png" width="400" /></span></a></div>
883. <span style="color: #6aa84f; font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><b>Salam Bloger..</b></span><span style="font-family: arial, helvetica, sans-serif;">mungkin ada dari kalian yang kesulitan mencari aplikasi untuk laptop/komputer yang bisa membagikan hotspot, pas waktu dapat eh aplikasinya berat waktu dijalankan.. hee, klo ada berarti kita pernah mengalami hal yang sama 😄</span><br />
884. <a name='more'></a><br />
885. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /> untuk mengatasi permasalahan itu kali ini saya akan berbagi bagaimana caranya membuat koneksi hotspot di laptop / notebook dengan menggunakan Command Promt<br /><br /> Peralatan : <br /> ~ Modem sebagai koneksi internet yang akan dibagikan<br />~ jika tidak mempunyai modem bisa menggunakan hotspot dari hp teman kalian sebagai pengganti koneksi internet dari modem. caranya : *  koneksikan dulu laptop / notebook kalian dengan hotspot dari HP teman kalian, dan selanjutnya ikuti langkah2 berikutnya yang akan saya jelaskan.  * <br />~ Secangkir Kopi  (untuk jaga-jaga kalo haus dan supaya anda tidak ngantuk.. hehe)<br /> <br />Okey, mari kita mulai cara membuat Wifi menggunakan Command Promt : <br /><br /><b>1. Buka windows start up, dan ketikan CMD, setelah itu klik kanan dan Run as administrator, seperti gambar dibawah ini </b></span><br />
886. <div>
887. <div>
888. <div>
889. <span style="font-family: "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
890. <div class="separator" style="clear: both; text-align: center;">
891. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Cn0wmt2qDuL1WY87yEafYNvypxcpuBhUVwYAmu-iBglI0nvpkVNJZ4lu6nDO8Vq3-a_ObiBbGzSZywHvavfxFCfJS3tRRg9tXVEJWCYnj9BL61buDWgfFHnnIzODk0ZQlF8BqJIWndwf/s1600/cmd.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Cn0wmt2qDuL1WY87yEafYNvypxcpuBhUVwYAmu-iBglI0nvpkVNJZ4lu6nDO8Vq3-a_ObiBbGzSZywHvavfxFCfJS3tRRg9tXVEJWCYnj9BL61buDWgfFHnnIzODk0ZQlF8BqJIWndwf/s320/cmd.jpg" width="204" /></span></a></div>
892. <div class="separator" style="clear: both; text-align: center;">
893. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
894. <div class="separator" style="clear: both; text-align: center;">
895. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
896. <div class="separator" style="clear: both; text-align: left;">
897. <span style="font-family: "arial" , "helvetica" , sans-serif;">2.  Ketikkan <b>"netsh wlan set hostednetwork mode=allow ssid=</b><span style="color: red; font-weight: bold;">koneksi</span><b> key=</b><span style="color: #38761d; font-weight: bold;">123456aaa</span><b> " </b>Tanpa tanda petik". </span></div>
898. <div class="separator" style="clear: both; text-align: left;">
899. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
900. <span style="font-family: "arial" , "helvetica" , sans-serif;">Penjelasan:<br />~ ssid=<span style="color: red;"><b>koneksi</b></span> : ini adalah coding untuk menentukan nama dari Hotspot yang akan kita buat. anda bisa mengganti kata koneksi dengan nama wifi yang anda inginkan.</span></div>
901. <div>
902. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /> ~ key=<b><span style="color: #38761d;">123456aaa</span></b> : ini coding untuk menentukan password dari wifi yang anda buat. password minimal 8 digit, untuk keamanan anda lebih baik gabungkan angka dengan huruf. ganti kata 123456aaa dengan kata sandi yg anda inginkan.</span></div>
903. <div>
904. <span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
905. </span><br />
906. <div class="separator" style="clear: both; text-align: center;">
907. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizUAj8du3EOXQ1GOWrUvaTKjUFvTt4zI9z2wQOh0L0PQ3I8bsyqxu5oyOc6iucGeTBrzfnprt8dYPITZURWEq4CTMhc2vpaI19hkaC9k4uax-btOkWUoPgxnHz45J_IbiEeohoh8p01WFw/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizUAj8du3EOXQ1GOWrUvaTKjUFvTt4zI9z2wQOh0L0PQ3I8bsyqxu5oyOc6iucGeTBrzfnprt8dYPITZURWEq4CTMhc2vpaI19hkaC9k4uax-btOkWUoPgxnHz45J_IbiEeohoh8p01WFw/s320/1.jpg" width="320" /></span></a></div>
908. <div class="separator" style="clear: both; text-align: center;">
909. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
910. <div>
911. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
912. <div>
913. <span style="font-family: "arial" , "helvetica" , sans-serif;">3. Jika sudah, tekan <b>Enter, </b>Jika Tampil kata-kata seperti gambar dibawah ini, maka proses pembuatan Wifi di laptop/notebook kalian sudah ber hasil. jika tampilan tidak seperti gambar di bawah ini berarti ada kesalahan dalam penulisan <b>Coding </b>/ anda lupa<b> Run as Administrator.</b></span></div>
914. <div>
915. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
916. <div class="separator" style="clear: both; text-align: center;">
917. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbJ7pDp9K1OFDtEjEOqXY90J_hKozWCYGx6T6kIZDBqGOYiahmajXA-cDs50Ql0N4EUVfgEa_YoXZtGVVSp_8brUi7La6zI0wj1GmbxS0VudellSqnJO0z0jHfeuBMwsg9rWRq_Ns_4mIg/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbJ7pDp9K1OFDtEjEOqXY90J_hKozWCYGx6T6kIZDBqGOYiahmajXA-cDs50Ql0N4EUVfgEa_YoXZtGVVSp_8brUi7La6zI0wj1GmbxS0VudellSqnJO0z0jHfeuBMwsg9rWRq_Ns_4mIg/s320/2.jpg" width="320" /></span></a></div>
918. <div class="separator" style="clear: both; text-align: center;">
919. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
920. <div>
921. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
922. <div>
923. <span style="font-family: "arial" , "helvetica" , sans-serif;">4. Selanjutnya untuk mengaktifkan wifi yang telah kita buat tadi, ketikan coding berikut ini " <b>netsh wlan start hostednetwork</b>". jika tampilan seperti dibawah ini maka Wifi sdh aktif anda bisa cek melalui hp apakah nama wifi yang sudah anda buat tadi sudah muncul.</span></div>
924. <div>
925. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
926. <div class="separator" style="clear: both; text-align: center;">
927. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5QeKUM3_MSJkFFnDD7wB8q2wgXRmySoINL-ZSuwTw7Np7avxIiwS9QpYVPptFVdiaDLVn6wU0w7anh9o1yHDyo4vwqaRquWYzhjVjJhuuuh2mHWAwKVtc6uhD2qD_gZcuUqPuKnSPh2dQ/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5QeKUM3_MSJkFFnDD7wB8q2wgXRmySoINL-ZSuwTw7Np7avxIiwS9QpYVPptFVdiaDLVn6wU0w7anh9o1yHDyo4vwqaRquWYzhjVjJhuuuh2mHWAwKVtc6uhD2qD_gZcuUqPuKnSPh2dQ/s320/3.jpg" width="320" /></span></a></div>
928. <div class="separator" style="clear: both; text-align: center;">
929. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
930. <div>
931. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
932. <div>
933. <span style="font-family: "arial" , "helvetica" , sans-serif;">5. Hotspot di Laptop / Notebook anda memang sudah aktif, tapi tidak ada data internet nya di dalam wifi yang anda buat. nah untuk membagikan data internet di dalam hotspot yang sudah anda buat  "<b>Klik kanan ikon wifi di laptop / notebook, dan pilih Open Network and Sharing Center</b>"</span></div>
934. <div>
935. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
936. <div class="separator" style="clear: both; text-align: center;">
937. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq_TuKDpW6yeh6bnjHtn8HrK05Jc9tGhR44_BorA2Agv_SIg7wD6c8Xcu3yqPxVzLtKSjn9shryjM2cUqT_aAhfMHoz5Huk2jMcYVxc7NiCrC-IVs4yalZzVpqgr99qwOH9gcWkvAKbHlJ/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq_TuKDpW6yeh6bnjHtn8HrK05Jc9tGhR44_BorA2Agv_SIg7wD6c8Xcu3yqPxVzLtKSjn9shryjM2cUqT_aAhfMHoz5Huk2jMcYVxc7NiCrC-IVs4yalZzVpqgr99qwOH9gcWkvAKbHlJ/s320/4.jpg" width="320" /></span></a></div>
938. <div>
939. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
940. <div>
941. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
942. <div>
943. <span style="font-family: "arial" , "helvetica" , sans-serif;">6. Pilih <b>Change adapter settings</b></span></div>
944. <div>
945. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
946. <div class="separator" style="clear: both; text-align: center;">
947. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZX2L32XAAZBvopwPEvSXOsNtezVpNKKagaym0EtadDG61o8X_Nrpgi1qaIqJlxwLZnKgtre8O73RgyJdGsHbV8L9PBTXAyEc6nV9rzPPaUkBIgqQNp_7NN_gTdNuny3sNyiebY9mcBlhX/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZX2L32XAAZBvopwPEvSXOsNtezVpNKKagaym0EtadDG61o8X_Nrpgi1qaIqJlxwLZnKgtre8O73RgyJdGsHbV8L9PBTXAyEc6nV9rzPPaUkBIgqQNp_7NN_gTdNuny3sNyiebY9mcBlhX/s320/5.jpg" width="320" /></span></a></div>
948. <div>
949. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
950. <div>
951. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
952. <div>
953. <span style="font-family: "arial" , "helvetica" , sans-serif;">7. pilih koneksi yang akan anda bagikan, jika anda menggunakan wifi maka klik dua kali di <b>Wireless Network Connection</b><i><span style="color: red;"> ( yang berlingkar merah ) </span>t</i>api jika anda menggunakan koneksi modem maka klik 2x di nama APN koneksi moodem anda.. kalau nama APN modem saya <b>internet</b><i><span style="color: yellow;"> </span><span style="color: yellow;">(<span style="color: #ffd966;"> yang berlingkar kuning</span> ) </span> .</i></span></div>
954. <div>
955. <span style="font-family: "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
956. <div class="separator" style="clear: both; text-align: center;">
957. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkvEyuV9x1I9_NJ4U0ZkEX_nV63aqaFQET5G5h6YX4pgSMHXecXeRfonL6id27VK5bwPvq3jfPTBR4dGqYzSb0kCpc6JcXrRT5XkJ2jANkjuk3OletrpegC-kHLyTE3AgAEpOUT_EIxLL3/s1600/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkvEyuV9x1I9_NJ4U0ZkEX_nV63aqaFQET5G5h6YX4pgSMHXecXeRfonL6id27VK5bwPvq3jfPTBR4dGqYzSb0kCpc6JcXrRT5XkJ2jANkjuk3OletrpegC-kHLyTE3AgAEpOUT_EIxLL3/s320/6.jpg" width="320" /></span></a></div>
958. <div class="separator" style="clear: both; text-align: center;">
959. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
960. <div>
961. <span style="font-family: "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
962. <div>
963. <span style="font-family: "arial" , "helvetica" , sans-serif;">8.  klik <b>Properties</b>, pilih bagian <b>Sharing, </b>beri ceklist  pada <b>Allow other network users to through this computer's internet connection </b> selanjutnya pada combo box <b>Home networking connection: </b>pilih nama virtual Hotspot dari notebook. kalau nama dari virtual Hotspot di laptop saya adalah <b>Lenovo Easyplus Hotspot. </b>selanjutnya pilih <b>OK</b></span></div>
964. <div>
965. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
966. <div class="separator" style="clear: both; text-align: center;">
967. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcgxj8Q3TXKnSjOlJ-ItJ7NywlpOMK2NNXmEbf7qfLKFLsVKlqbNPOQll8D-A-LuD4ZMS_5RTDsQUqOqJVPXeHrVCHXh2jZEEtv2Iw_wyiVLmHI6qwowqpGfK1HLhSUzdjEBqvPd0nIbPv/s1600/7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><img border="0" height="263" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcgxj8Q3TXKnSjOlJ-ItJ7NywlpOMK2NNXmEbf7qfLKFLsVKlqbNPOQll8D-A-LuD4ZMS_5RTDsQUqOqJVPXeHrVCHXh2jZEEtv2Iw_wyiVLmHI6qwowqpGfK1HLhSUzdjEBqvPd0nIbPv/s320/7.jpg" width="320" /></span></a></div>
968. <div class="separator" style="clear: both; text-align: center;">
969. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
970. <div class="separator" style="clear: both; text-align: left;">
971. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
972. <div class="separator" style="clear: both; text-align: left;">
973. <span style="font-family: "arial" , "helvetica" , sans-serif;">9. <b>Done...</b>  data internet sdh terhubung dengan hotspot yang anda buat tadi.. sekarang anda bisa browsing menggunakan Hotspot yg sudah anda buat tadi.. berikan komentar jika anda mengalami kesulitan.</span></div>
974. <div class="separator" style="clear: both; text-align: center;">
975. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
976. <div>
977. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
978. <div class="separator" style="clear: both; text-align: center;">
979. <br /></div>
980. </div>
981. </div>
982. </content><link rel='replies' type='application/atom+xml' href='https://fatra-code.blogspot.com/feeds/2257929052416856042/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://fatra-code.blogspot.com/2017/01/cara-membuat-hotspot-wifi-menggunakan.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/2257929052416856042'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/2257929052416856042'/><link rel='alternate' type='text/html' href='https://fatra-code.blogspot.com/2017/01/cara-membuat-hotspot-wifi-menggunakan.html' title='Cara Membuat Hotspot Wifi Menggunakan CMD'/><author><name>fatra</name><uri>http://www.blogger.com/profile/04705082021414999454</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjow3ZcE0DpUrnBuljcSCLyhW8W00w6x_BQZaKsGqc_VSpYo8t3IEXAXVjC8rM0dtg-eZrUdFOqdvXGfhGoapscsoV1fXFN7fejU7QhDyhJ8WMak3iD649vgIkduGwA1w/s220/TITTLE+2.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmA5A9lY_dSyUMSQH9SULrFoi3KY1_7Pndx277Tobd3LVhmpCptN4e7L2DFq8db93C6viBbl4yGJDlk8Ic8er0dD6xalbAbxIQgf5HHa1vY3idHLNJdkRaYJf75MGNnYLvEu-GV6IRWuQW/s72-c/connectify-hotspot-logo.png" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3832458081356410670.post-3272578426206908849</id><published>2017-01-20T00:47:00.002+08:00</published><updated>2017-11-29T19:05:12.829+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="info"/><title type='text'>8 Situs Penyedia SSH Gratis Terbaik Lengkap Dengan Penjelasan</title><content type='html'>&lt;b&gt;&lt;span style=&quot;color: #6aa84f; font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Salam Bloger..&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
983. Kali ini saya akan berbagi tentang situs-situs penyedia SHH dan VPN gratis terbagus dan terbaik versi <i><a href="http://buku-catatan-kita.blogspot.co.id/"><b><span style="color: #38761d;">buku-catatan-kita</span></b></a> .. </i>sebelumnya bagi kalian yang belum tau apa itu SSH bisa simak penjelasannya pada spoiler dibawah ini. <i>klik buka untuk membaca</i><br />
984. <br />
985. <br />
986. <div style="margin: 5px 20px 20px;">
987. <div class="smallfont" style="margin-bottom: 2px;">
988. <b>Simak Penjelasan tentang SSH</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: green; color: white; font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
989. </div>
990. <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
991. <div style="display: none;">
992. <div id="ads17011710141713260315" style="background: 0px 0px rgb(255, 255, 255); border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">
993. <div dir="ltr" style="background: 0px 0px; border: 0px; box-sizing: border-box; color: #5e5e5e; font-size: 15px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;" trbidi="on">
994. <br />
995. <br />
996. <br />
997. <section class="_fh_fr -single" style="box-sizing: border-box; clear: left; color: #333333; float: left; font-family: "open sans", sans-serif; font-size: 13px; margin-bottom: 1em; margin-right: 1em; max-height: none; overflow: hidden;"><img alt="thumb" class="_fh_img wp-post-image" src="https://blogs.masterweb.com/files/2015/09/Pengertian-dan-Manfaat-SSH.png" style="border: 0px; box-sizing: border-box; display: block; margin: 0px auto 5px; vertical-align: middle;" title="Pengertian dan Manfaat SSH"></section><br />
998. <div style="font-family: "droid sans";">
999. <b><br /></b></div>
1000. <div style="font-family: "droid sans";">
1001. </div>
1002. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b>SSH</b> adalah aplikasi pengganti remote login seperti telnet, rsh, dan rlogin, yang jauh lebih aman. Fungsi utama aplikasi ini adalah untuk mengakses mesin secara remote. Sama seperti telnet, SSH Client menyediakan User dengan  Shell untuk remote ke mesin. Tidak seperti telnet, SSH menyediakan koneksi enkripsi antara klien dengan server. Dalam prakteknya, penggunaan menggunakan telnet dan ssh seperti perbedaan dengan mengakses website biasa dengan website yang lebih aman (HTTPS)</span><span style="font-family: "droid sans";">.</span></div>
1003. <div dir="ltr" style="background: 0px 0px; border: 0px; box-sizing: border-box; color: #5e5e5e; font-family: "droid sans"; font-size: 15px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;" trbidi="on">
1004. <br /></div>
1005. <div style="box-sizing: border-box; margin-bottom: 10px;">
1006. <h4>
1007. <strong style="box-sizing: border-box;"><span style="color: #6aa84f; font-family: "arial" , "helvetica" , sans-serif;">Apa Sih Manfaat dari SSH Itu??</span></strong></h4>
1008. </div>
1009. <div style="box-sizing: border-box; color: #5e5e5e; font-size: 15px; margin-bottom: 10px;">
1010. <span style="font-family: "arial" , "helvetica" , sans-serif;">Dengan menggunakan SSH Anda dapat bergerak bebas melalui stukrur file akun hosting. Anda juga dapat menjalankan tugas seperti monitoring log file dan memulai atau menghentikan service ( berlaku di layanan VPS / Dedicated). Bahkan ANda juga dapat menggunakannya untuk install software ke akun hostingmu atau manage database MySQL. SSH mengijinkan Anda untuk melakukan banyak hal lebih dari standard web.</span></div>
1011. <div style="box-sizing: border-box; font-size: 15px; margin-bottom: 10px;">
1012. <h4>
1013. <strong style="box-sizing: border-box;"><span style="color: #6aa84f; font-family: "arial" , "helvetica" , sans-serif;">Lalu Keuntungan menggunakan SSH Itu Apa ??</span></strong></h4>
1014. </div>
1015. <div style="box-sizing: border-box; color: #5e5e5e; font-size: 15px; margin-bottom: 10px;">
1016. <span style="font-family: "arial" , "helvetica" , sans-serif;">SSH mengijinkan mengenskripsi data sehingga kemungkinan malicious tidak dapat mengakses informasi user dan password. SSH juga mengizinkan untuk menembus protokol lain seperti FTP. Berikut beberapa hal spesifik yang perlindungan yang diberikan SSH :</span></div>
1017. <div style="box-sizing: border-box; color: #5e5e5e; font-size: 15px; margin-bottom: 10px;">
1018. <span style="font-family: "arial" , "helvetica" , sans-serif;">- DNS Spoofing</span></div>
1019. <div style="box-sizing: border-box; color: #5e5e5e; font-size: 15px; margin-bottom: 10px;">
1020. <span style="font-family: "arial" , "helvetica" , sans-serif;">Penyerangan hacking jenis ini dilakukan dengan cara memasukkan data dalam Sistem Domain yang dimana Name Server cache database. Hal ini akan menyebabkan Name Server akan kembali ke IP yang salah sehingga dapat mengalihkan lalu lintas ke komputer lain.</span></div>
1021. <div style="box-sizing: border-box; color: #5e5e5e; font-size: 15px; margin-bottom: 10px;">
1022. <span style="font-family: "arial" , "helvetica" , sans-serif;">- Manipulasi Data seperti halnya router disepanjang jaringan</span></div>
1023. <div style="box-sizing: border-box; color: #5e5e5e; font-size: 15px; margin-bottom: 10px;">
1024. <span style="font-family: "arial" , "helvetica" , sans-serif;">Penyerang memperoleh atau merubah data pada perantara sepanjang rute jaringan. Hal ini sering dilakukan pada router dimana data masuk dari gateway atau pos pemeriksaan di jalan ke tujuan.</span></div>
1025. <div style="box-sizing: border-box; color: #5e5e5e; font-size: 15px; margin-bottom: 10px;">
1026. <span style="font-family: "arial" , "helvetica" , sans-serif;">- IP Address Spoofing</span></div>
1027. <div style="box-sizing: border-box; color: #5e5e5e; font-size: 15px; margin-bottom: 10px;">
1028. <span style="font-family: "arial" , "helvetica" , sans-serif;">IP Spoofing bekerja dengan  menyembunyikan alamat IP dengan membuat paket IP yang berisi alamat IP palsu dalam upaya untuk meniru koneksi lain dan menyembunyikan identitas ketika Anda mengirim informasi.</span><br />
1029. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
1030. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "arial" , "helvetica" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">Selain dapat melakukan enskripsi data, SSH juga memiliki kemampuan melakukan Port Forwarding yang mana memungkinkan kita mendapatkan manfaat sebagai berikut ini:</span><br />
1031. <ol style="box-sizing: border-box; line-height: 1.5; outline: 0px; transition: all 0.5s ease;">
1032. <li style="background: 0px 0px; border: 0px; box-sizing: border-box; line-height: 1.5; margin: 5px 0px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "arial" , "helvetica" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">Melakukan koneksi aplikasi TCP (misalnya : webserver, mail server, FTP server) dengan lebih secure (aman)</span></li>
1033. <li style="background: 0px 0px; border: 0px; box-sizing: border-box; line-height: 1.5; margin: 5px 0px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "arial" , "helvetica" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">Melakukan koneksi dengan membypass (melewati) firewall atau proxy setempat.</span></li>
1034. <li style="background: 0px 0px; border: 0px; box-sizing: border-box; line-height: 1.5; margin: 5px 0px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "arial" , "helvetica" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">Anda bisa mendapatkan akses internet unlimited (harus menggunakan trik tertentu).</span></li>
1035. <li style="background: 0px 0px; border: 0px; box-sizing: border-box; line-height: 1.5; margin: 5px 0px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "arial" , "helvetica" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">Anda bisa browsing dengan aman, karena IP Anda tidak ditampilkan melainkan IP Anda akan berubah menjadi IP server (IP Statis) sehingga anda tidak perlu kawatir saat surfing dengan internet anda maka anda akan aman.</span></li>
1036. <li style="background: 0px 0px; border: 0px; box-sizing: border-box; line-height: 1.5; margin: 5px 0px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "arial" , "helvetica" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">Tidak hanya IP yang berubah, nama ISP Anda juga akan berubah sesuai dengan ISP server</span></li>
1037. <li style="background: 0px 0px; border: 0px; box-sizing: border-box; line-height: 1.5; margin: 5px 0px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "arial" , "helvetica" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">Membuka semua website/url yang diblokir oleh Operator/Provider Anda</span></li>
1038. </ol>
1039. </div>
1040. </div>
1041. </div>
1042. </div>
1043. <div style="box-sizing: border-box; color: #5e5e5e; font-size: 15px; margin-bottom: 10px;">
1044. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
1045. <blockquote class="tr_bq">
1046. berikut ini adalah  8 Situs Penyedia SSH terbaik menurut saya. dari segi kecepatan atau <i>speed conection</i> nya, maupun waktu expired akun SSH nya..<br />
1047. <a name='more'></a></blockquote>
1048. </div>
1049. <a href="https://www.blogger.com/null" name="more" style="background: 0px 0px; border: 0px; box-sizing: border-box; color: #ffc000; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"></a><span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><b style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><br style="box-sizing: border-box; outline: 0px; transition: all 0.5s ease;" /></b></span>
1050. <br />
1051. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><b style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">1.<span style="color: #6aa84f; font-size: large;"> </span><b style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.5s ease; vertical-align: baseline;"><span style="color: #6aa84f; font-size: large;"><a href="http://createssh.com/" style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.5s ease; vertical-align: baseline;" target="_blank">Createssh.com</a></span></b></b></span><span style="color: #6aa84f;"> </span>
1052. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">Situs ini adalah langganan saya karena dalam situs ini disediakan 3 option yang menurut saya sangat menyenangkan seperti dalam penampakan berikut. Masa aktif akun 3 hari.</span>
1053. <br />
1054. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><br /></span>
1055. <br />
1056. <div class="separator" style="background: 0px 0px; border: 0px; box-sizing: border-box; clear: both; outline: 0px; padding: 0px; text-align: center; transition: all 0.5s ease; vertical-align: baseline;">
1057. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuMHhFV1gPHlAyppR85e7_F8_vN61abl_hMpMUO7BWA-JLAy-Gy_ALD0_ytcySnQ_m6PkHhqnXUCMwkvyvdp4morx_OcHleD597FPCWWLJLUnb2iylgww1VUzfpjIDBlnUg5qB_-GDNPwH/s1600/CREATE+SSH.png" style="background: 0px 0px; border: 0px; box-sizing: border-box; color: #ffc000; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.5s ease; vertical-align: baseline;" target="_blank"><img alt="Free premium ssh" border="0" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuMHhFV1gPHlAyppR85e7_F8_vN61abl_hMpMUO7BWA-JLAy-Gy_ALD0_ytcySnQ_m6PkHhqnXUCMwkvyvdp4morx_OcHleD597FPCWWLJLUnb2iylgww1VUzfpjIDBlnUg5qB_-GDNPwH/s1600/CREATE+SSH.png" style="background: 0px 0px; border: none; box-sizing: border-box; max-width: 100%; outline: 0px; padding: 0px; position: relative; transition: all 0.5s ease; vertical-align: baseline;" title="SSH Gratis internet gratis" width="320" /></a></div>
1058. <div class="separator" style="background: 0px 0px; border: 0px; box-sizing: border-box; clear: both; outline: 0px; padding: 0px; text-align: center; transition: all 0.5s ease; vertical-align: baseline;">
1059. <br /></div>
1060. <div class="separator" style="background: 0px 0px; border: 0px; box-sizing: border-box; clear: both; outline: 0px; padding: 0px; text-align: center; transition: all 0.5s ease; vertical-align: baseline;">
1061. <br /></div>
1062. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><b style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">2.</b>, <span style="font-size: large;"><b><a href="http://mytunneling.com/" style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.5s ease; vertical-align: baseline;" target="_blank"><span style="color: #6aa84f;">mytuneling.com</span></a> </b></span></span> 
1063.  
1064. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">Tersedia 5 server yaitu server US,Indo,France,Singapore dan belanda</span><span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">selain bisa membuat akun ssh di mytunneling juga bisa membuat akun OPEN VPN. Akun akan expiret dalam 3 hari jadi pastikan pada hari kedua anda sudah membuat akun lagi. </span>
1065. <br />
1066. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><br /></span>
1067. <br />
1068. <div class="separator" style="background: 0px 0px; border: 0px; box-sizing: border-box; clear: both; outline: 0px; padding: 0px; text-align: center; transition: all 0.5s ease; vertical-align: baseline;">
1069. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPpb5-SESVnKSTIpthio2nwVR5Gc60yIuT4wf8_2hFZ7Xcn1V3B9dL7Ouq2cMDEmEVtWDVYQaCG-xx0WR_m2dZENxDjAGHCCLag6SO9XwXMvacnIO4S0RkXDR50M4XzOkqTWm9EAmBcVyH/s1600/mytunel.png" style="background: 0px 0px; border: 0px; box-sizing: border-box; color: #ffc000; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.5s ease; vertical-align: baseline;" target="_blank"><img alt="free ssh gratis" border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPpb5-SESVnKSTIpthio2nwVR5Gc60yIuT4wf8_2hFZ7Xcn1V3B9dL7Ouq2cMDEmEVtWDVYQaCG-xx0WR_m2dZENxDjAGHCCLag6SO9XwXMvacnIO4S0RkXDR50M4XzOkqTWm9EAmBcVyH/s1600/mytunel.png" style="background: 0px 0px; border: none; box-sizing: border-box; max-width: 100%; outline: 0px; padding: 0px; position: relative; transition: all 0.5s ease; vertical-align: baseline;" title="SSH premium gratis" width="200" /></a></div>
1070. <div class="separator" style="background: 0px 0px; border: 0px; box-sizing: border-box; clear: both; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">
1071. <span style="background-position: 0px 0px; border: 0px; box-sizing: border-box; color: #141823; font-family: "helvetica" , "arial" , "lucida grande" , "tahoma" , "verdana" , "arial" , sans-serif; font-size: 14px; line-height: 19.32px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><br style="box-sizing: border-box; outline: 0px; transition: all 0.5s ease;" /></span></div>
1072. <div class="separator" style="background: 0px 0px; border: 0px; box-sizing: border-box; clear: both; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">
1073. <span style="background-position: 0px 0px; border: 0px; box-sizing: border-box; color: #141823; font-family: "helvetica" , "arial" , "lucida grande" , "tahoma" , "verdana" , "arial" , sans-serif; font-size: 14px; line-height: 19.32px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><br /></span></div>
1074. <span style="background-position: 0px 0px; border: 0px; box-sizing: border-box; color: #141823; font-size: 14px; line-height: 19.32px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><b style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">3</b>,</span></span><span style="background-position: 0px 0px; border: 0px; box-sizing: border-box; color: #141823; font-family: "helvetica" , "arial" , "lucida grande" , "tahoma" , "verdana" , "arial" , sans-serif; font-size: 14px; line-height: 19.32px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"> </span><span style="background-position: 0px 0px; border: 0px; box-sizing: border-box; line-height: 19.32px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><a href="http://highssh.com/" style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.5s ease; vertical-align: baseline;" target="_blank"><span style="color: #93c47d; font-size: large;"><b>highssh.com</b></span></a></span></span>
1075.  
1076. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">memiliki 6 server 4 SG DO dan 2 US,</span><span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">untuk membuat akun 1 hari di batasi 500/hari Untuk kecepatan jangan tanya deh, semakin dilimit akun pembuatan berarti semakin cepat.</span><span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">masa berlaku akun 3 hari.</span>
1077. <br />
1078. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><br /></span>
1079. <br />
1080. <div class="separator" style="background: 0px 0px; border: 0px; box-sizing: border-box; clear: both; outline: 0px; padding: 0px; text-align: center; transition: all 0.5s ease; vertical-align: baseline;">
1081. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWgb7bd3KfUFmiEnW6q1Hp27-_us63GhJCe2aSEEJ3UC1ftozwL53XtAxl4dEsKHG8pnDhvN-fjOvHXuEcaGJezppmwtpteJNj3xwZVUgy0_fVHxTyjqNzAoZiaJSKZFXfLQCwEmQK6_d-/s1600/highssh.png" style="background: 0px 0px; border: 0px; box-sizing: border-box; color: #ffc000; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.5s ease; vertical-align: baseline;" target="_blank"><img alt="ssh free pusatrik" border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWgb7bd3KfUFmiEnW6q1Hp27-_us63GhJCe2aSEEJ3UC1ftozwL53XtAxl4dEsKHG8pnDhvN-fjOvHXuEcaGJezppmwtpteJNj3xwZVUgy0_fVHxTyjqNzAoZiaJSKZFXfLQCwEmQK6_d-/s1600/highssh.png" style="background: 0px 0px; border: none; box-sizing: border-box; max-width: 100%; outline: 0px; padding: 0px; position: relative; transition: all 0.5s ease; vertical-align: baseline;" title="ssh free pusatrik" width="320" /></a></div>
1082. <div class="separator" style="background: 0px 0px; border: 0px; box-sizing: border-box; clear: both; outline: 0px; padding: 0px; text-align: center; transition: all 0.5s ease; vertical-align: baseline;">
1083. <br /></div>
1084. <div class="separator" style="background: 0px 0px; border: 0px; box-sizing: border-box; clear: both; outline: 0px; padding: 0px; text-align: center; transition: all 0.5s ease; vertical-align: baseline;">
1085. <br /></div>
1086. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><b style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">4. <a href="http://fastssh.com/" style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.5s ease; vertical-align: baseline;" target="_blank"><span style="color: #6aa84f; font-size: large;"><b>fastssh.com</b></span></a></b></span>
1087.  
1088. <span style="font-family: "trebuchet ms" , sans-serif;">untuk kalangan pengguna ssh siapa tidak kenal dengan </span><a href="http://l.facebook.com/l.php?u=http%3A%2F%2Ffastssh.com%2F&h=UAQFeHjfZ&enc=AZOzpdROdOXcaVQ3OM2JFnCKVXJX8nL977NhwMg0bIBZVFJRz05vDn2vKUcWQPUJceWixwXyrp3dE-1M60Kyq0bK5QRFltopw8s-tbU5scv9Mmtp9qCJB-xNwFU5EjDKT6DYz1xIV9Aty2Cou49EiiUX&s=1" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #ffc000; font-family: "trebuchet ms", sans-serif; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.5s ease; vertical-align: baseline;">fastssh.com</a><span style="font-family: "trebuchet ms" , sans-serif;">kelebihan fastssh sangat banyak selain</span>
1089.  
1090. server vpsnya sangat banyak seperti Server SG,Indo,Japan,US,France<br />
1091. kelebihan <a href="http://fastssh.com/" style="background: 0px 0px; border: 0px; box-sizing: border-box; color: #ffc000; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.5s ease; vertical-align: baseline;">fastssh.com</a><span style="color: orange;">-Bisa merubah host menjadi domain seperti domain tk<br />-Tersedia Squid Proxy<br />-Tersedia SSH life time/berlaku selamanya</span><br />
1092. -Masa berlaku akun 3 hari dan 7 hari<br />
1093. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">Kekurangan, anda tidak bisa mengakses fastssh.com dengan server indonesia. Jadi pastikan dengan server yang lain.</span>
1094. <br />
1095. <br />
1096. <br />
1097. <br />
1098. <div align="center" style="background: 0px 0px rgb(255, 255, 255); border: 0px; box-sizing: border-box; color: #5e5e5e; font-family: "Droid Sans"; font-size: 15px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">
1099. </div>
1100. <div id="ads27011710141713260315" style="background: 0px 0px rgb(255, 255, 255); border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">
1101. <div style="background: 0px 0px; border: 0px; box-sizing: border-box; color: #5e5e5e; font-family: "droid sans"; font-size: 15px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">
1102. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><br style="box-sizing: border-box; outline: 0px; transition: all 0.5s ease;" /></span>
1103. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><br /></span></div>
1104. <div style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "droid sans"; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">
1105. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><b style="background: 0px 0px; border: 0px; box-sizing: border-box; color: #5e5e5e; font-size: 15px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">5</b><b style="background: 0px 0px; border: 0px; box-sizing: border-box; font-size: 15px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><span style="color: black;">.</span></b><span style="color: #6aa84f;"> <a href="http://create.sshgoogle.com/" style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.5s ease; vertical-align: baseline;" target="_blank"><b><span style="color: #6aa84f; font-size: large;">create.sshgoogle.com </span></b></a></span></span>
1106. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">Terdapat 6 server singapore terbaik, setiap server hanya dibatasi 500 akun yang masa berlakunya 3 hari.</span>
1107. <br />
1108. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><br /></span></div>
1109. <div class="separator" style="background: 0px 0px; border: 0px; box-sizing: border-box; clear: both; color: #5e5e5e; font-family: "droid sans"; font-size: 15px; outline: 0px; padding: 0px; text-align: center; transition: all 0.5s ease; vertical-align: baseline;">
1110. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimhnClG7wFV51mDd_bphUczyiBP5mj7EkcMKoZvMOAcqGap94A_oS-5zCokQkNh6mpNwBEC7jtAN_48vRhiAjA_31j5SckYmWUxrKk4oGgVg7HipvmBUCdclYTVhu0QFOcD9AH7YcybSQ4/s1600/ssh+gogol.png" style="background: 0px 0px; border: 0px; box-sizing: border-box; color: #ffc000; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.5s ease; vertical-align: baseline;" target="_blank"><img alt="ssh gratis premium " border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimhnClG7wFV51mDd_bphUczyiBP5mj7EkcMKoZvMOAcqGap94A_oS-5zCokQkNh6mpNwBEC7jtAN_48vRhiAjA_31j5SckYmWUxrKk4oGgVg7HipvmBUCdclYTVhu0QFOcD9AH7YcybSQ4/s1600/ssh+gogol.png" style="background: 0px 0px; border: none; box-sizing: border-box; max-width: 100%; outline: 0px; padding: 0px; position: relative; transition: all 0.5s ease; vertical-align: baseline;" title="ssh gratis premium " width="320" /></a></div>
1111. <div class="separator" style="background: 0px 0px; border: 0px; box-sizing: border-box; clear: both; color: #5e5e5e; font-family: "droid sans"; font-size: 15px; outline: 0px; padding: 0px; text-align: center; transition: all 0.5s ease; vertical-align: baseline;">
1112. <br /></div>
1113. <div class="separator" style="background: 0px 0px; border: 0px; box-sizing: border-box; clear: both; color: #5e5e5e; font-family: "droid sans"; font-size: 15px; outline: 0px; padding: 0px; text-align: center; transition: all 0.5s ease; vertical-align: baseline;">
1114. <br /></div>
1115. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><b style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><span style="color: #5e5e5e; font-family: "droid sans"; font-size: 15px;">6. </span><a href="https://skyssh.com/" style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.5s ease; vertical-align: baseline;" target="_blank"><span style="color: #6aa84f; font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><b>skyssh.com</b></span></a></b></span>
1116.  
1117. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">ini favorit saya, skyssh Memiliki 4 region Server Andalan untuk SSH dan VPN, dan memiliki masa aktif 3 hari dan 7 hari. pilihan server nya juga banyak.</span>
1118. <br />
1119. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><br /></span>
1120. <br />
1121. <div class="separator" style="clear: both; text-align: center;">
1122. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnil9TolNEOaqhc7T8hEA-FW1vkHgpbIVGSNYRftqJjiydLMtSb8BUmfh3yqE34-TApJJXGhhVm4hRA3kDOI1udXAwXL_K9SIMlFOEccp9oa8N734e58EFDZ1MNcKt1JsuW1rC8bwhAuqJ/s1600/Untitled.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnil9TolNEOaqhc7T8hEA-FW1vkHgpbIVGSNYRftqJjiydLMtSb8BUmfh3yqE34-TApJJXGhhVm4hRA3kDOI1udXAwXL_K9SIMlFOEccp9oa8N734e58EFDZ1MNcKt1JsuW1rC8bwhAuqJ/s320/Untitled.jpg" width="320" /></a></div>
1123. <div class="separator" style="clear: both; text-align: center;">
1124. <br /></div>
1125. <div class="separator" style="clear: both; text-align: center;">
1126. <br /></div>
1127. <div class="separator" style="background: 0px 0px; border: 0px; box-sizing: border-box; clear: both; color: #5e5e5e; font-family: "droid sans"; font-size: 15px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">
1128. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><br style="box-sizing: border-box; outline: 0px; transition: all 0.5s ease;" /></span></div>
1129. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><b style="background: 0px 0px; border: 0px; box-sizing: border-box; color: #5e5e5e; font-size: 15px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">7,</b> <a href="http://tcpvpn.com/" style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.5s ease; vertical-align: baseline;" target="_blank"><span style="color: #6aa84f; font-size: large;"><b>tcpvpn.com</b></span></a></span>
1130.  
1131. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">Menyediakan 4 region Server, Yaitu Server Asia, America,Eropa dan Africa. memiliki masa aktif 3 hari. </span>
1132. <br />
1133. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><br /></span>
1134. <br />
1135. <div class="separator" style="clear: both; text-align: center;">
1136. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO5nncY3p1fDpzdObfIxn0KBwObZmYRmB7YvC1jnxHpKLqlNEb8la62b3HjiIHJGlCm3PQOPT2d4hpqz3vtS_R20pqMNKP8fhBqO5_iyxJOfNSJH5g-VB_baz2zaCIgFawDImmByiplnWF/s1600/tcpvpn.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO5nncY3p1fDpzdObfIxn0KBwObZmYRmB7YvC1jnxHpKLqlNEb8la62b3HjiIHJGlCm3PQOPT2d4hpqz3vtS_R20pqMNKP8fhBqO5_iyxJOfNSJH5g-VB_baz2zaCIgFawDImmByiplnWF/s320/tcpvpn.jpg" width="320" /></a></div>
1137. <div class="separator" style="clear: both; text-align: center;">
1138. <br /></div>
1139. <div class="separator" style="clear: both; text-align: center;">
1140. <br /></div>
1141. <br />
1142. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><b style="background: 0px 0px; border: 0px; box-sizing: border-box; color: #5e5e5e; font-size: 15px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">7,</b> <a href="http://sshudp.com/" style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.5s ease; vertical-align: baseline;" target="_blank"><span style="color: #6aa84f; font-size: large;"><b>sshudp.com</b></span></a></span>
1143.  
1144. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">Menyediakan ssh dan vpn gratis. mempunyai banyak server yang bisa anda pilih.</span>
1145. <br />
1146. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><br /></span>
1147. <br />
1148. <div class="separator" style="clear: both; text-align: center;">
1149. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDX2rouRH9aHjJtaS9bAE-bIHDA9NLKpUuODC63SIPZBztBjheck37YtVPBbbzK2Q0KbPRFCSrpISoYszFVX0SDZhbDe0bLgbOQEx7LMFdaaXbhO9Wi1bcuPrzOtSgJ84x7LerOFZy1LUv/s1600/sshudp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDX2rouRH9aHjJtaS9bAE-bIHDA9NLKpUuODC63SIPZBztBjheck37YtVPBbbzK2Q0KbPRFCSrpISoYszFVX0SDZhbDe0bLgbOQEx7LMFdaaXbhO9Wi1bcuPrzOtSgJ84x7LerOFZy1LUv/s320/sshudp.jpg" width="320" /></a></div>
1150. <div class="separator" style="clear: both; text-align: center;">
1151. <br /></div>
1152. <div class="separator" style="clear: both; text-align: center;">
1153. <br /></div>
1154. <br />
1155. <br />
1156. <br />
1157. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><b style="background: 0px 0px; border: 0px; box-sizing: border-box; color: #5e5e5e; font-size: 15px; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">8,</b> <a href="http://www.sshagan.net/" style="background: 0px 0px; border: 0px; box-sizing: border-box; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.5s ease; vertical-align: baseline;" target="_blank"><span style="color: #6aa84f; font-size: large;"><b>sshagan.net</b></span></a></span>
1158.  
1159. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;">mempunyai 3 region server yaitu,Asia, America dan Eropa. Menyediakan ssh dan vpn gratis dengan masa aktif 3 sampai 5 hari.</span>
1160. <br />
1161. <span style="background: 0px 0px; border: 0px; box-sizing: border-box; font-family: "trebuchet ms" , sans-serif; outline: 0px; padding: 0px; transition: all 0.5s ease; vertical-align: baseline;"><br /></span>
1162. <br />
1163. <div class="separator" style="clear: both; text-align: center;">
1164. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYdEJsu3cm2hDpB3QK-Hf1VE_3Za_gL9hZR_kB8fEcU-IgW-_6dplEoW9mDho-PHyh-HhYgoxu72uCzbUNpUsO7hrVkwZwVNif4yBh4LU6KH4QbMj7wBRzNTDp3OBSvtlO8N2ht-4qNO8y/s1600/SSHagan.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYdEJsu3cm2hDpB3QK-Hf1VE_3Za_gL9hZR_kB8fEcU-IgW-_6dplEoW9mDho-PHyh-HhYgoxu72uCzbUNpUsO7hrVkwZwVNif4yBh4LU6KH4QbMj7wBRzNTDp3OBSvtlO8N2ht-4qNO8y/s320/SSHagan.jpg" width="320" /></a></div>
1165. <div class="separator" style="clear: both; text-align: center;">
1166. <br /></div>
1167. <div class="separator" style="clear: both; text-align: center;">
1168. <br /></div>
1169. <br />
1170. <div class="separator" style="background: 0px 0px; border: 0px; box-sizing: border-box; clear: both; color: #5e5e5e; font-family: "droid sans"; font-size: 15px; outline: 0px; padding: 0px; text-align: center; transition: all 0.5s ease; vertical-align: baseline;">
1171. <br style="box-sizing: border-box; outline: 0px; transition: all 0.5s ease;" /></div>
1172. <div class="separator" style="background: 0px 0px; border: 0px; box-sizing: border-box; clear: both; color: #5e5e5e; font-family: "droid sans"; font-size: 15px; outline: 0px; padding: 0px; text-align: center; transition: all 0.5s ease; vertical-align: baseline;">
1173. <br /></div>
1174. <div class="separator" style="background: 0px 0px; border: 0px; box-sizing: border-box; clear: both; color: #5e5e5e; font-family: "droid sans"; font-size: 15px; outline: 0px; padding: 0px; text-align: center; transition: all 0.5s ease; vertical-align: baseline;">
1175. <br /></div>
1176. <h2 style="background: 0px 0px; border: 0px; box-sizing: border-box; color: #555555; font-family: "droid sans"; font-size: 15px; margin: 0px 0px 15px; outline: 0px; padding: 0px; position: relative; transition: all 0.5s ease; vertical-align: baseline;">
1177. </h2>
1178. <div style="font-family: "droid sans"; font-size: 15px;">
1179. <blockquote class="tr_bq">
1180. <span style="font-family: "arial" , "helvetica" , sans-serif; font-weight: normal;">Itulah 8 Situs penyedia SSH dan VPN terbaik versi BCK, Terima Kasih sudah mampir .. semoga bermanfaat .. 😏</span></blockquote>
1181. <div style="font-family: "droid sans"; font-size: 15px;">
1182. <br /></div>
1183. </div>
1184. <div style="color: #5e5e5e; font-family: "droid sans"; font-size: 15px;">
1185. <br /></div>
1186. <ol style="box-sizing: border-box; color: #5e5e5e; font-family: "droid sans"; font-size: 15px; line-height: 1.5; outline: 0px; transition: all 0.5s ease;">
1187. </ol>
1188. </div>
1189. </content><link rel='replies' type='application/atom+xml' href='https://fatra-code.blogspot.com/feeds/3272578426206908849/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://fatra-code.blogspot.com/2017/01/8-situs-penyedia-ssh-gratis-terbaik.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/3272578426206908849'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/3272578426206908849'/><link rel='alternate' type='text/html' href='https://fatra-code.blogspot.com/2017/01/8-situs-penyedia-ssh-gratis-terbaik.html' title='8 Situs Penyedia SSH Gratis Terbaik Lengkap Dengan Penjelasan'/><author><name>fatra</name><uri>http://www.blogger.com/profile/04705082021414999454</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjow3ZcE0DpUrnBuljcSCLyhW8W00w6x_BQZaKsGqc_VSpYo8t3IEXAXVjC8rM0dtg-eZrUdFOqdvXGfhGoapscsoV1fXFN7fejU7QhDyhJ8WMak3iD649vgIkduGwA1w/s220/TITTLE+2.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuMHhFV1gPHlAyppR85e7_F8_vN61abl_hMpMUO7BWA-JLAy-Gy_ALD0_ytcySnQ_m6PkHhqnXUCMwkvyvdp4morx_OcHleD597FPCWWLJLUnb2iylgww1VUzfpjIDBlnUg5qB_-GDNPwH/s72-c/CREATE+SSH.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3832458081356410670.post-7910587702470623262</id><published>2017-01-19T03:49:00.000+08:00</published><updated>2020-03-20T23:55:14.878+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="how to"/><title type='text'>Cara Membuat Spoiler Buka Tutup di Blogspot</title><content type='html'>&lt;span style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Salam Bloger... 😃&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Kali ini &lt;/span&gt;&lt;a href=&quot;http://fatra-code.blogspot.com/&quot; style=&quot;font-family: arial, helvetica, sans-serif;&quot;&gt;Fatra Code&lt;/a&gt;&lt;span style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt; akan berbagi trick bagaimana cara membuat Spoiler Buka tutup yang keren untuk blogspot. bagi para pemula mungkin sulit sedikit kebingungan tentang bagaiman cara membuat spoiler di blog.. tenang sob, ane kasih tau caranya yaaa :D&lt;/span&gt;&lt;br /&gt;
1190. <a name='more'></a><br />
1191. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br />
1192. </span> <span style="font-family: "arial" , "helvetica" , sans-serif;"><br />
1193. </span> <span style="font-family: "arial" , "helvetica" , sans-serif;">Berikut contoh Spoiler keren yang bisa digunakan di Blogspot :</span><br />
1194. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br />
1195. </span> <span style="font-family: "arial" , "helvetica" , sans-serif;"><b>1. Spoiler Dengan Tombol bergeser kebawah ketika di buka</b></span><br />
1196. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br />
1197. </span> <span style="font-family: "arial" , "helvetica" , sans-serif;">Letakkan Konten / isi / gambar / video yang kamu mau masukan di dalam spoiler di daerah sini</span><br />
1198. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br />
1199. </span> <span style="font-family: "arial" , "helvetica" , sans-serif;"><b>BUKA/TUTUP SPOILER </b></span><br />
1200. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br />
1201. </span> <span style="font-family: "arial" , "helvetica" , sans-serif;"><b>2. Spoiler Dengan kotak dan dan tombol tidak bergeser ketika di buka</b></span><br />
1202. <br />
1203. <div id="spoiler" style="display: none;">
1204. <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYLhEpFbj_3pIfYn5M2M10Nuwvl0q_RY27QPDzP_w_cBIkgrfYABlInpPVWPAwlpJK5EF2i6bMkWaQq_9zatrT8SmGfbuVYMyVhsFF3JUig2KBF6qVrvmSVZ3hC1clbjTyBCVLur-0qw/s1600/spoiler.png" /></div>
1205. <button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" style="background: green; border-radius: 10px; border: 1px solid blue; color: white; padding: 5px 40px 5px 40px;" title="Klik untuk membuka spoiler" type="button">Lihat Gambar:</button>  <br />
1206. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br />
1207. </span> <span style="font-family: "arial" , "helvetica" , sans-serif;"><br />
1208. </span><span style="font-family: "arial" , "helvetica" , sans-serif;">Spoiler berguna untuk menghemat space posting dari blog kamu, sehingga tidak terlalu panjang jika ingin memasukkan postingan yang banyak, atau juga memasukkan gambar yang banyak.</span><br />
1209. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br />
1210. </span> <span style="font-family: "arial" , "helvetica" , sans-serif;">langkah untuk membuat spiler di blok adalah sebagai berikut:</span><br />
1211. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br />
1212. </span> <span style="font-family: "arial" , "helvetica" , sans-serif;"><b>1. Masuk kedalam Postingan anda dengan mode HTML dan masukkan koding spoiler</b></span><br />
1213. <b><span style="font-family: "arial" , "helvetica" , sans-serif;"><br />
1214. </span> <span style="font-family: "arial" , "helvetica" , sans-serif;">2. Sisipkan Konten atau isi Postingan yang ingin anda masukkan dalam spoiler dianta koding pembuka dan penutup.</span></b><br />
1215. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br />
1216. </span> <span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Coding Spoliler contoh spoiler 1 :</b></span><br />
1217. <span style="font-family: "arial" , "helvetica" , sans-serif;"><br />
1218. </span> <br />
1219. <pre class="brush: Nama Alias"><div id="spoiler" style="display: none;">
1220. Letakkan Konten / isi / gambar / video yang kamu mau masukan di dalam spoiler di daerah sini</div>
1221. <button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" style="background: green; border-radius: 10px; border: 1px solid blue; color: white; padding: 5px 40px 5px 40px;" title="Klik untuk membuka spoiler" type="button">BUKA/TUTUP SPOILER</button>
1222.  
1223. <div>
1224. </div>
1225. </pre>
1226. <span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br />
1227. </b></span> <span style="font-family: "arial" , "helvetica" , sans-serif;"> </span> <span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Coding Spoliler contoh spoiler 2 : </b></span><br />
1228. <br />
1229.    <br />
1230. <pre class="brush: Nama Alias"><span style="font-family: "arial" , "helvetica" , sans-serif;"></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><div style="margin: 5px 20px 20px;">
1231. <div class="smallfont" style="margin-bottom: 2px;">
1232. <b>Lihat Gambar</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: green; color: white; font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>
1233. <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
1234. <div style="display: none;">
1235. Letakkan Konten / isi Konten / Url dari foto atau video yang ingin kamu masukkan dalam spoiler </div>
1236. </div>
1237. </div>
1238. </span>
1239.  
1240. </pre>
1241. &lt;span style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt; &lt;/span&gt; &lt;span style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt; &lt;/span&gt; &lt;span style=&quot;font-family: &amp;quot;arial&amp;quot; , &amp;quot;helvetica&amp;quot; , sans-serif;&quot;&gt;Penutup :~ Sekian Penjelasannya, jika kurang paham atau error bisa masukkan di kolom komentar 😏&lt;/span&gt; </content><link rel='replies' type='application/atom+xml' href='https://fatra-code.blogspot.com/feeds/7910587702470623262/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://fatra-code.blogspot.com/2017/01/cara-membuat-spoiler-buka-tutup-di.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/7910587702470623262'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/7910587702470623262'/><link rel='alternate' type='text/html' href='https://fatra-code.blogspot.com/2017/01/cara-membuat-spoiler-buka-tutup-di.html' title='Cara Membuat Spoiler Buka Tutup di Blogspot'/><author><name>fatra</name><uri>http://www.blogger.com/profile/04705082021414999454</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjow3ZcE0DpUrnBuljcSCLyhW8W00w6x_BQZaKsGqc_VSpYo8t3IEXAXVjC8rM0dtg-eZrUdFOqdvXGfhGoapscsoV1fXFN7fejU7QhDyhJ8WMak3iD649vgIkduGwA1w/s220/TITTLE+2.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYLhEpFbj_3pIfYn5M2M10Nuwvl0q_RY27QPDzP_w_cBIkgrfYABlInpPVWPAwlpJK5EF2i6bMkWaQq_9zatrT8SmGfbuVYMyVhsFF3JUig2KBF6qVrvmSVZ3hC1clbjTyBCVLur-0qw/s72-c/spoiler.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3832458081356410670.post-5423632908094187675</id><published>2017-01-18T22:22:00.001+08:00</published><updated>2017-11-29T19:07:35.737+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="info"/><title type='text'>5 Template Blog Keren Terbaik 2017</title><content type='html'>&lt;div style=&quot;background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;&quot;&gt;
1242. <span style="font-family: Arial, Helvetica, sans-serif;"><b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">5 Template Blog Keren SEO Friendly Gratis Terbaik 2017 |</b> Mungkin kalian mencari template blog keren dan simple dengan versi terbaru, istilahnya templatenya keren tapi sederhana. Kalian tidak salah mampir kesini, karena template yang saya bagikan sangatlah keren, sederhana, dan yang paling penting adalah <b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">gratis!.</b></span><br />
1243. <a name='more'></a></div>
1244. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1245. <b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;"><br style="margin: 0px; padding: 0px;" /></span></b></div>
1246. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1247. <span style="font-family: Arial, Helvetica, sans-serif;">Ada 5 template yang akan saya bagikan gratis ke kalian semua, untuk fitur semua templatenya yang pasti seo friendly, responsive, dan cocok buat adsense. Template yang saya bagikan juga sangat mudah untuk di edit, jadi buat kalian yang tidak paham sama sekali dengan html mampu mengedit template dengan mudah.</span></div>
1248. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1249. <span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
1250. <h3 style="background-color: white; border-bottom: 2px solid rgb(224, 224, 224); border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #444444; font-size: 16.5px; font-stretch: inherit; font-weight: 300; letter-spacing: 1px; line-height: normal; margin: 0px 0px 10px; padding: 10px 0px; position: relative; text-align: justify; vertical-align: baseline;">
1251. <span style="font-family: Arial, Helvetica, sans-serif;">
1252. 5 Template Blog Keren Seo Friendly Terbaru</span></h3>
1253. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1254. <span style="font-family: Arial, Helvetica, sans-serif;">untuk 5 template yang saya bagikan kali ini, sudah saya uji di blog. Dan hasilnya teruji sangan responsive dan seo friendly, banyak artikel saya yang mudah sekali muncul di halaman pertama google. baca juga : <a href="http://www.bacaiptek.com/2016/11/cara-agar-artikel-cepat-terindex.html" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;" target="_blank">Cara agar artikel mudah muncul di halaman pertama google</a></span></div>
1255. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1256. <span style="font-family: Arial, Helvetica, sans-serif;"><br style="margin: 0px; padding: 0px;" /></span></div>
1257. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1258. <b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;">1. Vamor, Simple Template And SEO Friendly</span></b></div>
1259. <div class="separator" style="background-color: white; border: 0px; clear: both; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
1260. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVPlIjfWPtsTkeFIS90vIBy1Xl8d8Cz5VHKbLAbPcO9eBAJ7ewQHQ8VoyM48ustz5Z9MT9hpyszgy9wvgV3UOmNmh5j5umNQqwKapy2lvjYHOu7HQYgXHdm60Nl5fIBPLiMDrZaLEF-Hsh/s1600/template+blog+keren+gratis+2016.jpg" imageanchor="1" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Template Blog Keren Responsive Seo Friendly Gratis" border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVPlIjfWPtsTkeFIS90vIBy1Xl8d8Cz5VHKbLAbPcO9eBAJ7ewQHQ8VoyM48ustz5Z9MT9hpyszgy9wvgV3UOmNmh5j5umNQqwKapy2lvjYHOu7HQYgXHdm60Nl5fIBPLiMDrZaLEF-Hsh/s400/template+blog+keren+gratis+2016.jpg" style="border: 0px none; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px; max-width: 100%; outline: none; padding: 0px; position: relative; vertical-align: baseline;" title="Template Blog Keren Responsive Seo Friendly Gratis" width="400" /></span></a></div>
1261. <div class="separator" style="background-color: white; border: 0px; clear: both; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
1262. <b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://vamortheme.blogspot.co.id/" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;" target="_blank">Demo</a> | <a href="http://ouo.io/i6jd7" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;" target="_blank">Download</a></span></b></div>
1263. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1264. <span style="font-family: Arial, Helvetica, sans-serif;">Template yang satu ini dibagikan secara gratis oleh mas <b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">wahyu pratama</b>. Tempate yang tampilannya sederhana namun gahar kalau soa SEO, karena fitur dari template vamor sendiri sudah lengkap tidak kalah dengan template yang lainnya. Buat kalian yang suka dengan tampilan template sederhana namun tetap keren template vamor lah cocok buat kalian. Namun untuk memiliki template vamor premium bisa langsung kontak ke mas <b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="http://wahyupratama.id/" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;" target="_blank">wahyu pratama</a></b></span></div>
1265. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1266. <span style="font-family: Arial, Helvetica, sans-serif;"><br style="margin: 0px; padding: 0px;" /></span></div>
1267. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1268. <span style="font-family: Arial, Helvetica, sans-serif;">Baca juga : <a href="http://www.bacaiptek.com/2016/10/cara-membuat-popular-post-keren-blog-terbaru.html" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;" target="_blank">Cara membuat popular post keren</a></span></div>
1269. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1270. <span style="font-family: Arial, Helvetica, sans-serif;"><br style="margin: 0px; padding: 0px;" /></span></div>
1271. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1272. <b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;">2. N Light Pro Template</span></b></div>
1273. <div class="separator" style="background-color: white; border: 0px; clear: both; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
1274. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2R1xe5oD3kewu21lP6PT4XzcUag60YBw87v9SveB-q2fO56Bd7xjtSQF9ouuF8m6P1o0o_WsBfrOCoOWgJk5h2ffmFFDAQrdKF5Z0x69Yj151H4dmAVf19az05LY7buMFroEXztfro_H/s1600/template+n+light+pro+premium+gratis.jpg" imageanchor="1" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Template Blog Keren Responsive Seo Friendly Gratis" border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2R1xe5oD3kewu21lP6PT4XzcUag60YBw87v9SveB-q2fO56Bd7xjtSQF9ouuF8m6P1o0o_WsBfrOCoOWgJk5h2ffmFFDAQrdKF5Z0x69Yj151H4dmAVf19az05LY7buMFroEXztfro_H/s400/template+n+light+pro+premium+gratis.jpg" style="border: 0px none; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px; max-width: 100%; outline: none; padding: 0px; position: relative; vertical-align: baseline;" title="Template Blog Keren Responsive Seo Friendly Gratis" width="400" /></span></a></div>
1275. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
1276. <b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://ilmuanseo.blogspot.com/" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;" target="_blank">Demo</a> | <a href="https://drive.google.com/open?id=0BxugcJl2Jev4anFZcGhiMlBLTFU">Download</a></span></b></div>
1277. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1278. <span style="font-family: Arial, Helvetica, sans-serif;">Siapa sih yang enggak kenal dengan template buatan mbak arlina yang satu ini? sudah pasti template ini sangat keren, seo, responsive dan yang paling penting cocok buat iklan google adsense, yapp template n light pro. Template yang satu ini saya dapatkan dari seseorang yang membagikan secara gratis di grup facebook yang berupa undian gitu deh =D. Template n light por cocok banget buat blog dengan tema komputer, berita, tips, trik, dll.</span></div>
1279. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1280. <span style="font-family: Arial, Helvetica, sans-serif;"><br style="margin: 0px; padding: 0px;" /></span></div>
1281. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1282. <b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Simplify, Template blog keren namun simple</span></b></div>
1283. <div class="separator" style="background-color: white; border: 0px; clear: both; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
1284. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtsJENi84sBP-N0S7-Xddal1KjcUJ144XhhsNJ2vQm-VOKvCYLvVoUGloO8hoijPyi4Do5ggVpCahjoMe91QRhyO2CX32w4br-vNWqlSPFfnLNvNtiOZsjDV_P-jXlk-Eqqm8W043ufe6g/s1600/template+blog+keren+namun+sederhana.jpg" imageanchor="1" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtsJENi84sBP-N0S7-Xddal1KjcUJ144XhhsNJ2vQm-VOKvCYLvVoUGloO8hoijPyi4Do5ggVpCahjoMe91QRhyO2CX32w4br-vNWqlSPFfnLNvNtiOZsjDV_P-jXlk-Eqqm8W043ufe6g/s400/template+blog+keren+namun+sederhana.jpg" style="border: 0px none; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px; max-width: 100%; outline: none; padding: 0px; position: relative; vertical-align: baseline;" width="400" /></span></a></div>
1285. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
1286. <b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://simplifyzynation.blogspot.com/" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;" target="_blank">Demo</a> | <a href="http://www.bacaiptek.com/2016/10/simplify-v12-premium-free-blogger.html" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;" target="_blank">Download</a></span></b></div>
1287. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1288. <span style="font-family: Arial, Helvetica, sans-serif;">Template yang satu ini juga buatan mbak arlina, dari segi tampilan sederhana namun tetapi keren. Dari segi fitur juga tidak kalah saing dengan template diatas, contohnya: template ini sudah pasti seo friendly, responsive, high ctr<b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </b>dan bikin betah pengunjung pokoknya.</span></div>
1289. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
1290. <span style="font-family: Arial, Helvetica, sans-serif;"><br style="margin: 0px; padding: 0px;" /></span></div>
1291. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
1292. <span style="font-family: Arial, Helvetica, sans-serif;">Coba mampir kesini : <a href="http://www.bacaiptek.com/2016/11/cara-mempercat-loading-blog-terbaruep.html" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;" target="_blank">cara mempercepat loading blog</a></span></div>
1293. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
1294. <span style="font-family: Arial, Helvetica, sans-serif;"><br style="margin: 0px; padding: 0px;" /></span></div>
1295. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
1296. <b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;">4. DynamigMag, Template Nuansa Berita</span></b></div>
1297. <div class="separator" style="background-color: white; border: 0px; clear: both; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
1298. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFO1Lf8aEHndlv3_RpVIz3S1WWOEWfK_FKMH4TKwwXDK6BYCUvoJ9op0zsbE5bJGTqkeQTfbUfP0XFPRhFI8fS2cy33pGFlzuj1SxuA89BqHFDWgxc2CWJSY43IWeAs6jRImVEceb8X-B_/s1600/template+blog+keren+gratis.jpg" imageanchor="1" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Template Blog Keren Responsive Seo Friendly Gratis" border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFO1Lf8aEHndlv3_RpVIz3S1WWOEWfK_FKMH4TKwwXDK6BYCUvoJ9op0zsbE5bJGTqkeQTfbUfP0XFPRhFI8fS2cy33pGFlzuj1SxuA89BqHFDWgxc2CWJSY43IWeAs6jRImVEceb8X-B_/s400/template+blog+keren+gratis.jpg" style="border: 0px none; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px; max-width: 100%; outline: none; padding: 0px; position: relative; vertical-align: baseline;" title="Template Blog Keren Responsive Seo Friendly Gratis" width="400" /></span></a></div>
1299. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
1300. <b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://dynamicmag-sbtemplates.blogspot.co.id/" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;" target="_blank">Demo</a> | <a href="http://ouo.io/0Nle6m" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;" target="_blank">Download</a></span></b></div>
1301. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
1302. <span style="font-family: Arial, Helvetica, sans-serif;">Template dengan konsep magazine ini terbukti populer dikalangan blogger luar negeri, karena template ini sangatlah seo friendly, responsive, high ctr dan cocok buat kalian dengan tema blog berita. Template yang tidak kalah keren dengan 3 template diatas mampu bersaing dihalaman pertama google.</span></div>
1303. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
1304. <span style="font-family: Arial, Helvetica, sans-serif;"><br style="margin: 0px; padding: 0px;" /></span></div>
1305. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
1306. <b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;">5. Blogku, Template sederhana nan keren</span></b></div>
1307. <div class="separator" style="background-color: white; border: 0px; clear: both; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
1308. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5Q4ANJ9WBsSi9oWhMYSv5Z61WBI_i7SsN2vN8VgFyZoX3sk_0iFTw-6EF59RSv0gnYslVB7djjj1sV-JS00deJqtM0HBNON7e89Ye0g7Dh45gQ7STpU0o5e68V4FydfQzi1oiivlak0G/s1600/template+blog+keren+gratis+terbaru.jpg" imageanchor="1" style="border: 0px; color: #0072c6; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Template Blog Keren Responsive Seo Friendly Gratis" border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5Q4ANJ9WBsSi9oWhMYSv5Z61WBI_i7SsN2vN8VgFyZoX3sk_0iFTw-6EF59RSv0gnYslVB7djjj1sV-JS00deJqtM0HBNON7e89Ye0g7Dh45gQ7STpU0o5e68V4FydfQzi1oiivlak0G/s400/template+blog+keren+gratis+terbaru.jpg" style="border: 0px none; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px; max-width: 100%; outline: none; padding: 0px; position: relative; vertical-align: baseline;" title="Template Blog Keren Responsive Seo Friendly Gratis" width="400" /></span></a></div>
1309. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
1310. <b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://blogkutemplate.blogspot.co.id/" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;" target="_blank">Demo</a> | <a href="http://ouo.io/Sf317" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;" target="_blank">Download</a></span></b></div>
1311. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1312. <span style="font-family: Arial, Helvetica, sans-serif;">nahh pada template terakhir yang satu ini, tidak kalah saing dengan template vamor diatas. Dengan tampilan yang sederhana mampu membuat template ini populer dikalangan blogger indonesia. Template blogku dibuat oleh mas sugeng dan dibagikan secara gratis untuk blogger indonesia, templatenya pun cocok buat kalian yang memiliki blog personal.</span></div>
1313. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1314. <span style="font-family: Arial, Helvetica, sans-serif;"><br style="margin: 0px; padding: 0px;" /></span></div>
1315. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1316. <span style="font-family: Arial, Helvetica, sans-serif;">Tips buat kalian : <a href="http://www.bacaiptek.com/2016/11/cara-memilih-tema-blog-terbaik.html" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;" target="_blank">Cara jitu memilih tema blog</a> & <a href="http://www.bacaiptek.com/2016/11/cara-agar-artikel-cepat-terindex.html" style="border: 0px; color: #3cc091; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;" target="_blank">Cara agar artikel cepat terindex di google</a></span></div>
1317. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1318. <span style="font-family: Arial, Helvetica, sans-serif;"><br style="margin: 0px; padding: 0px;" /></span></div>
1319. <div style="background-color: white; border: 0px; color: #444444; font-size: 15px; font-stretch: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1320. <span style="font-family: Arial, Helvetica, sans-serif;">Mungkin itu saja artikel mengenai <b style="border: 0px; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">5 Template Blog Keren Responsive Seo Friendly Gratis</b>, bila terdapat credit link pada template tersebut mohon tidak dihapus, karena untuk menghargai si pembuat template. </span></div>
1321. </content><link rel='replies' type='application/atom+xml' href='https://fatra-code.blogspot.com/feeds/5423632908094187675/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://fatra-code.blogspot.com/2017/01/5-template-blog-keren-seo-friendly.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/5423632908094187675'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/5423632908094187675'/><link rel='alternate' type='text/html' href='https://fatra-code.blogspot.com/2017/01/5-template-blog-keren-seo-friendly.html' title='5 Template Blog Keren Terbaik 2017'/><author><name>fatra</name><uri>http://www.blogger.com/profile/04705082021414999454</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjow3ZcE0DpUrnBuljcSCLyhW8W00w6x_BQZaKsGqc_VSpYo8t3IEXAXVjC8rM0dtg-eZrUdFOqdvXGfhGoapscsoV1fXFN7fejU7QhDyhJ8WMak3iD649vgIkduGwA1w/s220/TITTLE+2.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVPlIjfWPtsTkeFIS90vIBy1Xl8d8Cz5VHKbLAbPcO9eBAJ7ewQHQ8VoyM48ustz5Z9MT9hpyszgy9wvgV3UOmNmh5j5umNQqwKapy2lvjYHOu7HQYgXHdm60Nl5fIBPLiMDrZaLEF-Hsh/s72-c/template+blog+keren+gratis+2016.jpg" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3832458081356410670.post-5973425085875247190</id><published>2017-01-18T21:26:00.002+08:00</published><updated>2017-11-29T18:46:16.569+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="how to"/><category scheme="http://www.blogger.com/atom/ns#" term="Komputer"/><title type='text'>Cara Menginstal Windows 7</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
1322. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisy6J4nOHQfydhDedCZVcr9XpWM_Zi7MCqnx4HxVJyCyh4jowBig_ue7GQzNAttlO5SASkejCATQjwI0lTzoxYJLRmBiEJebY0SyyfcqncZ6e39euswQch9rGyGOnFTF5rBISqJLjH8DZZ/s1600/windows_7_microsoft_logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisy6J4nOHQfydhDedCZVcr9XpWM_Zi7MCqnx4HxVJyCyh4jowBig_ue7GQzNAttlO5SASkejCATQjwI0lTzoxYJLRmBiEJebY0SyyfcqncZ6e39euswQch9rGyGOnFTF5rBISqJLjH8DZZ/s400/windows_7_microsoft_logo.jpg" width="400" /></a></div>
1323. <br />
1324. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1325. Windows 7 sendiri dirilis untuk umum pada tahun 22 Oktober 2009. Meskipun terdapat versi yang lebih baru yaitu windows 8 dan windows 10, windows 7 tetap banyak di gemari oleh banyak orang.<br />
1326. <a name='more'></a></div>
1327. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1328. Saya membuat artikel ini untuk membantu teman-teman yang belum tahu betul mengenai bagaimana cara menginstall windows 7 dengan baik dan benar.</div>
1329. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1330. Artikel ini saya tulis sebaik mungkin agar anda dapat memahami betul setiap langkah yang saya jelaskan.</div>
1331. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1332. Oh ya, jangan lupa untuk mempersiapkan hal-hal berikut ini :</div>
1333. <ul style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; list-style: square; margin: 0px; padding: 0px 0px 1.571em 1.9em; vertical-align: baseline;">
1334. <li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Siapkan DVD Windows 7 terlebih dahulu, karena kita akan belajar cara menginstall windows 7 dari DVDROM.</li>
1335. <li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Setting BIOS agar booting dari CD/ DVD.</li>
1336. <li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Backup data-data penting terlebih dahulu</li>
1337. <li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Apakah yang anda install adalah laptop ? Jika iya, saya sarankan colokkan charger laptop anda segera. Jangan sampai laptop kehabisan daya pada saat proses instalasi karena akan berdampak buruk pada laptop itu sendiri.</li>
1338. <li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Siapkan camilan dan minuman karena artikel yang saya buat ini agak panjang hehehehe.</li>
1339. </ul>
1340. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1341. <br /></div>
1342. <h2 style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 1.4; margin: 0px 0px 12px; padding: 0px; vertical-align: baseline;">
1343. Setting BIOS agar Booting dari CD/ DVD</h2>
1344. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1345. Umumnya komputer/ laptop biasanya booting pertama kali dari HDD. Maka dari itu, anda perlu mengaturnya terlebih dahulu agar booting pertama kali melalui CD/ DVD.</div>
1346. <!-- Start of KomisiGRATIS.Com Script -->
1347. <script src="http://komisigratis.com/ads.php?pub=33157" type="text/javascript"></script>
1348. <!-- End of KomisiGRATIS.Com Script -->
1349. <br />
1350. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1351. 1. Nyalakan atau restart komputer/ laptop anda, kemudian tekan tombol <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">DEL (Delete)</strong>. Biasanya untuk masuk ke menu BIOS, tombol yang paling umum digunakan adalah DEL, F1, F2, atau Fn+F2, tergantung manufacturer laptop/ motherboard anda.<br />
1352. 2. Akan muncul tampilan menu BIOS seperti gambar di bawah ini. Setelah itu, pindah ke tab <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Boot</strong> dengan menggunakan tombol ◄ ►.</div>
1353. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1354. <div style="margin: 5px 20px 20px;">
1355. <div class="smallfont" style="margin-bottom: 2px;">
1356. <b>Lihat Gambar</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: green; color: white; font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
1357. </div>
1358. <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
1359. <div style="display: none;">
1360. <img alt="pindah ke tab Boot" class="aligncenter wp-image-731 size-full" height="433" sizes="(max-width: 580px) 100vw, 580px" src="https://www.nesabamedia.com/wp-content/uploads/2016/02/pindah-ke-tab-Boot.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/02/pindah-ke-tab-Boot.png 580w, http://www.nesabamedia.com/wp-content/uploads/2016/02/pindah-ke-tab-Boot-300x224.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="580" />
1361.  
1362. </div>
1363. </div>
1364. </div>
1365. </div>
1366. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1367. 3. Anda akan melihat tampilan seperti dibawah ini. Seperti yang anda lihat pada gambar berikut, bahwa device yang berada di urutan teratas adalah HDD. Jadi komputer/ laptop anda akan melakukan booting pertama kali dari HDD.</div>
1368. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1369. <div style="margin: 5px 20px 20px;">
1370. <div class="smallfont" style="margin-bottom: 2px;">
1371. <b>Lihat Gambar</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: green; color: white; font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
1372. </div>
1373. <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
1374. <div style="display: none;">
1375. <img alt="arahkan CD ROM Drive paling atas" class="aligncenter wp-image-713 size-full" height="433" sizes="(max-width: 580px) 100vw, 580px" src="https://www.nesabamedia.com/wp-content/uploads/2016/02/arahkan-CD-ROM-Drive-paling-atas.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/02/arahkan-CD-ROM-Drive-paling-atas.png 580w, http://www.nesabamedia.com/wp-content/uploads/2016/02/arahkan-CD-ROM-Drive-paling-atas-300x224.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="580" />
1376.  
1377. </div>
1378. </div>
1379. </div>
1380. </div>
1381. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1382. 4. Agar bisa booting dari CD/ DVD, anda perlu menempatkan CD-ROM Drive berada di urutan teratas. Caranya dengan memilih CD-ROM Drive, kemudian geser menggunakan tombol<strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> +/-</strong> sampai berada di urutan teratas seperti gambar berikut.</div>
1383. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1384. <div style="margin: 5px 20px 20px;">
1385. <div class="smallfont" style="margin-bottom: 2px;">
1386. <b>Lihat Gambar</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: green; color: white; font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
1387. </div>
1388. <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
1389. <div style="display: none;">
1390. <img alt="pastikan cd rom paling atas" class="aligncenter wp-image-725 size-full" height="431" sizes="(max-width: 580px) 100vw, 580px" src="https://www.nesabamedia.com/wp-content/uploads/2016/02/pastikan-cd-rom-paling-atas.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/02/pastikan-cd-rom-paling-atas.png 580w, http://www.nesabamedia.com/wp-content/uploads/2016/02/pastikan-cd-rom-paling-atas-300x223.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="580" />
1391. </div>
1392. </div>
1393. </div>
1394. </div>
1395. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1396. 5. Jangan lupa untuk memasukkan DVD Windows 7 nya pada DVDROM. Kemudian tekan tombol <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">F10</strong> untuk menyimpan hasil setting sekaligus keluar dari menu BIOS.</div>
1397. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1398. <div style="margin: 5px 20px 20px;">
1399. <div class="smallfont" style="margin-bottom: 2px;">
1400. <b>Lihat Gambar</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: green; color: white; font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
1401. </div>
1402. <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
1403. <div style="display: none;">
1404. <img alt="simpan konfigurasi" class="aligncenter wp-image-732 size-full" height="430" sizes="(max-width: 580px) 100vw, 580px" src="https://www.nesabamedia.com/wp-content/uploads/2016/02/simpan-konfigurasi.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/02/simpan-konfigurasi.png 580w, http://www.nesabamedia.com/wp-content/uploads/2016/02/simpan-konfigurasi-300x222.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="580" />
1405.  
1406. </div>
1407. </div>
1408. </div>
1409. </div>
1410. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1411. Tidak semua komputer/ laptop memiliki jenis BIOS yang sama. Bisa jadi BIOS yang anda gunakan juga tidak sama dengan yang saya gunakan pada tutorial kali ini.</div>
1412. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1413. Untuk lebih jelasnya, silakan baca artikel saya mengenai <a href="http://www.nesabamedia.com/pengertian-bios-dan-fungsinya-pada-komputer/" style="border: 0px; color: #0274be; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.25s linear; vertical-align: baseline;" target="_blank">pengertian, fungsi dan macam-macam BIOS</a>.</div>
1414. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1415. <br /></div>
1416. <h2 style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 1.4; margin: 0px 0px 12px; padding: 0px; vertical-align: baseline;">
1417. Langkah-langkah Cara Menginstall Windows 7</h2>
1418. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1419. Baiklah, setting BIOS agar booting dari CD/ DVD selesai. Sekarang waktunya instalasi windows 7. Menginstall windows 7 tidaklah sulit, silakan ikuti langkah-langkah berikut ini dengan seksama .<br />
1420. 1. Langkah pertama, tekan sembarang tombol untuk memulai instalasi.</div>
1421. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1422. 2. Silakan pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Indonesian (Indonesia)</strong> pada <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Time and currency format</strong>. Untuk <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Language to install</strong> dan <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Keyboard or input method</strong> biarkan <em style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">default</em>. Kemudian pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Next</strong>.</div>
1423. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1424. 3. Untuk memulai instalasi windows 7. Pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Install now</strong>.</div>
1425. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1426. 4. Centang <em style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">I accepted the license terms</em>, kemudian pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Next</strong>.</div>
1427. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1428. 5. Saya anggap anda saat ini sedang belajar menginstall sistem operasi windows 7 untuk pertama kalinya. Jadi, silakan pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Custom (advanced)</strong>.</div>
1429. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1430. 6. Jika anda ingin melakukan install ulang, downgrade maupun upgrade sistem operasi windows sekaligus ingin data-data pada partisi lain tidak hilang, cukup delete <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Disk 0 Partition 2 (partisi C:)</strong> dan <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Disk 0 Partition 1 : System Reserved</strong>, nanti otomatis kedua partisi yang anda delete tadi menjadi <em style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Unallocated Space</em>.</div>
1431. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1432. Silakan buat partisi baru lagi (secara otomotis, partisi tersebut menjadi Disk 0 Partition 2) dan jadikan Disk 0 Partition 2 sebagai lokasi instalasi windows 7, kemudian <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Next</strong>. Bingung? Simak gambar gif dibawah ini. (Untuk pengguna mobile, gunakan browser Chrome agar gambar gif bergerak dengan sempurna)</div>
1433. <blockquote style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 25px 0px 0px; padding: 0px 10px 20px 27px; position: relative; quotes: none; vertical-align: baseline;">
1434. <div style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 10px; padding: 0px; vertical-align: baseline;">
1435. Bagi yang ingin melakukan install ulang, downgrade maupun upgrade ke windows 7 sekaligus tidak ingin data-data di partisi lain hilang, silakan lewati langkah <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">nomor 7-10</strong>. Dan bagi anda yang pertama kali melakukan instalasi windows 7 sekaligus yang HDDnya masih mulus dan belum terinstall sistem operasi windows sebelumnya, silakan lewati langkah <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">nomor 6 ini</strong>.</div>
1436. </blockquote>
1437. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1438. <img alt="membuat partisi" class="aligncenter wp-image-723 size-full" height="391" src="https://www.nesabamedia.com/wp-content/uploads/2016/02/membuat-partisi.gif" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="521" /></div>
1439. <div style="background-color: white; border: 0px; color: #444444; float: none; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 10px 0px; padding: 0px; text-align: center; vertical-align: baseline;">
1440. </div>
1441. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1442. 7. Langkah selanjutnya yaitu mempartisi ruang harddisk. Pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Drive options (advanced)</strong> > <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">New</strong>. Lalu tentukan ukuran partisi/ drive tersebut. Kemudian pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Apply</strong> jika sudah selesai.</div>
1443. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1444. 8. Pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">OK</strong> untuk pembuatan system files windows atau yang biasa disebut<em style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> system reserved partition</em> saja.</div>
1445. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1446. 9. Silakan buat 2 partisi dengan cara yang sama seperti langkah <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">nomor 7</strong>. Sebenarnya, berapa banyak partisi tergantung selera masing-masing. Pada tutorial kali ini, saya hanya membuat 2 partisi.</div>
1447. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1448. 10. Silakan pilih Disk 0 Partition 2 sebagai <span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: underline; vertical-align: baseline;">lokasi instalasi windows</span>. Kemudian pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Next</strong>. Sebenarnya, anda bisa memilih lokasi instalasi dimana saja, tapi saya sarankan anda letakkan di <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Disk 0 Partition 2</strong>.</div>
1449. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1450. <br /></div>
1451. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1452. 11. Proses instalasi windows 7 berlangsung. Proses ini memakan waktu kurang lebih 20 menit. Selama proses berlangsung, komputer akan reboot/ restart dengan sendirinya beberapa kali.</div>
1453. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1454. <div style="margin: 5px 20px 20px;">
1455. <div class="smallfont" style="margin-bottom: 2px;">
1456. <b>Lihat Gambar</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: green; color: white; font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
1457. </div>
1458. <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
1459. <div style="display: none;">
1460. <img alt="tunggu proses instalasi" class="aligncenter wp-image-735 size-full" height="435" sizes="(max-width: 580px) 100vw, 580px" src="https://www.nesabamedia.com/wp-content/uploads/2016/02/tunggu-proses-instalasi.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/02/tunggu-proses-instalasi.png 580w, http://www.nesabamedia.com/wp-content/uploads/2016/02/tunggu-proses-instalasi-300x225.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="580" />
1461. </div>
1462. </div>
1463. </div>
1464. </div>
1465. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1466. 12. Jangan tekan tombol apapun pada keyboard! Hal tersebut akan menyebabkan anda mengulangi proses instalasi dari awal.</div>
1467. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1468. <div style="margin: 5px 20px 20px;">
1469. <div class="smallfont" style="margin-bottom: 2px;">
1470. <b>Lihat Gambar</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: green; color: white; font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
1471. </div>
1472. <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
1473. <div style="display: none;">
1474. <img alt="jangan tekan tombol apapun" class="aligncenter wp-image-719 size-full" height="322" sizes="(max-width: 580px) 100vw, 580px" src="https://www.nesabamedia.com/wp-content/uploads/2016/02/jangan-tekan-tombol-apapun.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/02/jangan-tekan-tombol-apapun.png 580w, http://www.nesabamedia.com/wp-content/uploads/2016/02/jangan-tekan-tombol-apapun-300x167.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="580" />
1475. </div>
1476. </div>
1477. </div>
1478. </div>
1479. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1480. 13. Langkah selanjutnya yaitu memasukkan nama pengguna dan nama komputer. Kemudian pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Next</strong>.</div>
1481. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1482. <div style="margin: 5px 20px 20px;">
1483. <div class="smallfont" style="margin-bottom: 2px;">
1484. <b>Lihat Gambar</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: green; color: white; font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
1485. </div>
1486. <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
1487. <div style="display: none;">
1488. <img alt="beri nama pengguna dan PC" class="aligncenter wp-image-715 size-full" height="435" sizes="(max-width: 580px) 100vw, 580px" src="https://www.nesabamedia.com/wp-content/uploads/2016/02/beri-nama-pengguna-dan-PC.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/02/beri-nama-pengguna-dan-PC.png 580w, http://www.nesabamedia.com/wp-content/uploads/2016/02/beri-nama-pengguna-dan-PC-300x225.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="580" />
1489. </div>
1490. </div>
1491. </div>
1492. </div>
1493. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1494. 14. Langkah berikutnya yaitu membuat password untuk akun Windows. Saran saya, buatlah password yang kuat dengan kombinasi angka dan simbol. Sedangkan untuk password hint, isikan kata atau kalimat yang membantu anda mengingat password anda tersebut. Jika anda tidak ingin menambahkan password, biarkan saja kosong. Kemudian pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Next</strong>.</div>
1495. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1496. <div style="margin: 5px 20px 20px;">
1497. <div class="smallfont" style="margin-bottom: 2px;">
1498. <b>Lihat Gambar</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: green; color: white; font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
1499. </div>
1500. <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
1501. <div style="display: none;">
1502. <img alt="beri password" class="aligncenter wp-image-716 size-full" height="435" sizes="(max-width: 580px) 100vw, 580px" src="https://www.nesabamedia.com/wp-content/uploads/2016/02/beri-password.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/02/beri-password.png 580w, http://www.nesabamedia.com/wp-content/uploads/2016/02/beri-password-300x225.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="580" />
1503. </div>
1504. </div>
1505. </div>
1506. </div>
1507. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1508. 15. Silakan masukkan product key windows 7, kemudian pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Next</strong>. Jika tidak mempunyai <em style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">product key</em>, anda bisa lewati langkah berikut ini tanpa memasukkan <em style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">product key</em>. Tetapi, tanpa aktivasi product key, anda hanya dapat menggunakan Windows 7 selama masa trial (30 hari). Selanjutnya pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Next</strong>.</div>
1509. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1510. <div style="margin: 5px 20px 20px;">
1511. <div class="smallfont" style="margin-bottom: 2px;">
1512. <b>Lihat Gambar</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: green; color: white; font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
1513. </div>
1514. <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
1515. <div style="display: none;">
1516. <img alt="masukkan product key" class="aligncenter wp-image-721 size-full" height="435" sizes="(max-width: 580px) 100vw, 580px" src="https://www.nesabamedia.com/wp-content/uploads/2016/02/masukkan-product-key.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/02/masukkan-product-key.png 580w, http://www.nesabamedia.com/wp-content/uploads/2016/02/masukkan-product-key-300x225.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="580" />
1517.  
1518. </div>
1519. </div>
1520. </div>
1521. </div>
1522. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1523. 16. Untuk Windows Update, silakan pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Ask me later</strong>. Anda bisa memilih Use recommended settings jika DVD windows 7 yang anda miliki original. Tetapi jika tidak, saya sangat menyarankan pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Ask me later</strong>.</div>
1524. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1525. <div style="margin: 5px 20px 20px;">
1526. <div class="smallfont" style="margin-bottom: 2px;">
1527. <b>Lihat Gambar</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: green; color: white; font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
1528. </div>
1529. <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
1530. <div style="display: none;">
1531. <img alt="windows update" class="aligncenter wp-image-736 size-full" height="435" sizes="(max-width: 580px) 100vw, 580px" src="https://www.nesabamedia.com/wp-content/uploads/2016/02/windows-update.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/02/windows-update.png 580w, http://www.nesabamedia.com/wp-content/uploads/2016/02/windows-update-300x225.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="580" />
1532.  
1533. </div>
1534. </div>
1535. </div>
1536. </div>
1537. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1538. 17. Untuk Time zone/ zona waktu. Pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">(UTC+07:00) Bangkok, Hanoi, Jakarta</strong>.</div>
1539. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1540. <div style="margin: 5px 20px 20px;">
1541. <div class="smallfont" style="margin-bottom: 2px;">
1542. <b>Lihat Gambar</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: green; color: white; font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
1543. </div>
1544. <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
1545. <div style="display: none;">
1546. <img alt="atur time zone" class="aligncenter wp-image-714 size-full" height="435" sizes="(max-width: 580px) 100vw, 580px" src="https://www.nesabamedia.com/wp-content/uploads/2016/02/atur-time-zone.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/02/atur-time-zone.png 580w, http://www.nesabamedia.com/wp-content/uploads/2016/02/atur-time-zone-300x225.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="580" />
1547. </div>
1548. </div>
1549. </div>
1550. </div>
1551. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1552. 18. Langkah berikutnya yaitu menentukan lokasi jaringan. Silakan pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Public Network</strong>.</div>
1553. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1554. <div style="margin: 5px 20px 20px;">
1555. <div class="smallfont" style="margin-bottom: 2px;">
1556. <b>Lihat Gambar</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: green; color: white; font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
1557. </div>
1558. <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
1559. <div style="display: none;">
1560. <img alt="pilih public network" class="aligncenter wp-image-1494 size-full" height="435" sizes="(max-width: 580px) 100vw, 580px" src="https://www.nesabamedia.com/wp-content/uploads/2015/05/public-network.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2015/05/public-network.png 580w, http://www.nesabamedia.com/wp-content/uploads/2015/05/public-network-300x225.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="580" />
1561. </div>
1562. </div>
1563. </div>
1564. </div>
1565. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1566.  19. Jika anda menambahkan password untuk akun anda seperti pada langkah no. 14. Anda harus memasukkan password terlebih dahulu untuk masuk ke layar dekstop. Kemudian tekan tombol <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Enter</strong>.</div>
1567. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1568. <div style="margin: 5px 20px 20px;">
1569. <div class="smallfont" style="margin-bottom: 2px;">
1570. <b>Lihat Gambar</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: green; color: white; font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
1571. </div>
1572. <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
1573. <div style="display: none;">
1574. <img alt="login" class="aligncenter wp-image-720 size-full" height="435" sizes="(max-width: 580px) 100vw, 580px" src="https://www.nesabamedia.com/wp-content/uploads/2016/02/login.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/02/login.png 580w, http://www.nesabamedia.com/wp-content/uploads/2016/02/login-300x225.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="580" />
1575. </div>
1576. </div>
1577. </div>
1578. </div>
1579. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1580. 20. Well ! Proses instalasi windows 7 selesai. <img alt="🙂" class="emoji" draggable="false" src="https://s.w.org/images/core/emoji/2.2.1/svg/1f642.svg" style="background: none !important; border: none !important; box-shadow: none !important; display: inline !important; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 1em !important; line-height: inherit; margin: 0px 0.07em !important; max-width: 100%; padding: 0px !important; vertical-align: -0.1em !important; width: 1em !important;" /></div>
1581. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1582. <div style="margin: 5px 20px 20px;">
1583. <div class="smallfont" style="margin-bottom: 2px;">
1584. <b>Lihat Gambar</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="background: green; color: white; font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
1585. </div>
1586. <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
1587. <div style="display: none;">
1588. <img alt="tampilan dekstop" class="aligncenter wp-image-733 size-full" height="435" sizes="(max-width: 580px) 100vw, 580px" src="https://www.nesabamedia.com/wp-content/uploads/2016/02/tampilan-dekstop.png" srcset="http://www.nesabamedia.com/wp-content/uploads/2016/02/tampilan-dekstop.png 580w, http://www.nesabamedia.com/wp-content/uploads/2016/02/tampilan-dekstop-300x225.png 300w" style="border: 0px; clear: both; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto !important; line-height: inherit; margin: 1em auto; max-width: 100%; padding: 0px; vertical-align: baseline;" width="580" />
1589. </div>
1590. </div>
1591. </div>
1592. </div>
1593. <h2 style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 1.4; margin: 0px 0px 12px; padding: 0px; vertical-align: baseline;">
1594. Penutup</h2>
1595. <div style="border: 0px; font-stretch: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1596. <span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #444444;"><span style="background-color: white;">Selain menginstall melalui DVDROM, anda juga bisa </span></span>menginstall windows 7 dengan USB flashdisk<span style="color: #444444;"><span style="background-color: white;"> dengan cara menjadikannya bootable flashdisk terlebih dahulu. Cara menginstallnya pun tidak jauh berbeda dengan menginstall melalui DVDROM.</span></span></span></div>
1597. <div style="background-color: white; border: 0px; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
1598. Semoga tulisan sederhana saya ini bermanfaat dan juga mudah dipahami. Jangan lupa untuk melakukan lima hal dibawah ini setelah anda selesai melakukan instalasi windows 7.
1599. <!-- Start of KomisiGRATIS.Com Script -->
1600. <script src="http://komisigratis.com/ads.php?pub=33157" type="text/javascript"></script>
1601. <!-- End of KomisiGRATIS.Com Script -->
1602. </div>
1603. </content><link rel='replies' type='application/atom+xml' href='https://fatra-code.blogspot.com/feeds/5973425085875247190/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://fatra-code.blogspot.com/2017/01/cara-menginstal-windows-7.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/5973425085875247190'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/3832458081356410670/posts/default/5973425085875247190'/><link rel='alternate' type='text/html' href='https://fatra-code.blogspot.com/2017/01/cara-menginstal-windows-7.html' title='Cara Menginstal Windows 7'/><author><name>fatra</name><uri>http://www.blogger.com/profile/04705082021414999454</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjow3ZcE0DpUrnBuljcSCLyhW8W00w6x_BQZaKsGqc_VSpYo8t3IEXAXVjC8rM0dtg-eZrUdFOqdvXGfhGoapscsoV1fXFN7fejU7QhDyhJ8WMak3iD649vgIkduGwA1w/s220/TITTLE+2.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisy6J4nOHQfydhDedCZVcr9XpWM_Zi7MCqnx4HxVJyCyh4jowBig_ue7GQzNAttlO5SASkejCATQjwI0lTzoxYJLRmBiEJebY0SyyfcqncZ6e39euswQch9rGyGOnFTF5rBISqJLjH8DZZ/s72-c/windows_7_microsoft_logo.jpg" height="72" width="72"/><thr:total>0</thr:total></entry></feed>

If you would like to create a banner that links to this page (i.e. this validation result), do the following:

1. Download the "valid Atom 1.0" banner.

2. Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)

3. Add this HTML to your page (change the image src attribute if necessary):

   <a href="http://www.feedvalidator.org/check.cgi?url=https%3A//fatra-code.blogspot.com/feeds/posts/default"><img src="valid-atom.png" alt="[Valid Atom 1.0]" title="Validate my Atom 1.0 feed" /></a>

If you would like to create a text link instead, here is the URL you can use:

http://www.feedvalidator.org/check.cgi?url=https%3A//fatra-code.blogspot.com/feeds/posts/default

Home · About · News · Docs · Terms