<?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-2456315145768016065</id><updated>2024-10-05T10:26:54.884+07:00</updated><category term="Tutorial"/><category term="Anime"/><category term="Software"/><category term="PHP MYSQL"/><category term="Informasi"/><category term="localhost"/><title type='text'>WORLD-INFO</title><subtitle type='html'>good time with my blog</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default?start-index=26&amp;max-results=25'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/02688156754944993476</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>42</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-3072972004084763548</id><published>2016-03-06T19:00:00.000+07:00</published><updated>2016-05-06T17:20:31.016+07:00</updated><title type='text'>Background blog Mas Yoga</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwSbaFsXABH5gXQ-h1Tp6eDTyZqmtipYIq5cSScn_YQ3ms4XlTGhqmbeZ0OZ_39hqVW3HfY1T2z9U54VRKjLi5LpfrEBw-lSE_l2dOggIDtpFlD0zv7ori2vyHgau5V4z8JWKZD_3QKlj2/s1600/b-kawakami-kazuko1.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwSbaFsXABH5gXQ-h1Tp6eDTyZqmtipYIq5cSScn_YQ3ms4XlTGhqmbeZ0OZ_39hqVW3HfY1T2z9U54VRKjLi5LpfrEBw-lSE_l2dOggIDtpFlD0zv7ori2vyHgau5V4z8JWKZD_3QKlj2/s1600/b-kawakami-kazuko1.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgad0m6SBKtkef_oE5GjSKo-m5u6O0_4ZKtU1FWt0c7aUKHVF7RK63y0Rq9rXa9-_cntcaHDSgitk-44zmi15a0WaIO7H8REagIGntolypgYyXmfNe1ff1rpf8V9AGMIJ5JSHT7UmwohVBC/s1600/background+crrista.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgad0m6SBKtkef_oE5GjSKo-m5u6O0_4ZKtU1FWt0c7aUKHVF7RK63y0Rq9rXa9-_cntcaHDSgitk-44zmi15a0WaIO7H8REagIGntolypgYyXmfNe1ff1rpf8V9AGMIJ5JSHT7UmwohVBC/s640/background+crrista.jpg&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaXVVVCsww1C8PnekcKXKFLXQRHWZ_7SDQlBnac0FLo7nSHAJTVFyQk8aVcfsGdZIS_gqILc3dNXVwuJT1Dfoz_nFToSTEMDIKxowgsnIFFsdybBOyMQlAnrYaBr2HF6ele6vw6i4p831T/s1600/background+petra.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaXVVVCsww1C8PnekcKXKFLXQRHWZ_7SDQlBnac0FLo7nSHAJTVFyQk8aVcfsGdZIS_gqILc3dNXVwuJT1Dfoz_nFToSTEMDIKxowgsnIFFsdybBOyMQlAnrYaBr2HF6ele6vw6i4p831T/s640/background+petra.jpg&quot; width=&quot;163&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXPi-Hiyf39yMaXKgANIxQjZj-4A5UlT9czqnCOBClFMHPQYtwPmlACI5FhUjTUSc4B5jSxBkL_gE59vWp25ZNf2vzyvgfGB7xSCC6ySLS72eGE9jJV_EhbxQGv1TbCfV_kehJadu7beST/s1600/tokyo+ravens+background.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXPi-Hiyf39yMaXKgANIxQjZj-4A5UlT9czqnCOBClFMHPQYtwPmlACI5FhUjTUSc4B5jSxBkL_gE59vWp25ZNf2vzyvgfGB7xSCC6ySLS72eGE9jJV_EhbxQGv1TbCfV_kehJadu7beST/s1600/tokyo+ravens+background.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKuhfr4zNUqm9lQle1ubXD-cjrMUHj77OiNqFZs6b9uKRwUM_TRsP5Hlxio6vyVN86aYdL5VVxNcJRopi5d3XrVuBurSRUGq_DHzx2nmAhj_XU2Dz0EH0O7FQ4N2V3GdnoBcIdOwWZiTnY/s1600/background+kiri+terbaru.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKuhfr4zNUqm9lQle1ubXD-cjrMUHj77OiNqFZs6b9uKRwUM_TRsP5Hlxio6vyVN86aYdL5VVxNcJRopi5d3XrVuBurSRUGq_DHzx2nmAhj_XU2Dz0EH0O7FQ4N2V3GdnoBcIdOwWZiTnY/s1600/background+kiri+terbaru.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLTqJ1Rv1DEShPsPw7EvKIsV4gKZAAxXfkzTmp0F__qD3lYCgG8rnjJyx3fWfznH8KllqgwnOe2fVl0JbbWd4J7atXyC2JSl-kgA9-8hecuPgmXnJTzz1FllrzSOM7CGmQFlUd0UpuZWNv/s1600/background+kanan+terbaru+copy.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLTqJ1Rv1DEShPsPw7EvKIsV4gKZAAxXfkzTmp0F__qD3lYCgG8rnjJyx3fWfznH8KllqgwnOe2fVl0JbbWd4J7atXyC2JSl-kgA9-8hecuPgmXnJTzz1FllrzSOM7CGmQFlUd0UpuZWNv/s1600/background+kanan+terbaru+copy.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwFUI8HOgKdtgj6R36kqSOdKm60JwVPJZEvmqZj9mZxcPNfKjwf5RUfusirfjo5KPnO9intUvJM_lx59iN3DuvxgUwBNu0avjKI9FA6AdV5dAmoow80Ghfczw5q29apwyHyHOIZZmvY41Q/s1600/logo+amysubs+copy.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwFUI8HOgKdtgj6R36kqSOdKm60JwVPJZEvmqZj9mZxcPNfKjwf5RUfusirfjo5KPnO9intUvJM_lx59iN3DuvxgUwBNu0avjKI9FA6AdV5dAmoow80Ghfczw5q29apwyHyHOIZZmvY41Q/s1600/logo+amysubs+copy.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPpOAtbChpUnXFAc5iP7aznTQeNZv84su4sy_tLOucUloEqIT03nEfqNGN3e60QntXqrx33VBrQdegz_hNtIjr_FFdc7TvB1TJG2UIFta-caxjU-v4hn8dgO_z5rv_-rmiDf_6Kps5Zygb/s1600/bakground+kiri+baru.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPpOAtbChpUnXFAc5iP7aznTQeNZv84su4sy_tLOucUloEqIT03nEfqNGN3e60QntXqrx33VBrQdegz_hNtIjr_FFdc7TvB1TJG2UIFta-caxjU-v4hn8dgO_z5rv_-rmiDf_6Kps5Zygb/s1600/bakground+kiri+baru.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjomhTReU_wWx4zc4yBx38kwHa89hX9UZ5drveq64GyAK-VUVTRm8lLIt1kmbpQXQYU0cPjy1NadFM836Qokc5d6nIZpLeTaZsHdjeJ6jURMq1GxRuQ9pFk8npTxbYTtWYe7c_Tq1idGFOK/s1600/background+kanan+baru.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjomhTReU_wWx4zc4yBx38kwHa89hX9UZ5drveq64GyAK-VUVTRm8lLIt1kmbpQXQYU0cPjy1NadFM836Qokc5d6nIZpLeTaZsHdjeJ6jURMq1GxRuQ9pFk8npTxbYTtWYe7c_Tq1idGFOK/s1600/background+kanan+baru.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyRfjCxOWdo4Bx8LC45jc7yAuc8CwXtzG_cTfTCzKpt2ZNj_U7lRu3lD8JCUGbFpiJOjkBh9RGmaDij1vloMsTmiwraDjz07OmmCubbKrQBpVBRGCaxC-BVltA7H42g-niGeR8BPrbgjpp/s1600/background+kanan.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyRfjCxOWdo4Bx8LC45jc7yAuc8CwXtzG_cTfTCzKpt2ZNj_U7lRu3lD8JCUGbFpiJOjkBh9RGmaDij1vloMsTmiwraDjz07OmmCubbKrQBpVBRGCaxC-BVltA7H42g-niGeR8BPrbgjpp/s1600/background+kanan.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzESiSc6mS2z0Z7GT0Qi1xAaKZHMpEfENrBByzadUuIu_LI2MNU0AfcEy04H8xI2EjHNd70ffXPPtB_jCJJeryaEw7AFmyyxkPfymuYUzJsvnVGLCnsc48zRU96OyMQVk4xazMzXgaW5LU/s1600/background+kiri+copy.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzESiSc6mS2z0Z7GT0Qi1xAaKZHMpEfENrBByzadUuIu_LI2MNU0AfcEy04H8xI2EjHNd70ffXPPtB_jCJJeryaEw7AFmyyxkPfymuYUzJsvnVGLCnsc48zRU96OyMQVk4xazMzXgaW5LU/s1600/background+kiri+copy.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7i26mrrekFDLwscZg_ZqBlcCsiv6c8e9896YBCmzznR3xzLzwEKwjZiAgivo0WYcY72Alb0RzHFtXNyw4ckgSay6BunS3zpWdsqN6SAzIVSz_wYkp6qK6-64X4bglNUGnzC9l7rz8Sc-7/s1600/background+baru.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7i26mrrekFDLwscZg_ZqBlcCsiv6c8e9896YBCmzznR3xzLzwEKwjZiAgivo0WYcY72Alb0RzHFtXNyw4ckgSay6BunS3zpWdsqN6SAzIVSz_wYkp6qK6-64X4bglNUGnzC9l7rz8Sc-7/s1600/background+baru.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPXZSNW9bNJU2-6qdgcgEcKWNq6pg_0N5mPfDkCy5YaiIToqb5c91ediCFRIYe1udGIjwDE4uT6Nk06ZPhMOBohkRrHZ4_kMgtRTEDTKjJ1HYQf_jP15LD9sipE-f8xTZfEGVIepsltQ3y/s1600/logo+baru.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPXZSNW9bNJU2-6qdgcgEcKWNq6pg_0N5mPfDkCy5YaiIToqb5c91ediCFRIYe1udGIjwDE4uT6Nk06ZPhMOBohkRrHZ4_kMgtRTEDTKjJ1HYQf_jP15LD9sipE-f8xTZfEGVIepsltQ3y/s1600/logo+baru.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKTR_dmwCUfnF12OPFKVxS_a2Kt9sIQ5ZjyPffoOgdkR38zqETD9OguKohUfwNQYApMV8sisQ3gAfsvQc6rNVxGGsnpo9aqiP4LFLv83ICdWO19KX0jVliFqcOkyiLYQXq8hzHswdTQSZt/s1600/Saijaku+Muhai+no+Bahamut.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKTR_dmwCUfnF12OPFKVxS_a2Kt9sIQ5ZjyPffoOgdkR38zqETD9OguKohUfwNQYApMV8sisQ3gAfsvQc6rNVxGGsnpo9aqiP4LFLv83ICdWO19KX0jVliFqcOkyiLYQXq8hzHswdTQSZt/s1600/Saijaku+Muhai+no+Bahamut.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz3lI3S_dKJVRMk6nQ6rrO0W8Bo_xwv5x29GGflLcYIFEN878YgBV-HziU0CNwHk-6JYM7SzPbS7McvItSJnljpd87DUQVt8UsSrOzDfXlubUR3inDYC0sMQGUC_YaGjGFgVf-YssRVsMZ/s1600/blue_eyes_bow_charlotte_gray_hair_seifuku_seirei911_tomori_nao_twintails_white_1920x1080+copy.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz3lI3S_dKJVRMk6nQ6rrO0W8Bo_xwv5x29GGflLcYIFEN878YgBV-HziU0CNwHk-6JYM7SzPbS7McvItSJnljpd87DUQVt8UsSrOzDfXlubUR3inDYC0sMQGUC_YaGjGFgVf-YssRVsMZ/s1600/blue_eyes_bow_charlotte_gray_hair_seifuku_seirei911_tomori_nao_twintails_white_1920x1080+copy.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZdfMYeQsxcyLJ9HgSCTqRF1wXVpzPry-WTZEc8u6rD961A9YVJG_a2TvBsW8Wcw6J7JWBbQryy6PVmVj6eToJ5zZIwVj7ocAfURGTHjDDWOGNgmpEoXq8KrBpJ0CmZWJznMttpU3sV2-_/s1600/blue_eyes_bow_charlotte_gray_hair_seifuku_seirei911_tomori_nao_twintails_white_1920x1080.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZdfMYeQsxcyLJ9HgSCTqRF1wXVpzPry-WTZEc8u6rD961A9YVJG_a2TvBsW8Wcw6J7JWBbQryy6PVmVj6eToJ5zZIwVj7ocAfURGTHjDDWOGNgmpEoXq8KrBpJ0CmZWJznMttpU3sV2-_/s1600/blue_eyes_bow_charlotte_gray_hair_seifuku_seirei911_tomori_nao_twintails_white_1920x1080.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/3072972004084763548/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2016/03/background-blog-mas-yoga.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/3072972004084763548'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/3072972004084763548'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2016/03/background-blog-mas-yoga.html' title='Background blog Mas Yoga'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/02688156754944993476</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwSbaFsXABH5gXQ-h1Tp6eDTyZqmtipYIq5cSScn_YQ3ms4XlTGhqmbeZ0OZ_39hqVW3HfY1T2z9U54VRKjLi5LpfrEBw-lSE_l2dOggIDtpFlD0zv7ori2vyHgau5V4z8JWKZD_3QKlj2/s72-c/b-kawakami-kazuko1.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-7621806294915670125</id><published>2016-01-18T10:23:00.004+07:00</published><updated>2016-01-22T09:04:06.943+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="localhost"/><title type='text'>CARA MENGINSTALL OPEN SOURCE SOCIAL NETWORK DI LOCALHOST</title><content type='html'>&lt;div align=&quot;center&quot; class=&quot;MsoNormal&quot; style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Selamat jumpa kembali sobat, &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Bagaimana kabarnya,,? Mudah-mudahan selalu di beri
kesehatan. Sebelumnya saya membagikan cara menginstall social network dengan
menggunakan phpfox, sekarang saya akan membagikan cara menginstall social
network dengan Open Source Social Network,, siapa sih yang nggak tahu social
network? Di jaman modern ini, pasti tidak kenal dengan yang namanya facebook,
twitter. Itulah social network paling populer sampai sekarang ini. Apalagi
facebook, yang merupakan buatan dari Mark Zuckerberg.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Oke lanjut ke materi.,, sobat tahu apa itu Open Source?
Sedikit penjelasan dari admin,, open source merupakan sebuah program yang
terbuka buat orang, jadi bersifat terbuka, dan kita bisa mengoperasikannya
secara bebas. Jadi Open Source Social Network merupakan script&amp;nbsp; jejaring sosial yang terbuka untuk orang
lain, tapi ingat jangan di jual-belikan, nanti melanggar hak milik negara.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Marilah kita mulai tutorialnya ; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
1. Download script OPEN SOURCE SOCIAL NETWORK, dan siapkan
aplikasi localhostnya, Admin saranin pakai AMPPS.&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
2. Jika script sudah di download, ekstrak dengan WinRAR,
lalu taruh di &lt;b&gt;programfiles/Ampps/www&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
3. Selanjutnya, jalankan Apache dan MYSQL-nya.&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
4. Buka browser, dan ketikkan &lt;b&gt;localhost/&amp;nbsp; namafolder/install, &lt;/b&gt;cth
: localhost/ossn/install, lalu enter. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
5. Maka akan muncul tampilan instalan Open Source Social
Network. Lihat!! Baca tulisan merah, “&lt;span style=&quot;background: rgb(255, 229, 230);&quot;&gt;You have an old version of PHP 5.6.6 You need
PHP 5.4 or PHP 5.5”.&lt;/span&gt; maksudnya : kita mempunyai versi PHP dilocalhost
kita versi 5.6.6, jadi kita tidak di perbolehkan, malah di suruh membutuhkan
localhost PHP yang versi 5.4 atau versi 5.5.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&amp;nbsp;jadi ubah versi
PHP di Ampps, pertama buka Ampps , pilih menu PHP, pilih change PHP version,
pilih 5.5 yang pnting jangan versi 5.6, lalu apply. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYKzGTJVnsYxWJjM3fQN3as-sBMgj1YIf1EfW_C26YlfnPMCYMAoLkhdd82GudsIgh74QzEmD-O6A7C1sfPGfDcmz8yL2EV_E0fOiuZoOn2SMgp716PUonr4pSzS7G9P8eBOgcDdR22OZS/s1600/ubah+versi+PHP.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;316&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYKzGTJVnsYxWJjM3fQN3as-sBMgj1YIf1EfW_C26YlfnPMCYMAoLkhdd82GudsIgh74QzEmD-O6A7C1sfPGfDcmz8yL2EV_E0fOiuZoOn2SMgp716PUonr4pSzS7G9P8eBOgcDdR22OZS/s400/ubah+versi+PHP.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shapetype
 id=&quot;_x0000_t75&quot; coordsize=&quot;21600,21600&quot; o:spt=&quot;75&quot; o:preferrelative=&quot;t&quot;
 path=&quot;m@4@5l@4@11@9@11@9@5xe&quot; filled=&quot;f&quot; stroked=&quot;f&quot;&gt;
 &lt;v:stroke joinstyle=&quot;miter&quot;/&gt;
 &lt;v:formulas&gt;
  &lt;v:f eqn=&quot;if lineDrawn pixelLineWidth 0&quot;/&gt;
  &lt;v:f eqn=&quot;sum @0 1 0&quot;/&gt;
  &lt;v:f eqn=&quot;sum 0 0 @1&quot;/&gt;
  &lt;v:f eqn=&quot;prod @2 1 2&quot;/&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelWidth&quot;/&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelHeight&quot;/&gt;
  &lt;v:f eqn=&quot;sum @0 0 1&quot;/&gt;
  &lt;v:f eqn=&quot;prod @6 1 2&quot;/&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelWidth&quot;/&gt;
  &lt;v:f eqn=&quot;sum @8 21600 0&quot;/&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelHeight&quot;/&gt;
  &lt;v:f eqn=&quot;sum @10 21600 0&quot;/&gt;
 &lt;/v:formulas&gt;
 &lt;v:path o:extrusionok=&quot;f&quot; gradientshapeok=&quot;t&quot; o:connecttype=&quot;rect&quot;/&gt;
 &lt;o:lock v:ext=&quot;edit&quot; aspectratio=&quot;t&quot;/&gt;
&lt;/v:shapetype&gt;&lt;v:shape id=&quot;Picture_x0020_1&quot; o:spid=&quot;_x0000_i1035&quot; type=&quot;#_x0000_t75&quot;
 style=&#39;width:264.75pt;height:210pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
6. Jika proses penggantian versi PHP sudah selesai.
Kembali ke browser, dan refresh laman. Maka tulisan error akan menghilang.
Selanjutnya klik next.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&amp;nbsp;&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_2&quot; o:spid=&quot;_x0000_i1034&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:352.5pt;
 height:220.5pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image003.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1OwotsnKfynYvR0VgkU9yQnIjl6DL5R4EEGTfP2IZdf5Et0My2uRAQqkIwPC899UmjOr5iv8_VwePdGjKN_GOvVXKA1Puj3nxXQRwTGAYEGBUR2Fz6oschwUlIS1aNx1BcVTd0G4l6pdJ/s1600/sukses+ganti+versi+php.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;250&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1OwotsnKfynYvR0VgkU9yQnIjl6DL5R4EEGTfP2IZdf5Et0My2uRAQqkIwPC899UmjOr5iv8_VwePdGjKN_GOvVXKA1Puj3nxXQRwTGAYEGBUR2Fz6oschwUlIS1aNx1BcVTd0G4l6pdJ/s400/sukses+ganti+versi+php.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;o:p&gt;&lt;/o:p&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
7. Maka akan di bawa ke proses selanjutnya, yaitu server
setting. Sebelumnya sobat harus buat database dulu ya, sama priviliges usernya.
Isi semua data, lalu klik install.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBKfXGYUSvlYKKSDDKHFiFndmTQGtZbPZO0XCAuBiRMLb3WSqKHAELXPjN1RI9Ew_U8SZbQIQX6d3tIZH1RCzXGFNGXpLpkDwCCBqh_Dxj00p72Pm_v722DWqeocKQdQQWLJ5HF4GrSDcB/s1600/pengisian+server+setting.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;240&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBKfXGYUSvlYKKSDDKHFiFndmTQGtZbPZO0XCAuBiRMLb3WSqKHAELXPjN1RI9Ew_U8SZbQIQX6d3tIZH1RCzXGFNGXpLpkDwCCBqh_Dxj00p72Pm_v722DWqeocKQdQQWLJ5HF4GrSDcB/s400/pengisian+server+setting.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_6&quot; o:spid=&quot;_x0000_i1033&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:341.25pt;
 height:204.75pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image005.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
8. Jika sobat setelah klik install, muncul tulisan error
berwarna merah. Seperti ini, &lt;span style=&quot;background: rgb(255 , 229 , 230); font-family: &amp;quot;arial&amp;quot; , sans-serif; font-size: 10pt; line-height: 115%;&quot;&gt;I&lt;/span&gt;&lt;span style=&quot;background: rgb(255 , 229 , 230); font-family: &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;nvalid
data directory or directory is not writeable. &lt;/span&gt;Maksudnya : data directory
yang di inginkan tidak ada di dalam instalan folder ossn tadi, tergantung nama
ekstrakan tadi.Caranya mudah kok, &amp;nbsp;lihat
pada Data Directory, &lt;b&gt;C:/programfiles/Ampps/www/ossn_data/,
&lt;/b&gt;pada &lt;b&gt;/ossn_data/&lt;/b&gt; ganti &lt;b&gt;/ossn,&lt;/b&gt; cuman &lt;b&gt;data&lt;/b&gt; dan&lt;b&gt; /&lt;/b&gt; yang di
hapus. Lalu klik install. Dan berhasil,,,,,,,,,,.....!!!!!!!!!!!!!&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYxBMJIJX0XRCOtTHewhd3_dhtdb97vvhPtbNc9oeUJjB9fu8_N_5RaNWyn46LIpP_wv33a1KCeQ-Jgq1Ci47udsCYVcNrk5GWvuxm134ZiL3x1v7ZDU3kBpeajoK_OXZaiuX-sls9Utxm/s1600/data+directory.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;68&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYxBMJIJX0XRCOtTHewhd3_dhtdb97vvhPtbNc9oeUJjB9fu8_N_5RaNWyn46LIpP_wv33a1KCeQ-Jgq1Ci47udsCYVcNrk5GWvuxm134ZiL3x1v7ZDU3kBpeajoK_OXZaiuX-sls9Utxm/s400/data+directory.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_5&quot; o:spid=&quot;_x0000_i1032&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:273pt;
 height:42.75pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image007.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
9. Langkah selanjutnya, akan di bawa ke account settings.
Isi semua data dari nama depan, nama belakang, email, username, password,
birthdate, dan gender menurut tentang semua diri sobat, lalu klik create.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfBTQU9Hy3Caydtc9PZ5o7Rel7qtXV8b8WylbToe6C1mET4maJ7TJb1Yh3G5HglS-slIy1_Cx-aPiqngdq45_Le9-ScpEz_f1icRoWtQBjNatZrWbgezNVjQOiAUkM08hwVphKJLXU_EuJ/s1600/account+settings.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;222&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfBTQU9Hy3Caydtc9PZ5o7Rel7qtXV8b8WylbToe6C1mET4maJ7TJb1Yh3G5HglS-slIy1_Cx-aPiqngdq45_Le9-ScpEz_f1icRoWtQBjNatZrWbgezNVjQOiAUkM08hwVphKJLXU_EuJ/s400/account+settings.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_7&quot; o:spid=&quot;_x0000_i1031&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:5in;
 height:201pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image009.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
10. Maka proses penginstalan berhasil,,,, lalu klik finish
deh. Lihat sobat tulisan yang admin beri kotak warna merah. Maksudnya adalah
hapus folder instalan di &lt;b&gt;Ampps/www/namafolder/installation&lt;/b&gt;.
Hapus bisa rename juga bisa, tapi rename aja.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRaWzh_3Cjl6UwWifcx-P0nxl_sScjFR0ajIcV6WNbxnMGFYWtHkT5ECeWGVL_eKaN6qBZUrntR6kfltQn_ardnqY9gIwoiazEw4pEaBduJ5dBF-LhsMrRH1Tgt1qHm2-NYuy-nmfvNPzu/s1600/finish.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;238&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRaWzh_3Cjl6UwWifcx-P0nxl_sScjFR0ajIcV6WNbxnMGFYWtHkT5ECeWGVL_eKaN6qBZUrntR6kfltQn_ardnqY9gIwoiazEw4pEaBduJ5dBF-LhsMrRH1Tgt1qHm2-NYuy-nmfvNPzu/s400/finish.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_8&quot; o:spid=&quot;_x0000_i1030&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:5in;
 height:215.25pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image011.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
11. Sekarang, akan di bawa ke administration login. Isi
username dan password yang sobat buat tadi. Lalu klik login.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhST-WT1_8stCP2BhZ6bfHB-a81mOb2q6hfttcbQqqZ3duEn6r0MeAP9hKmlcfwsehZlqlgp0p8qffwhOTpdTfqT0Sh3rfBl6ALiZSKcFiCA_IEasU7F9ojKlhsHaTfjrcjroKTeOJZi0n9/s1600/login+administration.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;197&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhST-WT1_8stCP2BhZ6bfHB-a81mOb2q6hfttcbQqqZ3duEn6r0MeAP9hKmlcfwsehZlqlgp0p8qffwhOTpdTfqT0Sh3rfBl6ALiZSKcFiCA_IEasU7F9ojKlhsHaTfjrcjroKTeOJZi0n9/s400/login+administration.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_9&quot; o:spid=&quot;_x0000_i1029&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:198.75pt;
 height:98.25pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image013.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
12. Maka akan di bawa ke tampilan dashbord admin. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm46SNCIzKs6r1BoZNUzu9rdwtZfN43kBlVR6mV1o9flrdtl5uJ2ooMkvRhS6VPmEnFVa2hxCKcYQxFF3AKihNd5RVQ2kGcwOXI_Um1coFtOOWVmPWP8XiJMs1iDSVgI_e1ryGzTcHOYpB/s1600/dashboard.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;241&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm46SNCIzKs6r1BoZNUzu9rdwtZfN43kBlVR6mV1o9flrdtl5uJ2ooMkvRhS6VPmEnFVa2hxCKcYQxFF3AKihNd5RVQ2kGcwOXI_Um1coFtOOWVmPWP8XiJMs1iDSVgI_e1ryGzTcHOYpB/s400/dashboard.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
13. Selanjutnya,, jika sobat ingin melihat tampilan social network
sobat, klik view site pada menu bar di dashboard.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLBz833-tpcKfcRmFQG-QCjHqER2STtDiyNfnEJijoEFsvcjaVVhGBmny4OCqLSpNuDEu9hvJxjmsbJuymnwJUMXfxNO4OCij_bpZCNIChhsZ-Awfd09ekfp9rnmo0LZR6A6c04JBoH00r/s1600/view+site.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;240&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLBz833-tpcKfcRmFQG-QCjHqER2STtDiyNfnEJijoEFsvcjaVVhGBmny4OCqLSpNuDEu9hvJxjmsbJuymnwJUMXfxNO4OCij_bpZCNIChhsZ-Awfd09ekfp9rnmo0LZR6A6c04JBoH00r/s400/view+site.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;o:p&gt;&lt;/o:p&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
14. Dan maka akan di bawa ke tampilan home akun sobat,,, :D,
jangan lupa baca statusnya ya sobattt!!!! :)&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_6t_mobcq1TmhOlzXSVlogiI1F_kW25q2HL8r_Km4EFcumTAZ5ggnWcM4g1ziLCT8tgmyekeLDiqgUD_R9Rxv-AzYBVdUKAWVJfBOinDAXhLbWjt1iRYZFiYRTZ_LR4vau-_ezIjhPoMd/s1600/tampilan+home.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;247&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_6t_mobcq1TmhOlzXSVlogiI1F_kW25q2HL8r_Km4EFcumTAZ5ggnWcM4g1ziLCT8tgmyekeLDiqgUD_R9Rxv-AzYBVdUKAWVJfBOinDAXhLbWjt1iRYZFiYRTZ_LR4vau-_ezIjhPoMd/s400/tampilan+home.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;o:p&gt;&lt;/o:p&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
15. Untuk melihat tampilan home seperti facebook, logout
akun sobat. Dan welcome to YOU GA!! :D&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc9GxWlo3Rz04iwEYbTGKGB9PFME0zqbIpi5pob3j_oOtdefLWvtdKrqCPlEu4ASDRU-AwBNne66OToGIR805onfk3PmxKXi1u4mQfbn9zIBqXWJZaMlKZbOlhyBoKn5QWBejoRD7F32_z/s1600/welcome+to+YOU+GA.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;202&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc9GxWlo3Rz04iwEYbTGKGB9PFME0zqbIpi5pob3j_oOtdefLWvtdKrqCPlEu4ASDRU-AwBNne66OToGIR805onfk3PmxKXi1u4mQfbn9zIBqXWJZaMlKZbOlhyBoKn5QWBejoRD7F32_z/s400/welcome+to+YOU+GA.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Gimana sobat,, tampilannya udah seperti facebook aja ya,..
jika sobat tertarik untuk membuat social network di hosting sendiri, lebih baik
cari yang unlimited bandwitdh, pokoknya semuanya unlimited. Supaya nggak
lemot....&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Wah cukuplah untuk materi hari ini, mudah-mudahan bermanfaat
buat sobat. Maaf bila ada kesalahan dalam penulisan kata, dan jika sobat merasa
kesulitan. Jangan senggan-senggan untuk bertanya di kotak komentar atau lewat
facebook dan twitter juga Google+, channel youtube juga ada :D&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Terima Kasih dan Sampai Jumpa&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/7621806294915670125/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2016/01/cara-menginstall-open-source-social.html#comment-form' title='8 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/7621806294915670125'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/7621806294915670125'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2016/01/cara-menginstall-open-source-social.html' title='CARA MENGINSTALL OPEN SOURCE SOCIAL NETWORK DI LOCALHOST'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYKzGTJVnsYxWJjM3fQN3as-sBMgj1YIf1EfW_C26YlfnPMCYMAoLkhdd82GudsIgh74QzEmD-O6A7C1sfPGfDcmz8yL2EV_E0fOiuZoOn2SMgp716PUonr4pSzS7G9P8eBOgcDdR22OZS/s72-c/ubah+versi+PHP.PNG" height="72" width="72"/><thr:total>8</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-6396987880861988279</id><published>2016-01-16T13:39:00.001+07:00</published><updated>2016-01-16T13:39:07.375+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="localhost"/><title type='text'>INSTALL SOCIAL NETWORK (PHPFOX) DI LOCALHOST</title><content type='html'>&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Selamat datang kembali pembaca setia blog saya,,, &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Terima kasih jika sobat masih menunggu updetan admin. Hari
ini admin akan membagikan, bagaimana cara membuat social network seperti
facebook yang dibuat mark zuckerberg, tapi ini cuman buat belajar dulu bagi
yang belum tahu bagaiman cara membuatnya. Seperti admin juga yang sedang baru
belajar. Sebelumnya admin sudah memberikan tutorial “cara membuat jejaring
sosial sederhana dengan bootstrap di localhost (part 1- part 7)”, yang bisa di
baca di label PHP MYSQL. Yang tampilannya masih sederhana dan belum selesai.
:D, tenang aja kapan-kapan aku lanjutin kok.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Aduh kelama’en,,,, di sini admin akan mencoba menggunakan
script social network dengan PHPFox. Silahkan jika belum tahu tentang phpfox,
kunjungi aja website resminya. Admin di sini menggunakan phpfox (nulled),
maklumlah namanya juga baru belajar. Jika sobat ingin yang lebih baik, silahkan
di beli. :D&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Sekarang langsung ke tutorialnya&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;1. Silahkan di download dulu script phpfoxnya, sama aplikasi
localhost-nya. Di rekomendasikan pakai Ampps.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;2. Setelah script phpfox terinstall, ekstrak dengan winRAR,
lalu pindahkan hasil ekstrakan tadi ke program files/Ampps/www&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;3. Selanjutnya, buka aplikasi Ampss, terus jalankan Apache
sama mysql-nya. Lalu, &amp;nbsp;lakukan uji coba
ke dalam browser sobat. Dan ketikkan &lt;b&gt;localhost/phpfox/install&lt;/b&gt;,
maka akan muncul tampilan penginstalan phpfox, license agreement phpfox.
Kemudian, klik I AGREE, LETS CONTINUE......&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7IrVaJ2uEHOSD4DnaGA-o5ykGjkPpOLu0YtE289gkhUyajq-ACa2MZWcskjzTBjDUWlg9zr4KZnhK9cCro6uLTihHLp_gQ793MBFHA4hxrCX_aCXy1UJd9nqgIzXT_86Jo7-SqYs8O6hB/s1600/license+agreement.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;207&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7IrVaJ2uEHOSD4DnaGA-o5ykGjkPpOLu0YtE289gkhUyajq-ACa2MZWcskjzTBjDUWlg9zr4KZnhK9cCro6uLTihHLp_gQ793MBFHA4hxrCX_aCXy1UJd9nqgIzXT_86Jo7-SqYs8O6hB/s400/license+agreement.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shapetype
 id=&quot;_x0000_t75&quot; coordsize=&quot;21600,21600&quot; o:spt=&quot;75&quot; o:preferrelative=&quot;t&quot;
 path=&quot;m@4@5l@4@11@9@11@9@5xe&quot; filled=&quot;f&quot; stroked=&quot;f&quot;&gt;
 &lt;v:stroke joinstyle=&quot;miter&quot;/&gt;
 &lt;v:formulas&gt;
  &lt;v:f eqn=&quot;if lineDrawn pixelLineWidth 0&quot;/&gt;
  &lt;v:f eqn=&quot;sum @0 1 0&quot;/&gt;
  &lt;v:f eqn=&quot;sum 0 0 @1&quot;/&gt;
  &lt;v:f eqn=&quot;prod @2 1 2&quot;/&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelWidth&quot;/&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelHeight&quot;/&gt;
  &lt;v:f eqn=&quot;sum @0 0 1&quot;/&gt;
  &lt;v:f eqn=&quot;prod @6 1 2&quot;/&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelWidth&quot;/&gt;
  &lt;v:f eqn=&quot;sum @8 21600 0&quot;/&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelHeight&quot;/&gt;
  &lt;v:f eqn=&quot;sum @10 21600 0&quot;/&gt;
 &lt;/v:formulas&gt;
 &lt;v:path o:extrusionok=&quot;f&quot; gradientshapeok=&quot;t&quot; o:connecttype=&quot;rect&quot;/&gt;
 &lt;o:lock v:ext=&quot;edit&quot; aspectratio=&quot;t&quot;/&gt;
&lt;/v:shapetype&gt;&lt;v:shape id=&quot;Picture_x0020_1&quot; o:spid=&quot;_x0000_i1037&quot; type=&quot;#_x0000_t75&quot;
 style=&#39;width:450.75pt;height:234.75pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-size: 11pt;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;4. Maka akan di bawa ke langkah
selanjutnya, yaitu Requirement Check. Lihat! jika
kita lihat ada pesan error pada bagian&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;strong&gt;Files
and Directories, include\setting\server.sett.php :&lt;/strong&gt;&lt;span class=&quot;apple-converted-space&quot;&gt;&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;strong&gt;Missing&lt;/strong&gt;&lt;strong&gt;.&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkcyjOec1VvpJ2U4C5na4bXzh2pMP4BtgMJxz-o-5O7WLzC80Rqli3kqIpNBlTGKwBPdxuiYMV9E5g9deTW3GdURQfP7EplWERjT95YFMU43AKU2crbKKBodc_QSzXEOjACRsFEzHDbaR3/s1600/missing.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;220&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkcyjOec1VvpJ2U4C5na4bXzh2pMP4BtgMJxz-o-5O7WLzC80Rqli3kqIpNBlTGKwBPdxuiYMV9E5g9deTW3GdURQfP7EplWERjT95YFMU43AKU2crbKKBodc_QSzXEOjACRsFEzHDbaR3/s400/missing.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #575757; font-size: 10.5pt;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_2&quot; o:spid=&quot;_x0000_i1036&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;
 height:249.75pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image003.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;span style=&quot;color: #575757; font-size: 10.5pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-size: 11pt;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;5. Untuk
mengatasi masalah tersebut. Langkah-langkahnya adalah : pertama, Buka kembali
folder phpfox yang ada didalam folder htdocs, masuk kedalam folder&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;strong&gt;phpfox -&amp;gt; include -&amp;gt; setting&lt;/strong&gt;. Disitu
terdapat file&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;strong&gt;server.sett.php.new.&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinfCwO7WoO9CtA95dUrcCMNVSx7cVtroL-ChXxDRZalSHOt0kCSA5DtSaJDSno5D9DpgJTMAmQOw4lmicFkgmzPs6XA2ZymYjZs5lKH_1Y9xZFmygdS8ybw9pshV8o3DF_W0rcu5h3MUzn/s1600/server+setbphp+new.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;145&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinfCwO7WoO9CtA95dUrcCMNVSx7cVtroL-ChXxDRZalSHOt0kCSA5DtSaJDSno5D9DpgJTMAmQOw4lmicFkgmzPs6XA2ZymYjZs5lKH_1Y9xZFmygdS8ybw9pshV8o3DF_W0rcu5h3MUzn/s400/server+setbphp+new.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #575757; mso-no-proof: yes;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape id=&quot;Picture_x0020_3&quot; o:spid=&quot;_x0000_i1035&quot;
 type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;height:165pt;visibility:visible;
 mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image005.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;6. Kedua,
Rename atau ubah nama tersebut dan hilangkan tulisan “new” yang berada diakhir
nama file tersebut sehingga menjadi &lt;b&gt;server.sett.php.
&lt;/b&gt;lalu pilih replace it, yes.&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXpXay7hbfB1tP1fWaOMeKiEj8APdLxgvcrDQT9RvdirhKhctxhvKhzSBA-P_PSa61Sca4GYf3tVEcNjbuI93zQcUPsHlS4fmgqKbq0PgPBJkYopfBnAgpEEPFhsUI5NsAdzYnRx5ZbKpG/s1600/rename+server+set+php.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;188&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXpXay7hbfB1tP1fWaOMeKiEj8APdLxgvcrDQT9RvdirhKhctxhvKhzSBA-P_PSa61Sca4GYf3tVEcNjbuI93zQcUPsHlS4fmgqKbq0PgPBJkYopfBnAgpEEPFhsUI5NsAdzYnRx5ZbKpG/s400/rename+server+set+php.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #575757; mso-no-proof: yes;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape id=&quot;Picture_x0020_4&quot; o:spid=&quot;_x0000_i1034&quot;
 type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;height:213.75pt;visibility:visible;
 mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image007.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;7. Jika
sudah selesai, buka kembali browser, lalu klik refresh.&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPRODLnPaRAzM9A89sSDEstYYP7ppKw-WHJG9ikuOgSKCBlO-Z5wfJCF8l410-OCWcagXnKd8BeJGJ-qG-l2r7Z58EHA0Bek1qj4SbaESYC5JLNFzxdXaGSHLeJSZsmwq0zhzKoU0_fLby/s1600/refresh.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;221&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPRODLnPaRAzM9A89sSDEstYYP7ppKw-WHJG9ikuOgSKCBlO-Z5wfJCF8l410-OCWcagXnKd8BeJGJ-qG-l2r7Z58EHA0Bek1qj4SbaESYC5JLNFzxdXaGSHLeJSZsmwq0zhzKoU0_fLby/s400/refresh.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #575757; mso-no-proof: yes;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape id=&quot;Picture_x0020_5&quot; o:spid=&quot;_x0000_i1033&quot;
 type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;height:250.5pt;visibility:visible;
 mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image009.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;8.
Setelah di refresh, maka sudah tidak ada pesan error lagi, jadi klik PROCEED TO
NEXT STEP.&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoiaMgSDcASkhvSHt969J7jco5UqqkuoNhVP8uoV9hpQL7woaLIEiPE6BJEzA64CLCov9XvNAPQ4isAc10FLG7IMoyAMMfultwOtYl27R0nzfsQZPJAEYwCfKp1tutdg5cQsjm7-X8Iq5j/s1600/barhasil+lanjut.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;222&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoiaMgSDcASkhvSHt969J7jco5UqqkuoNhVP8uoV9hpQL7woaLIEiPE6BJEzA64CLCov9XvNAPQ4isAc10FLG7IMoyAMMfultwOtYl27R0nzfsQZPJAEYwCfKp1tutdg5cQsjm7-X8Iq5j/s400/barhasil+lanjut.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #575757; mso-no-proof: yes;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape id=&quot;Picture_x0020_6&quot; o:spid=&quot;_x0000_i1032&quot;
 type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;height:252pt;visibility:visible;
 mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image011.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;9. Pada
tampilan configuration database, sebelumnya jangan lupa buat database dan
usernya untuk mengakses phpfox ini. Di sini admin langsung tulis karena udah
buat, jadi di sini admin nggak ngejelasin pembuatannya.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Database
Driver : MYSQL&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Database
: localhost&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Database
Name : phpfox (yang telah kita buat tadi)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Database
User Name&amp;nbsp; : root (di sini admin bawa
user yoga)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Database
Password : (kosongkan) saya di sini menggunakan password yoga&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1dnmmUIj7nPMOKpzWqvgJornuZYyKa1J6qfXidqHn66uHGyL-ke_6CQJIXH8a1QeiwNnqmJYiCPkfjFKPRHEqRufD4vmR-UtiwVO_tBrwkCTTCFtsHWdl8wLcdiqJjsfhAenO0b_16tj1/s1600/database+configuration.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;228&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1dnmmUIj7nPMOKpzWqvgJornuZYyKa1J6qfXidqHn66uHGyL-ke_6CQJIXH8a1QeiwNnqmJYiCPkfjFKPRHEqRufD4vmR-UtiwVO_tBrwkCTTCFtsHWdl8wLcdiqJjsfhAenO0b_16tj1/s400/database+configuration.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #575757; mso-no-proof: yes;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape id=&quot;Picture_x0020_7&quot; o:spid=&quot;_x0000_i1031&quot;
 type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;height:258.75pt;visibility:visible;
 mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image013.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Selanjutnya,
jika data sudah ter-isi. Jangan klik START THE INSTALL dulu, sobat bisa klik
Display Advanced Configuration (tidak juga nggak apa-apa)&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #575757; mso-no-proof: yes;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape id=&quot;Picture_x0020_8&quot; o:spid=&quot;_x0000_i1030&quot;
 type=&quot;#_x0000_t75&quot; style=&#39;width:356.25pt;height:309pt;visibility:visible;
 mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image015.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJA-aBfRzOJumB_t0ZeiB8lUvk5gm4Sz89e2qz41dfAlBmP6W7SA8ld-VhqhpENBUx4t3tIj05Yzwm_U7RIuCr7NM5nzn8k_S_qd7MJBvE1GuTTJtpDugCvDrdOt8TXHgI9El3j5ouojUB/s1600/display+advanced+configuration.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;346&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJA-aBfRzOJumB_t0ZeiB8lUvk5gm4Sz89e2qz41dfAlBmP6W7SA8ld-VhqhpENBUx4t3tIj05Yzwm_U7RIuCr7NM5nzn8k_S_qd7MJBvE1GuTTJtpDugCvDrdOt8TXHgI9El3j5ouojUB/s400/display+advanced+configuration.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;10. Jika
semua rasa sudah selesai pengisiannya, barulah klik START THE INSTALL. Tunggu
hingga proses penginstalan selesai. Dari proses importing data, installing
default language, installing modules. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;11. Jika
proses instalasi selesai, maka kita akan mengisi form, form ini berfungsi untuk
membuat akun administrator yang akan kita buat sebagai admin, jika form sudah
terisi, barulah klik SUBMIT.&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH9-ZKQUALK8dYidSjT4YBqI7NyVVvUKpPlHlDK0c9pi1Vs-Cuo7gYJ4RRCAVY88tkCtHe0NDa01KB5w_lsrocz_WVI5d7LJ5YEFwf7R1_6IRa6YvbYaZhPLrfsDgp1JjQqsQS_vAO3PLf/s1600/isi+form+data+admin.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;227&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH9-ZKQUALK8dYidSjT4YBqI7NyVVvUKpPlHlDK0c9pi1Vs-Cuo7gYJ4RRCAVY88tkCtHe0NDa01KB5w_lsrocz_WVI5d7LJ5YEFwf7R1_6IRa6YvbYaZhPLrfsDgp1JjQqsQS_vAO3PLf/s400/isi+form+data+admin.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #575757; mso-no-proof: yes;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape id=&quot;Picture_x0020_9&quot; o:spid=&quot;_x0000_i1029&quot;
 type=&quot;#_x0000_t75&quot; style=&#39;width:450.75pt;height:256.5pt;visibility:visible;
 mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image017.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;12. Maka,
phpfox berhasil terinstall,,,, untuk lihat social networknya klik VIEW YOUR
SITE.&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb5Fs2iYVU0z7azdFG3yr6eC1eVnNlKll-otahzwIq03QIXwXfcQGRPPvTWkwonAmE1UyBjhVT_BQJKw0VMCFqv8Z6brflDiYscuoo4u3UTLJlWgddOExMGOkRmsV7f00l3UlEPQG_NA-Z/s1600/SUCCES.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;235&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb5Fs2iYVU0z7azdFG3yr6eC1eVnNlKll-otahzwIq03QIXwXfcQGRPPvTWkwonAmE1UyBjhVT_BQJKw0VMCFqv8Z6brflDiYscuoo4u3UTLJlWgddOExMGOkRmsV7f00l3UlEPQG_NA-Z/s400/SUCCES.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #575757; mso-no-proof: yes;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape id=&quot;Picture_x0020_10&quot; o:spid=&quot;_x0000_i1028&quot;
 type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;height:265.5pt;visibility:visible;
 mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image019.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;13. Dan
beginilah tampilan PHPFox-nya, silahkan login dengan email dan password admin
yang sudah tadi sobat buat.&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzw3goNP1c0EmaqKcGmnyH0NAbYBetxZQcutSg95D1SMWVzW4gAjG4HFae9WVGUqEP4QFPgJxELce3BvRdU8r0B3uKynBiisMAK4a-ijNoZJHstLKIN4Ohd1lJH-gUgLHt9k8ROwSj4MAq/s1600/home+PHPFOX.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;208&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzw3goNP1c0EmaqKcGmnyH0NAbYBetxZQcutSg95D1SMWVzW4gAjG4HFae9WVGUqEP4QFPgJxELce3BvRdU8r0B3uKynBiisMAK4a-ijNoZJHstLKIN4Ohd1lJH-gUgLHt9k8ROwSj4MAq/s400/home+PHPFOX.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #575757; mso-no-proof: yes;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape id=&quot;Picture_x0020_12&quot; o:spid=&quot;_x0000_i1027&quot;
 type=&quot;#_x0000_t75&quot; style=&#39;width:450.75pt;height:235.5pt;visibility:visible;
 mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image021.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;14. Jika
sudah berhasil login, maka akan di bawa ke tampilan home akun sobat. Sekarang
klik AdminCP, yang adat di atas pojok kanan.&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil7auZhWwAF49BEInRmmW9y80H1Ddt9UVKRQE6PiT3-aHbMX99qUrmmTtkBmIMf1i4Bq3PS7FG8Be4ghYIKrXB6c5T9vi4NRQsgiRpHMbsg1t3M1yA_vE90gDj6XfqkhIYbfK1tG2uT6-E/s1600/ADMINCP.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;243&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil7auZhWwAF49BEInRmmW9y80H1Ddt9UVKRQE6PiT3-aHbMX99qUrmmTtkBmIMf1i4Bq3PS7FG8Be4ghYIKrXB6c5T9vi4NRQsgiRpHMbsg1t3M1yA_vE90gDj6XfqkhIYbfK1tG2uT6-E/s400/ADMINCP.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #575757; mso-no-proof: yes;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape id=&quot;Picture_x0020_13&quot; o:spid=&quot;_x0000_i1026&quot;
 type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;height:276pt;visibility:visible;
 mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\7\AppData\Local\Temp\msohtmlclip1\01\clip_image023.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;span style=&quot;color: #575757;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;15. Kemudian
ada 3 pesan error yang muncul, sebenarnya ini bukan pesan error melainkan
peringatan. Peringatan yang pertama, kita harus menghapus folder install yang
berada didalam phpfox. Cara mengatasinya : buka kembali folder phpfox yang
berada didalam folder htdocs, masuk kedalam folder phpfox dan hapus folder
dengan nama install (lebih baik rename saja folder install nya).&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Maka
pesan error, akan menjadi 2 saja.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;color: #575757;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuy-3d9fCAlufVLGHIsjfg_ITk3trWK3aBeDs1QF1aCSq9krMdTZDS7rzwI3wxcDwey2GVpCkiW1N4Xxvd_7IA8Aji2Uw9JKmaq4E4cmy59QoDEHBwtPwAK6TpjSJhZDO1ANm_CWtWcoGf/s1600/delete+pesan+error.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;195&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuy-3d9fCAlufVLGHIsjfg_ITk3trWK3aBeDs1QF1aCSq9krMdTZDS7rzwI3wxcDwey2GVpCkiW1N4Xxvd_7IA8Aji2Uw9JKmaq4E4cmy59QoDEHBwtPwAK6TpjSJhZDO1ANm_CWtWcoGf/s400/delete+pesan+error.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;16. Peringatan
yang kedua dan ketiga, folder (file\) dan file (include\setting\server.sett.php)
perlu diberikan permission, karena kita menginstall phpfox di localhost, maka
kita tidak perlu melakukan tindak apa-apa pada kedua peringatan tersebut&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;17.
Selesai proses penginstalan social networknya,,, :D&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Begitulah
materi yang bisa admin berikan hari ini, semoga bermanfaat buat sobat. Jika
sobat masih merasa kesulitan. Silahkan tulis di kotak komentar.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Terima
Kasih sudah berkunjung :)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Jangan
Lupa Balik Lagi ya,,,,, &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; line-height: 15.75pt; margin-bottom: 18.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/6396987880861988279/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2016/01/install-social-network-phpfox-di.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/6396987880861988279'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/6396987880861988279'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2016/01/install-social-network-phpfox-di.html' title='INSTALL SOCIAL NETWORK (PHPFOX) DI LOCALHOST'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7IrVaJ2uEHOSD4DnaGA-o5ykGjkPpOLu0YtE289gkhUyajq-ACa2MZWcskjzTBjDUWlg9zr4KZnhK9cCro6uLTihHLp_gQ793MBFHA4hxrCX_aCXy1UJd9nqgIzXT_86Jo7-SqYs8O6hB/s72-c/license+agreement.PNG" height="72" width="72"/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-3534381765670874332</id><published>2016-01-15T13:48:00.000+07:00</published><updated>2016-01-15T13:48:56.154+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="localhost"/><title type='text'>MENGINSTALL DATA CENTER (OWNCLOUD) DI LOCALHOST</title><content type='html'>&lt;div class=&quot;MsoNormal&quot;&gt;
Selamat pagi pembaca setia blog saya, maafkan admin kalo
sekarang admin jarang upload. Seperti biasalah, sibuk sekali,,, :D&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Udah jangan kebanyakan bacot, malahan nantinya jadi lupa
materi ngepostnya :D :D&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Hari yang cerah ini admin akan membagikan web
upload/download data center seperti usercloud, uptobox, solidfiles, kumpulbagi,
filehizzo dan banyak lagi, yang lain search mbah google saja.... :D. Sobat
pasti pada penasarankan kan? Dengan web data center tersebut, bagaimana ya?
Bisa menampung banyak visitor yang banyak, berapa RAM yang digunakan??!! &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Tapi sobat, jangan melakukannya dulu kalo belum bisa.
Mending belajar dulu, nanti juga kalo udah sukses pasti jadi seperti “Bill
Gates” yang bisa ngapain-ngapain. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Sekarang lanjut ke materi POST admin, saya disini akan
memberikan tutorial cara membuat data center di localhost, dengan OWNCLOUD. Apa
itu owncloud? Search google aja,,,,, :D&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Di sini cuman belajar sobat, jadi kalo sobat ingin
mencobanya. Sobat harus pilih hosting yang GREGETTTTTTTTT,,,,,, buat nampung
banyak visitornya. Untuk pemula, Admin disini belajar menggunakan aplikasi
“AMPPS”, apa itu AMPPS? Search google lagi deh,,, :D.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Aplikasi ini hampir
seperti XAMPP Localhost kok, namun lebih canggih AMPPS. Karena versi PHP bisa
di pilih versi-versinya.,, jadi admin lebih menyukai menggunakan AMPPS.&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Langsung aja ke tutorialnya&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
1. Silahkan di download dulu aplikasinya, &lt;a href=&quot;http://www.ampps.com/downloads&quot;&gt;Ampps&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
2. Selanjutnya download data centernya langsung ke alamat
webnya, karena versi pasti mengalami update. &lt;a href=&quot;http://owncloud.org/install&quot;&gt;owncloud&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
3. Setelah semua bahan di download.install aplikasi seperti
biasanya. Untuk owncloud, &amp;nbsp;ingat sobat
kalo sobat pakai linux, mendingan admin suruh sobat pakai owncloud yang
berformat .tar, tapi zip juga bisa. namun untuk menghasilkan yang lebih baik,
yang berformat .tar saja. Admin di sini menggunakan windows, jadi .zip saja.&lt;o:p&gt;&lt;/o:p&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaS7cY1f1O3SWi8MB2l7nhM80L6ve3hJ633wnCb8nONjZE7sVsLv5_gXR_7BCutcRqp6jbYm5mkuIE36Fk65FvaDx6kJCSt73JocFY4feE4xXzmzjjq69MHcr18D6XcWsGPXG-pkEV1aJq/s1600/tar+dan+zip.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;48&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaS7cY1f1O3SWi8MB2l7nhM80L6ve3hJ633wnCb8nONjZE7sVsLv5_gXR_7BCutcRqp6jbYm5mkuIE36Fk65FvaDx6kJCSt73JocFY4feE4xXzmzjjq69MHcr18D6XcWsGPXG-pkEV1aJq/s640/tar+dan+zip.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
4. Setelah selesai penginstalan, ekstrak owncloud tadi
dengan winRAR, lalu taruh ke dalam Local Disk (C:)/program files/ampps/www.
Ingat instalan terletak berbeda, tergantung aplikasi yang di gunakan.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifc-78PjALw0B1-VmWKhe5J5bzJIRyP0dSPwi3zokn1xOPkcUaCkXm7QextCwlk7xgso5t8q0h4g6g7bfLeWYVZfPK8_0e1hRxdd4J3Da9D4Wty4vPmGOLJr7ZHba2pt_Q6UQqOeKGiDqC/s1600/move+ownclod+ke+ampps.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;125&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifc-78PjALw0B1-VmWKhe5J5bzJIRyP0dSPwi3zokn1xOPkcUaCkXm7QextCwlk7xgso5t8q0h4g6g7bfLeWYVZfPK8_0e1hRxdd4J3Da9D4Wty4vPmGOLJr7ZHba2pt_Q6UQqOeKGiDqC/s400/move+ownclod+ke+ampps.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
5. Setelah proses ekstrakan selesai, selanjutnya tinggal
mengaksesnya ke dalam browser kita. Caranya ketik &lt;b&gt;localhost/owncloud&lt;/b&gt;, jika ingin mengakses home admin. Ketik &lt;b&gt;localhost/phpmyadmin &lt;/b&gt;di browser sobat.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpFirst&quot;&gt;
Jika sobat ingin akses dengan alamat IP, cek
dulu alamat IP sobat. Buka CMD, lalu ketikkan &lt;b&gt;ipconfig /all &lt;/b&gt;lalu tekan enter, maka akan muncul semua jaringan
sobat. Cari &lt;u&gt;Ethernet adapter VirtualBox Host Only Network, &lt;/u&gt;lalu cari
IPV4 Address. ip server saya, sebelumnya udah saya atur, jadi nanti pas sobat
nge-cek tapi nggak muncul, ip virtualBox atur dulu. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;

&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
Alamat ip server saya adalah &lt;b&gt;10.10.10.10 (preferred)&lt;/b&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyWH60a9abKvU9Qjf8j9LNcjaT2TrPh0yoyzpODGmardx1qhmeej6k4U4ATKieQsuGrXiRmbsAgtkznXFykb0rFAznuICi3QtpRaq28PFVZU5Jo9LDCfi4nOFh86cJssf969qHdLsuHR8S/s1600/ip+server.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;142&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyWH60a9abKvU9Qjf8j9LNcjaT2TrPh0yoyzpODGmardx1qhmeej6k4U4ATKieQsuGrXiRmbsAgtkznXFykb0rFAznuICi3QtpRaq28PFVZU5Jo9LDCfi4nOFh86cJssf969qHdLsuHR8S/s400/ip+server.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
Menggunakan IP server di sini, nggak penting kok.
Sama saja pakai localhost, tapi buat lebih mudahnya admin gunakan ip server.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
6. Langkah selanjutnya, admin mencoba mengakses
owncloudnya. Dan berikutlah tampilannya,,,&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi48fN8baqG8iVj9U3Q1sFZCdii51f1pvFdOVXtIBXwhHtP1MdtO4RIb-mjPvFRFXn5zO1lSPbFP5R_TDsraHuacGHpos7KJhNAxZU8KjRLdY5pRbVIIwIly8o_JH0liVlR2tOLRwATZ_kW/s1600/home+owncloud.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;341&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi48fN8baqG8iVj9U3Q1sFZCdii51f1pvFdOVXtIBXwhHtP1MdtO4RIb-mjPvFRFXn5zO1lSPbFP5R_TDsraHuacGHpos7KJhNAxZU8KjRLdY5pRbVIIwIly8o_JH0liVlR2tOLRwATZ_kW/s400/home+owncloud.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
7. Sekarang marilah kita buat owncloudnya,,,, untuk
membuat akun baru. &amp;nbsp;Pada create an admin
account, isikan username dan password yang sobat inginkan.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVQvSsbevHHQxff1GaIcKapmIT8qKakWp2jKroZS6-cFnjpCUsleyg8eFYOMMy4C-tLFeskMOWUsf6KtJ5068zmdH-mAAloETa8tShDH6gQDdFkjE4g9NCiPSYEgxriox6hn7HuwgOmu4B/s1600/username+and+password.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;276&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVQvSsbevHHQxff1GaIcKapmIT8qKakWp2jKroZS6-cFnjpCUsleyg8eFYOMMy4C-tLFeskMOWUsf6KtJ5068zmdH-mAAloETa8tShDH6gQDdFkjE4g9NCiPSYEgxriox6hn7HuwgOmu4B/s320/username+and+password.PNG&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpFirst&quot;&gt;
Lalu, untuk membuat database owncloudnya. Klik
storage &amp;amp; database maka akan muncul pilihan SQLite dan MySQL/MariaDB. Kalo
sobat pilih SQLite, database akan di install dengan skala besar, jadi kita
sepenuhnya tidak dapat mengeditnya, jadi bersifat closed sourced.&amp;nbsp; Admin disini merekomendasikan pilih yang
MYSQL/MariaDB saja, karena bersifat open sourced, jadi secara bebas kita bisa
mengubah-ubahnya.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Jadi sobat jangan lupa membuat database dan usernya ya,,,,
pasti udah tahu kan? Kalo belum silahkan di search mbah google. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;





&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
Setelah semua di isi, silahkan klik Finish Setup, dan tunggu
sampai pembuatan selesai....&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_FOJWF_j4l80pK6CKS7r9D4Wsw1uyT5j0cmU6KL_boJEeX840WbDccvn1mKtJM_qgr6r9VJjVmfTneq1CC1NbePYHfHPi_j_rraChFkbC4AslhuD2fDuW3dbQwHZ_12_biKg-g1roKnaf/s1600/MYSQL+MariaDB.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_FOJWF_j4l80pK6CKS7r9D4Wsw1uyT5j0cmU6KL_boJEeX840WbDccvn1mKtJM_qgr6r9VJjVmfTneq1CC1NbePYHfHPi_j_rraChFkbC4AslhuD2fDuW3dbQwHZ_12_biKg-g1roKnaf/s400/MYSQL+MariaDB.PNG&quot; width=&quot;243&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
8. Jika proses penginstalan telah selesai, maka akan muncul
tampilan seperti ini,&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEici4J9Tyxha3Kf_2hJGp2RghXVuL_mMsMDb8ahFySf5jSOlcmKHm4YBvj_EJGr5ZWEaEAhf7KSuWZbJ3DYlFC7GzDVPaH0rTKRxdgn6LhNywCe25Y3WtWBhVd2l6cBCukd-IA_1-uF-g06/s1600/good+luck+owncloud.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;231&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEici4J9Tyxha3Kf_2hJGp2RghXVuL_mMsMDb8ahFySf5jSOlcmKHm4YBvj_EJGr5ZWEaEAhf7KSuWZbJ3DYlFC7GzDVPaH0rTKRxdgn6LhNywCe25Y3WtWBhVd2l6cBCukd-IA_1-uF-g06/s400/good+luck+owncloud.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpFirst&quot;&gt;
9. sebelumnya, untuk mengakses owncloud.&amp;nbsp; sobat harus buat user privillegesnya dulu,
untuk menampung semua data sobat agar bisa di akses.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Jika sudah, ayo kita mulai untuk
meng-editnya. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;





&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
Pertama, klik menu Files, lalu pilih Activity&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh15DDZkBCO-CmBGpZ4jQhkHciJSrp5p2tcrJ2uhHsJKE4ymqG6VlKdr4DSFWHSdYCccrzgtAN3kaY4VBo7OQcPKr96MJ-fnxCPnrJ4VE0Un79GlTeeQVhO_xS5T5Q2V0eol-EUniQ2bkp-/s1600/activity+klik.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;112&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh15DDZkBCO-CmBGpZ4jQhkHciJSrp5p2tcrJ2uhHsJKE4ymqG6VlKdr4DSFWHSdYCccrzgtAN3kaY4VBo7OQcPKr96MJ-fnxCPnrJ4VE0Un79GlTeeQVhO_xS5T5Q2V0eol-EUniQ2bkp-/s400/activity+klik.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpFirst&quot;&gt;
10. Maka akan muncul tampilan activity
sobat,&amp;nbsp; tapi belum ada activity-nya. Jadi
marilah kita buat. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;

&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
Kedua, kita buka menu user untuk melakukan
administering OwnCloud,&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMf6Nht5hpLAZgbjZOAW1Nj21szGNLnPTGREpUma1qmaA-y4dNJrFWYkboZ1ntf-pECaOc5Henjg6STjAFW1savokj8JTvV7XdRcPcKmD8Sg3Oq_TtCNvD3aZVWP5HY8XNjVbWNGf4RNga/s1600/user+admin.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;127&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMf6Nht5hpLAZgbjZOAW1Nj21szGNLnPTGREpUma1qmaA-y4dNJrFWYkboZ1ntf-pECaOc5Henjg6STjAFW1savokj8JTvV7XdRcPcKmD8Sg3Oq_TtCNvD3aZVWP5HY8XNjVbWNGf4RNga/s400/user+admin.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpFirst&quot;&gt;
11. Selanjutnya, akan muncul tampilan
konfigurasi admin.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;

&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
Ketiga, pada konfigurasi Sharing, centang
seperti pada gambar., tapi biasanya konfigurasi sharing berubah. Tergantung
versi owncloud yang digunakan.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidb5PfTBoVTMKcBElqJyHxZNfKNutvv38y8H57SvMhD0ItjZvj4w2XqSAERIDih0wlMEB4gM_G5D7IAcjCFktxCNFlgW3k9HtnJiFGVOeNcfGOFeJIaqisvi9ORxhlpu9Hb55rU_uvVCYM/s1600/sharing.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;156&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidb5PfTBoVTMKcBElqJyHxZNfKNutvv38y8H57SvMhD0ItjZvj4w2XqSAERIDih0wlMEB4gM_G5D7IAcjCFktxCNFlgW3k9HtnJiFGVOeNcfGOFeJIaqisvi9ORxhlpu9Hb55rU_uvVCYM/s400/sharing.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpFirst&quot;&gt;
12. Langkah selanjutnya, sampai saat ini
kita sudah bisa membuat user dan grup.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;

&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
Ke empat, klik menu user, lalu pilih users.
Maka akan muncul tampilan user sobat.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPZoDFWgxbiyHd_spvIXohqw7h8dl4N4g8XhzwehM3xmNj4GH8lR7uZkz3mIIAmDO9Ie0aqw2A1l0J6A6DlC34d1DAgIC9tKEIqrOdz_G7vIOP_U5qRgqrBmBkOyp5mTR-eTtrJxq16II-/s1600/users+grup.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;155&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPZoDFWgxbiyHd_spvIXohqw7h8dl4N4g8XhzwehM3xmNj4GH8lR7uZkz3mIIAmDO9Ie0aqw2A1l0J6A6DlC34d1DAgIC9tKEIqrOdz_G7vIOP_U5qRgqrBmBkOyp5mTR-eTtrJxq16II-/s400/users+grup.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
13. Kelima, Untuk membuat grup baru, isikan username,
password, lalu&amp;nbsp; pilih nama grup yang
ingin di buat, lalu klik create.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcZLioArRU_lCIkwv9YcT-c7XNpMB0RCfcFD5Qtk4rM-PxsRtmkretw22ZWlyGvx0G-Lxz6Ex-iDurUI6K1qOXAk4g1KxYBox2Bx1ixtA1WVYue2jeLGq7BKOCGkGz0cwBjxeqiCG8H_CV/s1600/add+group.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;45&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcZLioArRU_lCIkwv9YcT-c7XNpMB0RCfcFD5Qtk4rM-PxsRtmkretw22ZWlyGvx0G-Lxz6Ex-iDurUI6K1qOXAk4g1KxYBox2Bx1ixtA1WVYue2jeLGq7BKOCGkGz0cwBjxeqiCG8H_CV/s400/add+group.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
Dan maka admin dan grupnya sudah jadi, cecklist&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1tIzyhe_AJJMzJBsSrlFft0Ycz-MusUhV_HB-8dwN-3EgwuizpWStbfWc4HJwThHXS_HFTyhg6KJvvH6CbUEA4wCR1MIYQsLDmVcCh32Xz8z0S0dTr5GqFM5JrKqPHpNka0LhcBngN9BG/s1600/sukses+grup+and+admin.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;73&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1tIzyhe_AJJMzJBsSrlFft0Ycz-MusUhV_HB-8dwN-3EgwuizpWStbfWc4HJwThHXS_HFTyhg6KJvvH6CbUEA4wCR1MIYQsLDmVcCh32Xz8z0S0dTr5GqFM5JrKqPHpNka0LhcBngN9BG/s400/sukses+grup+and+admin.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
14. Terakhir, di sini kita juga bisa memberikan limit
storage per-user dari unlimited sampai harddisk yang di gunakan.&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUcmkO5ftizPBbQtZ3Sa6e6u5RnuesZmqnabtQ9mE9YcnUZb2XpRxHiTpwuzHrkQBRae5Ltg8tDAZjtlsrAnv5A-t_Vh8xYS9_p3hZKvpnYYEDZ2kEu30fGYrRlxHWbbdtPoPcSbwkRmHh/s1600/selesai+grup.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;56&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUcmkO5ftizPBbQtZ3Sa6e6u5RnuesZmqnabtQ9mE9YcnUZb2XpRxHiTpwuzHrkQBRae5Ltg8tDAZjtlsrAnv5A-t_Vh8xYS9_p3hZKvpnYYEDZ2kEu30fGYrRlxHWbbdtPoPcSbwkRmHh/s400/selesai+grup.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpFirst&quot;&gt;
Yah, begitulah cara membuat web data center
menggunakan owncloud. Jadi kita bisa tahu bagaimana cara membuat data center
yang populer. Semoga saja materi ini bermanfaat buat sobat.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;



&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
Terima Kasih sudah berkunjung :) :), tunggun updetan admin lagi&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;o:p&gt;&lt;/o:p&gt;&lt;br /&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/3534381765670874332/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2016/01/menginstall-data-center-owncloud-di_15.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/3534381765670874332'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/3534381765670874332'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2016/01/menginstall-data-center-owncloud-di_15.html' title='MENGINSTALL DATA CENTER (OWNCLOUD) DI LOCALHOST'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaS7cY1f1O3SWi8MB2l7nhM80L6ve3hJ633wnCb8nONjZE7sVsLv5_gXR_7BCutcRqp6jbYm5mkuIE36Fk65FvaDx6kJCSt73JocFY4feE4xXzmzjjq69MHcr18D6XcWsGPXG-pkEV1aJq/s72-c/tar+dan+zip.PNG" height="72" width="72"/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-747337256089771095</id><published>2016-01-05T07:51:00.001+07:00</published><updated>2016-01-05T07:51:42.591+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Software"/><title type='text'>Download Emulator PPSSPP untuk PC</title><content type='html'>Selamat Siang sobat,&lt;br /&gt;
&lt;br /&gt;
bagaimana keadaannya? pasti baik kan?&lt;br /&gt;
sudah lama sekali saya tidak memposting, hari ini saya akan membagikan emulator PPSSPP.&lt;br /&gt;
&lt;br /&gt;
pasti sobat udah tahu kan, apa itu emulator PPSSPP?&lt;br /&gt;
sedikit penjelasan dari saya,&lt;br /&gt;
&lt;br /&gt;
PPSSPP adalah sebuah proyek open source, berlisensi GPL 2.0, dan &amp;nbsp;merupakan emulator PSP yang bisa digunakan untuk komputer/laptop paling populer. PPSSPP dapat menjalankan game PSP yang berformat .iso dalam resolusi full HD., dan bermain diandroid juga.&lt;br /&gt;
Pada ponsel android yang modern dan tablet sekarang ini, emulator ini dapat dijalankan pada resolusi asli.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Keuntungan emulator PPSSPS&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Bermain di resolusi HD&lt;/li&gt;
&lt;li&gt;Bermain pada tablet untuk layar besar mobile gaming&lt;/li&gt;
&lt;li&gt;Menyesuaikan pada layar kontrol sentuh atau menggunakan kontroler eksternal atau keyboard.&lt;/li&gt;
&lt;li&gt;Menyimpan dan mengembalikan negara permainan di mana saja, dan kapan saja.&lt;/li&gt;
&lt;li&gt;Penyaringan anisotropic dan tekstur skala&lt;/li&gt;
&lt;li&gt;Mentransfer dan menghemat dari PSP&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
# inilah sedikit screenshoot tampilan emulator PPSSPP&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvinwkKS7kcroyDrIu8VqG7JV9Gm0fcdZjPCTa9DcoYVi3e2bmytfxlfIUeSb4T55Mrm067jKfn_FcKLwyecHbrETfV1qvpTNFVbMYhyTsTFoFcduyTiVLZclt-pKE3a51f5vj-Q1-JZh_/s1600/emulator+ppsspp.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;189&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvinwkKS7kcroyDrIu8VqG7JV9Gm0fcdZjPCTa9DcoYVi3e2bmytfxlfIUeSb4T55Mrm067jKfn_FcKLwyecHbrETfV1qvpTNFVbMYhyTsTFoFcduyTiVLZclt-pKE3a51f5vj-Q1-JZh_/s320/emulator+ppsspp.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK0tEZGvMrbVFwabsRqgMuC94gK4Z8hr0ZX67PaZTxO6G6y-nWnPQe3jxYVb-MHLHAkAJfZ0BifIb94B78GzCI1dFX0u766t_t-T_pr2XR_aZiuDEv3ZGpYspX0lz6kQwHhsnZIBA3lQg-/s1600/home+emulator+ppsspp.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;192&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK0tEZGvMrbVFwabsRqgMuC94gK4Z8hr0ZX67PaZTxO6G6y-nWnPQe3jxYVb-MHLHAkAJfZ0BifIb94B78GzCI1dFX0u766t_t-T_pr2XR_aZiuDEv3ZGpYspX0lz6kQwHhsnZIBA3lQg-/s320/home+emulator+ppsspp.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
gimana, dari tampilannya aja, sudah begitu bagus. apalagi kalau mau dimainkan, pasti T.O.P deh. :D&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
tapi, itu cuman tampilan emulatornya, saya sendiri belum pernah memainkan game format .iso di emulator PPSSPP. karena saya masih takut dengan spesifikasi laptop saya.&lt;/div&gt;
&lt;div&gt;
tapi, kalo buat sobat pasti bisa kok buat main. 100% WORK&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
silahkan download emulator PPSSPP for PC, link di bawah&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
Via&amp;nbsp;&lt;a href=&quot;http://adf.ly/1PXMWn&quot;&gt;kumpulbagi&lt;/a&gt;&lt;br /&gt;
Via&amp;nbsp;&lt;a href=&quot;http://adf.ly/1PXMcP&quot;&gt;solidfiles&lt;/a&gt;&lt;br /&gt;
Via&amp;nbsp;&lt;a href=&quot;http://adf.ly/1PXMgc&quot;&gt;Google Drive&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
semoga software emulator PPSSPP bisa bermanfaat buat sobat :)&lt;br /&gt;
&lt;br /&gt;
Terima Kasih telah berkunjung</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/747337256089771095/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/10/download-emulator-ppsspp-untuk-pc.html#comment-form' title='13 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/747337256089771095'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/747337256089771095'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/10/download-emulator-ppsspp-untuk-pc.html' title='Download Emulator PPSSPP untuk PC'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvinwkKS7kcroyDrIu8VqG7JV9Gm0fcdZjPCTa9DcoYVi3e2bmytfxlfIUeSb4T55Mrm067jKfn_FcKLwyecHbrETfV1qvpTNFVbMYhyTsTFoFcduyTiVLZclt-pKE3a51f5vj-Q1-JZh_/s72-c/emulator+ppsspp.png" height="72" width="72"/><thr:total>13</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-5014304077258401864</id><published>2016-01-05T07:51:00.000+07:00</published><updated>2016-01-05T07:51:13.415+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><title type='text'>Cara Mengatasi Rank No Data di Alexa (Terbaru 2015)</title><content type='html'>1. Silahkan kunjungi &lt;a href=&quot;http://www.alexa.com/&quot;&gt;www.Alexa.com&lt;/a&gt;
&lt;br /&gt;
2. Jika sudah, akan muncul tampilan seperti di bawah ini.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJBdJPlrCEmLFufYdUZJCElg0pLtAR1e_cKtvXMG8BflGM1tNbOOJji8iByxORMYPsPK9Ed5awTOpbCKNGLQ37BpUT2hnOVM8-x0RqrqvEDE75i6tKpz7nXCdpXjJxC9-HpJJFGWC02SHX/s1600/1.bmp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;358&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJBdJPlrCEmLFufYdUZJCElg0pLtAR1e_cKtvXMG8BflGM1tNbOOJji8iByxORMYPsPK9Ed5awTOpbCKNGLQ37BpUT2hnOVM8-x0RqrqvEDE75i6tKpz7nXCdpXjJxC9-HpJJFGWC02SHX/s640/1.bmp&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
3. Setelah itu login terlebih dahulu dengan akun alexa anda, jika belum punya silahkan sign up terlebih dahulu. disini saya pilih login, karena saya sudah mendaftar dan mempunyai akun alexa.&lt;br /&gt;
lihat gambar&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6dVF1PsB-qGls2HIPcLGSIArPzpi7TQXlQIzdtMg7rRHCp3wJSCjdWiiJIJDVs9Tdy3YCNua7fDDeIuXTHBw0JdR7_vKqEvX3fFzjjJPEwwi1wZFuYFHd747friWsYDv9xFmQCIeSxw_K/s1600/2.bmp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;358&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6dVF1PsB-qGls2HIPcLGSIArPzpi7TQXlQIzdtMg7rRHCp3wJSCjdWiiJIJDVs9Tdy3YCNua7fDDeIuXTHBw0JdR7_vKqEvX3fFzjjJPEwwi1wZFuYFHd747friWsYDv9xFmQCIeSxw_K/s640/2.bmp&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
4. Tampilan Login, silahkan masukkan email dan password alexa anda, setelah itu klik sign in.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdBlzJ8tUkScV2taNjUQ8JaJKsRCfN8P6hu0_palP1qw5BnTqp2WwDW8-I0Qcl_aFv28xpol2i_aiw6t78gdqMmCpXgKMXeSSaJWrVRaiW1fr1YDCbrJdSEbLOuCqdBsqlId9dKD47PAZS/s1600/3.bmp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;358&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdBlzJ8tUkScV2taNjUQ8JaJKsRCfN8P6hu0_palP1qw5BnTqp2WwDW8-I0Qcl_aFv28xpol2i_aiw6t78gdqMmCpXgKMXeSSaJWrVRaiW1fr1YDCbrJdSEbLOuCqdBsqlId9dKD47PAZS/s640/3.bmp&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
5. Setelah login, pada menu pilih tools. jika masih belum paham silahkan lihat gambar.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKBy4LmiHj6afgIYzcQxfgwt03rf-gAJ532L8GPhUXLpqiCMcgJbKLMDj7J1cnnoSpnItxOn73REwbG9ZHr8_OIK9ucFWJKDmtYRHOgnBAuTxrQ2YHAAcDYJCBUOByx9nKAEPPrpcOyZww/s1600/4.bmp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;358&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKBy4LmiHj6afgIYzcQxfgwt03rf-gAJ532L8GPhUXLpqiCMcgJbKLMDj7J1cnnoSpnItxOn73REwbG9ZHr8_OIK9ucFWJKDmtYRHOgnBAuTxrQ2YHAAcDYJCBUOByx9nKAEPPrpcOyZww/s640/4.bmp&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
6. Setelah di tampilan tools alexa, klik tulisan hijau Start Your Free Trial Now.&lt;br /&gt;
lihat gambar&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd0f7Ntsa7qgcFZ45aBUHbjKqDTWrDB2CFOigfLXMKCavayOM3JkxnkGVx7svg9KxX0z-JslUNP8pULIlYU6nNxxGYjvQ_NDVVu9PTkzMzcOioUPtTiWw5cUmStkx_abABtVrtjP_7AnQN/s1600/5.bmp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;358&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd0f7Ntsa7qgcFZ45aBUHbjKqDTWrDB2CFOigfLXMKCavayOM3JkxnkGVx7svg9KxX0z-JslUNP8pULIlYU6nNxxGYjvQ_NDVVu9PTkzMzcOioUPtTiWw5cUmStkx_abABtVrtjP_7AnQN/s640/5.bmp&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
7. Selanjutnya, klik tulisan claiming your site. lihat gambar&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg28oT1-lZjN2D-0Aj5LIlsqY5iii8CA4jrDnv1y_CW8piBO6cbVSo2W9leIxq51ffrgzLpeHUbMYVg3SjEsqrHPp0wyKuuO8iZoPi5-NSf_6g4lCFjYy32Snbb88ckZvQPrLnIRNcyvNBq/s1600/6.bmp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;358&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg28oT1-lZjN2D-0Aj5LIlsqY5iii8CA4jrDnv1y_CW8piBO6cbVSo2W9leIxq51ffrgzLpeHUbMYVg3SjEsqrHPp0wyKuuO8iZoPi5-NSf_6g4lCFjYy32Snbb88ckZvQPrLnIRNcyvNBq/s640/6.bmp&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
8. setelah itu, tulis alamat blog anda. lalu klik continue. sebagai contoh, lihat gambar&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzIhWsFpLEMYjgTGy6EcJR4ywv-c2osGOMZve5bCs6rUFtnZWGT_wHJaxptpZ7ebFLpM9yz1GeXqGERwEPddzcBFqr91bdDUozMDJ7TvxhEToHr9UWbv4gXXoB8ZKjeHNykNHmSeXceAYJ/s1600/6.bmp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;358&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzIhWsFpLEMYjgTGy6EcJR4ywv-c2osGOMZve5bCs6rUFtnZWGT_wHJaxptpZ7ebFLpM9yz1GeXqGERwEPddzcBFqr91bdDUozMDJ7TvxhEToHr9UWbv4gXXoB8ZKjeHNykNHmSeXceAYJ/s640/6.bmp&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
9. Selanjutnya, pada tampilan select a method. pilih method yang nomor 2, akan muncul tampilan verifikasi. copy pastekan kode dalam kotak merah ke dalam blogger. caranya pilih template, lalu pilih edit html. carilah kode &amp;lt;head&amp;gt;, dan taruh kode tersebut tepat dibawah kode &amp;lt;head&amp;gt; itu.&lt;br /&gt;
setelah itu, klik verify my ID. setelah succes.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXwYsg8lQJo-1KDNVnUL_i3qmFYuV6iWhmVr_dCPuun1Gwo9wtVkjASxD7O-yXy7cLRoErRZeUFcRpwEveW9VZFdgg7hyphenhyphenikrmZEfvbs7oeHcbaSzOOrcaO0o0NXn3XshImwS-cSFN2z6xB/s1600/6.bmp&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;358&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXwYsg8lQJo-1KDNVnUL_i3qmFYuV6iWhmVr_dCPuun1Gwo9wtVkjASxD7O-yXy7cLRoErRZeUFcRpwEveW9VZFdgg7hyphenhyphenikrmZEfvbs7oeHcbaSzOOrcaO0o0NXn3XshImwS-cSFN2z6xB/s640/6.bmp&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
10. Terakhir, &amp;nbsp;tunggu sampai proses selesai, kira-kira sampai 1 hari.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
jika masih belum jelas, silahkan tulis di komentar.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/5014304077258401864/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/08/cara-mengatasi-rank-no-data-di-alexa.html#comment-form' title='6 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/5014304077258401864'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/5014304077258401864'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/08/cara-mengatasi-rank-no-data-di-alexa.html' title='Cara Mengatasi Rank No Data di Alexa (Terbaru 2015)'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJBdJPlrCEmLFufYdUZJCElg0pLtAR1e_cKtvXMG8BflGM1tNbOOJji8iByxORMYPsPK9Ed5awTOpbCKNGLQ37BpUT2hnOVM8-x0RqrqvEDE75i6tKpz7nXCdpXjJxC9-HpJJFGWC02SHX/s72-c/1.bmp" height="72" width="72"/><thr:total>6</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-6362208328695531592</id><published>2016-01-05T07:50:00.002+07:00</published><updated>2016-01-05T07:50:53.227+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Software"/><title type='text'>Download IObit Driver Booster Pro 2.4.0.19 full serial</title><content type='html'>&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #454545; font-stretch: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; box-sizing: border-box; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Selamat siang pembaca setia blog saya&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #454545; font-stretch: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;yah, ketemu lagi di hari yang cerah ini. sudah lama saya tidak memposting.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #454545; font-stretch: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;maka hari ini saya akan lanjutkan post blog-nya. hari ini saya akan mmebagikan aplikasi update driver, yaitu IObit driver booster. tapi hari ini saya akan membagikan yang versi 2.4.0.19, kalau sobat ingin yang terbaru silahkan di download langsung di websitenya atau yang lainnya. hehehehe.....&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;siapa sih yang gak kenal dengan salah satu aplikasi tercanggih buatan IObit. pasti semua udah tahu kan? ya udah, untuk yang belum tahu. saya akan memberikan sedikit deskripsi dari aplikasi ini. disimak baik-baik ya.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #454545; font-stretch: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Driver Booster&lt;/span&gt;&amp;nbsp;- Tools untuk meningkatkan performa dari&amp;nbsp;&lt;em style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;hardware&lt;/em&gt;&amp;nbsp;yang kamu miliki. Selain itu&amp;nbsp;&lt;span style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Driver Booster&lt;/span&gt;&amp;nbsp;akan otomatis mengidentifikasi&amp;nbsp;&lt;em style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;driver hardware&lt;/em&gt;&amp;nbsp;versi terbaru sehingga kamu tidak perlu lagi melakukan pengecekan setiap&amp;nbsp;&lt;em style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;driver hardware&lt;/em&gt;&amp;nbsp;kamu.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #454545; font-stretch: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Bisa digunakan untuk&amp;nbsp;&lt;em style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;tweaking&lt;/em&gt;&amp;nbsp;supaya mendapatkan pengalaman&amp;nbsp;Game&amp;nbsp;dengan sempurna. Cepat, aman, dan tentunya mudah digunakan. Kegunaan yang multi ini sangat menguntungkan bagi para pengguna komputer para gamer ataupun pengguna officer. Driver usang dapat sangat mempengaruhi kinerja PC Anda dan menyebabkan sistem&lt;em style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;crash&lt;/em&gt;.&amp;nbsp;&lt;span style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Driver Booster&lt;/span&gt;&amp;nbsp;yang dirancang dengan teknologi&amp;nbsp;&lt;em style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;update driver&lt;/em&gt;&amp;nbsp;yang paling canggih Iobit&amp;nbsp;itu.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #454545; font-stretch: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Scan&lt;/span&gt;&amp;nbsp;dan&amp;nbsp;&lt;span style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;mengidentifikasi&lt;/span&gt;&amp;nbsp;Driver jadul (lama) secara&amp;nbsp;&lt;span style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;otomatis&lt;/span&gt;,&amp;nbsp;download, menginstal update&amp;nbsp;yang tepat untuk kamu dengan hanya satu klik dan menghemat banyak waktu juga pastinya.&amp;nbsp;&lt;span style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Selain itu,&lt;/span&gt;&amp;nbsp;pengemudi&amp;nbsp;&lt;em style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;updater&lt;/em&gt;&amp;nbsp;atau&amp;nbsp;&lt;em style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Driver Updater&lt;/em&gt;&amp;nbsp;ini dirancang khusus untuk men-tweak driver&amp;nbsp;untuk kinerja gaming yang lebih baik dan memastikan kinerja PC yang lebih baik dengan meningkatkan keamanan&amp;nbsp;&lt;em style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;update&lt;/em&gt;&amp;nbsp;dengan Restore, Uninstall &amp;amp; Rollback fitur. Ini adalah alat&amp;nbsp;&lt;em style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;update driver&lt;/em&gt;&amp;nbsp;yang tepat untuk melindungi PC kamu dari kerentanan keamanan yang tersembunyi, kegagalan&amp;nbsp;&lt;em style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;hardware&lt;/em&gt;, konflik, dan sistem&amp;nbsp;&lt;em style=&quot;border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;crash&lt;/em&gt;. (sumber : &lt;a href=&quot;https://jalantikus.com/apps/driver-booster/&quot;&gt;Jalan Tikus&lt;/a&gt;)&lt;/span&gt;&lt;br /&gt;
ini adalah sedikit tampilan dari aplikasi IObit driver booster tersebut.&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf1gO2SeQ1iGVR-KvRzlMJu_DI24pRoaCOBA2zCulZrIHtj5ySu6jf7BxqH0Ln92W5JxQj4hZ71E2d68Pl0kT6NnG62H3SbZbhrnIyD7lJStTUMHOXUG16dCX2gu231kanDchOpplDfNG4/s1600/scan+driver+booster.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;266&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf1gO2SeQ1iGVR-KvRzlMJu_DI24pRoaCOBA2zCulZrIHtj5ySu6jf7BxqH0Ln92W5JxQj4hZ71E2d68Pl0kT6NnG62H3SbZbhrnIyD7lJStTUMHOXUG16dCX2gu231kanDchOpplDfNG4/s400/scan+driver+booster.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan scan driver&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;span id=&quot;goog_532911162&quot;&gt;&lt;/span&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGdtnF-v31R_5BcwHe9kEjJf6aQ69ZVQe6KQ6PQSrv0kruuYcoAg5viAGjKtwIE3VWbUjzdgR4RzWC8r_FReY5ff46rPB4CHifeupf32T_BfNqHHtqBCXUAGdokkeM78hJe-mWB2og0459/s1600/hasil+scan+driver+booster.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;265&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGdtnF-v31R_5BcwHe9kEjJf6aQ69ZVQe6KQ6PQSrv0kruuYcoAg5viAGjKtwIE3VWbUjzdgR4RzWC8r_FReY5ff46rPB4CHifeupf32T_BfNqHHtqBCXUAGdokkeM78hJe-mWB2og0459/s400/hasil+scan+driver+booster.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Hasil scanning driver&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
wah, ternyata laptop saya masih ada yang belum saya update. untuk sobat wajib meng-update driver laptop/pc. agar performance laptop/pc sobat stabil.&lt;br /&gt;
&lt;div&gt;
untuk peng-updaten harus konek dengan internet.&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
untuk download aplikasinya klik link di bawah ini&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Via &lt;a href=&quot;http://adf.ly/1QC7LP&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;cara install :&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
1. ekstrak file rar tadi dengan winrar&lt;/div&gt;
&lt;div&gt;
2. jalankan setup&lt;br /&gt;
3. tunggu hingga proses penginstalan selesai&lt;/div&gt;
&lt;div&gt;
4. setelah selesai, buka driver booster&lt;br /&gt;
5. masukkan serial yang ada di folder&lt;/div&gt;
&lt;div&gt;
6. selesai&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
yah, mungkin hanya itu saja yang bisa saya sampaikan, mudah-mudahan aplikasi tersebut bermanfaat buat sobat.&lt;/div&gt;
&lt;div&gt;
untuk bertanya, silahkan tulis di kotak komentar.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Terima kasih sudah berkunjung ke blog ini :)&lt;/div&gt;
&lt;div&gt;
selalu setia untuk membaca dan mendownload di blog ini.&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&quot;Good time with my blog&quot;&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #454545; font-stretch: inherit; line-height: 28px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/6362208328695531592/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/10/download-iobit-driver-booster-pro-24019.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/6362208328695531592'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/6362208328695531592'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/10/download-iobit-driver-booster-pro-24019.html' title='Download IObit Driver Booster Pro 2.4.0.19 full serial'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf1gO2SeQ1iGVR-KvRzlMJu_DI24pRoaCOBA2zCulZrIHtj5ySu6jf7BxqH0Ln92W5JxQj4hZ71E2d68Pl0kT6NnG62H3SbZbhrnIyD7lJStTUMHOXUG16dCX2gu231kanDchOpplDfNG4/s72-c/scan+driver+booster.PNG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-1555771254181679024</id><published>2016-01-05T07:50:00.001+07:00</published><updated>2016-01-05T07:50:40.916+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><title type='text'>Cara Daftar  di Solidfiles (terbaru)</title><content type='html'>1. Kunjungi terlebih dahulu website resminya &lt;a href=&quot;https://www.solidfiles.com/&quot;&gt;Solidfiles&lt;/a&gt;, maka akan muncul tampilan home solidfiles.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxN0cQcK6ghbJNipDs3rJ4KSLcddQJplMDkZa9SPj4v5YmxzohCGMEDAWsZv8XPzZay0katzHR6BEUmbTxhVgsnoF48K16Z7g2Tf4NyzwgcAwcDBhHHDu7ujmrTosEzQ_Ckqeyz4jbbUHD/s1600/1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;359&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxN0cQcK6ghbJNipDs3rJ4KSLcddQJplMDkZa9SPj4v5YmxzohCGMEDAWsZv8XPzZay0katzHR6BEUmbTxhVgsnoF48K16Z7g2Tf4NyzwgcAwcDBhHHDu7ujmrTosEzQ_Ckqeyz4jbbUHD/s640/1.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
2. Setelah muncul tampilan seperti gambar di atas, silahkan isikan username, password, dan email sobat. lalu klik sign up.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR4OcveIA8j9iWawmqODA2fnpFLxw16AIe0y_8jS7z1uiDwYdWPidGozT-NDNjCZ8IHRQf36nzbkdCPdc3z0zLC_dxwrgdZWZubef7pbTqONgcZIxGJds9cHePxT4aVm6Me4WodeXb162s/s1600/2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;354&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR4OcveIA8j9iWawmqODA2fnpFLxw16AIe0y_8jS7z1uiDwYdWPidGozT-NDNjCZ8IHRQf36nzbkdCPdc3z0zLC_dxwrgdZWZubef7pbTqONgcZIxGJds9cHePxT4aVm6Me4WodeXb162s/s640/2.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
3. tunggu hingga proses selesai, dan setelah selesai maka akaun solidfiles sobat sudah jadi. tinggal buka email sobat, dan lakukan aktivasi akun solidfiles sobat.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFDF20a7l0dEkC_iUYp2YptNXLwTztLxyG0LiiVp6Nqfhk3e6-7OEtGE-WpxRCQQZjpEF_dj2BahCmwAE0ppIbyuJtsR2aQOQCu7YK5y0oD_acz971s-JTsQKYq4kIe3jWg6racZpKXXnW/s1600/3.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;354&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFDF20a7l0dEkC_iUYp2YptNXLwTztLxyG0LiiVp6Nqfhk3e6-7OEtGE-WpxRCQQZjpEF_dj2BahCmwAE0ppIbyuJtsR2aQOQCu7YK5y0oD_acz971s-JTsQKYq4kIe3jWg6racZpKXXnW/s640/3.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
4. Buka email sobat, lalu klik link yang sudah di kirimkan oleh pihak solidfiles.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmQ-03MRQXjsi3tyuBjr0IA1qiIL_8VoVWATCX-hs4a-NqcNln7_vgvW_lsComHlRMK65HYZxwEoKz4hRzD2rRU2MECkupSptIzs1scjysT4U-ANLUv39fLJhi4X0euUOM0w7lz38J3ErU/s1600/4.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;354&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmQ-03MRQXjsi3tyuBjr0IA1qiIL_8VoVWATCX-hs4a-NqcNln7_vgvW_lsComHlRMK65HYZxwEoKz4hRzD2rRU2MECkupSptIzs1scjysT4U-ANLUv39fLJhi4X0euUOM0w7lz38J3ErU/s640/4.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
5. selanjutnya akun sobat sudah aktif. dan silahkan login.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitM9Mpy6wJ7HNi9Dj7buWUXQtRoYUseshh6U6h95Q98FvHQq9pdyvqznDWIlD_l_-ruNX9OC4l3JNAH-cYHRUFExyRfemK4Vnme1PxnfNq5sRVJPgJvxPm4PfhScl2kzDrpMq922V0IkCQ/s1600/5.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;354&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitM9Mpy6wJ7HNi9Dj7buWUXQtRoYUseshh6U6h95Q98FvHQq9pdyvqznDWIlD_l_-ruNX9OC4l3JNAH-cYHRUFExyRfemK4Vnme1PxnfNq5sRVJPgJvxPm4PfhScl2kzDrpMq922V0IkCQ/s640/5.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
6. kemudian masukkan username/email dan password sobat. lalu klik login to your account.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz2Yiu0nnDpiD5UqWAJv76n8WkMK2rC69k_ma-SVk793wPfRx6Irv1HkD2QhQTK7y2uCQ6pj4-lzhY8U9Zxtu9hww9DQ59Tzod0tFHqst4E52kw7MNOwly2IVU2Jr6VtvyYl6y0kDJg9PO/s1600/6.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;354&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz2Yiu0nnDpiD5UqWAJv76n8WkMK2rC69k_ma-SVk793wPfRx6Irv1HkD2QhQTK7y2uCQ6pj4-lzhY8U9Zxtu9hww9DQ59Tzod0tFHqst4E52kw7MNOwly2IVU2Jr6VtvyYl6y0kDJg9PO/s640/6.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
7. dan selamat...... akun solidfiles sobat sudah selesai. dan sekarang sobat bisa meng-upload file &amp;nbsp;sobat ke solidfiles, secara gratis...tis...tis....&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWUJR4GSg6HlNTQFUE9KJy6-Mo8z7oRbpJfUOo4Is5aHRuUkG9IwAQQISTVnwfU6F9ohA_5dZREFJ66Z_yf4C9qr3ihFmSmxhZVms2PgoZroUxZVrXLPgxo0B1tAR_qj7uhhb2ASBCFxBg/s1600/7.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;354&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWUJR4GSg6HlNTQFUE9KJy6-Mo8z7oRbpJfUOo4Is5aHRuUkG9IwAQQISTVnwfU6F9ohA_5dZREFJ66Z_yf4C9qr3ihFmSmxhZVms2PgoZroUxZVrXLPgxo0B1tAR_qj7uhhb2ASBCFxBg/s640/7.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
yah begitulah, caranya daftar akun solidfiles. walaupun cuma sedikit informasinya, mudah-mudahan bermanfaat buat sobat. jika ada pertanyaan silahkan tulis di kotak komentar.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
Terima Kasih telah berkunjung ke blog ini.&lt;/div&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/1555771254181679024/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/09/cara-daftar-di-solidfiles-terbaru.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/1555771254181679024'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/1555771254181679024'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/09/cara-daftar-di-solidfiles-terbaru.html' title='Cara Daftar  di Solidfiles (terbaru)'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxN0cQcK6ghbJNipDs3rJ4KSLcddQJplMDkZa9SPj4v5YmxzohCGMEDAWsZv8XPzZay0katzHR6BEUmbTxhVgsnoF48K16Z7g2Tf4NyzwgcAwcDBhHHDu7ujmrTosEzQ_Ckqeyz4jbbUHD/s72-c/1.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-5082087648187403176</id><published>2016-01-05T07:50:00.000+07:00</published><updated>2016-01-05T07:50:16.400+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Informasi"/><title type='text'>Macam-Macam Distro Linux</title><content type='html'>&lt;div class=&quot;MsoNormal&quot;&gt;
Linux pada awalnya merupakan proyek hobi Linus Benedict
Torvalds yang dirancang berdasarkan inspirasi sistem operasi UNIX yang lebih
kecil yaitu Minix, kemudian dikembangkan oleh Andrew Tanenbaum. Pada Linux
terdapat istilah &lt;i&gt;distr. &lt;/i&gt;Digunakan untuk
menyebut versi pada Linux. Distro Linux banyak beredar dengan berbagai fungsi
yang berbeda-beda, distro yang banyak dikenal dan digunakan adalah sebagai
berikut.&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;1. RedHat&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLOQBmIauFL_DRuXKPBTAPvidC07aEl6P5z5Ca9WsLINGmCScEh5rb0NYyxUBJC6blMaBFTZoE46tAdEHbB8jNrDuTJNmcCw8jnLzVVQIPU_pxq40DcVz5VLQVx7oQlS6d_q4R7jVb6OZT/s1600/red-hat-logo.jpeg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLOQBmIauFL_DRuXKPBTAPvidC07aEl6P5z5Ca9WsLINGmCScEh5rb0NYyxUBJC6blMaBFTZoE46tAdEHbB8jNrDuTJNmcCw8jnLzVVQIPU_pxq40DcVz5VLQVx7oQlS6d_q4R7jVb6OZT/s200/red-hat-logo.jpeg&quot; width=&quot;181&quot; /&gt;&lt;/a&gt;RedHat Linux merupakan salah satu GNU/Linux yang tergolong
versi lama, menawarkan kemudahan dan mode tampilan yang sepenuhnya berbasis
grafis. Versi terakhir RedHat yang dirilis merupakan &lt;/div&gt;
versi stabil dan perbaikan
serta peningkatan administrasi sistem yang dilengkapi dengan desktop KDE 3.1
dan GNOME 2.2, aplikasi grafis GIMP 1.2.3, OpenOffice, KOffice, Diagram, dan
aplikasi Multimedia Player. Penggunaan RedHat hampir sama dengan sistem operasi
Windows, terdapat kemudahan dalam penggunaannya, antara lain dalam melakukan
instalasi software, pengenalan deteksi hardware, konfigurasi, pengelolaan
sistem dan harddisk, serta penggunaan aplikasi-aplikasi yang semuanya dapat
dilakukan dengan mudah dan didukung dengan menu grafis serta perintah yang
mudah untuk diikuti.&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;2. Debian&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwlpFEYfyo1vDK_R_O7Syy7Ahnt-5RYPdx09qMPal0CcQVuV4FZmJ8Y78X4dAJFq9YCDCUScntYHo2mUzfOGeUGp_hOQYyE0TYv48PpBrN55TqNw2l6MnJoADoJkaEY0hxAjEL5Ot2EyHe/s1600/debian_splash.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwlpFEYfyo1vDK_R_O7Syy7Ahnt-5RYPdx09qMPal0CcQVuV4FZmJ8Y78X4dAJFq9YCDCUScntYHo2mUzfOGeUGp_hOQYyE0TYv48PpBrN55TqNw2l6MnJoADoJkaEY0hxAjEL5Ot2EyHe/s200/debian_splash.png&quot; width=&quot;188&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Debian merupakan hasil kinerja para sukarelawan untuk
membuat distro dengan kualitas tinggi dan nonkomersial. Upgrade Debian mudah
dilakukan, depedensi paket didefinisikan dengan baik, dan dikembangkan secara
terbuka. Debian merupakan satu-satunya distro yang dikembangkan secara
bersama-sama melalui internet dengan lebih dari 400 pengelola paket yang
mengerjakan lebih dari 1.500 paket.&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;3. Mandrake/Mandriva&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtG-5KC_d5Wn50hYUiOxbNRWQf9aImPNURcrJS3aJ36N9dcWvX3UIpxX7nL9EYNWHcoy7lm_WztODMvSgCdEkJR2ikwfDvQAjB4avFZGIDHDrkPIQM-E_G0AME31FcQfj0xB8c4gPHaxdm/s1600/mandriva.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtG-5KC_d5Wn50hYUiOxbNRWQf9aImPNURcrJS3aJ36N9dcWvX3UIpxX7nL9EYNWHcoy7lm_WztODMvSgCdEkJR2ikwfDvQAjB4avFZGIDHDrkPIQM-E_G0AME31FcQfj0xB8c4gPHaxdm/s200/mandriva.png&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Mandrake dibuat berdasarkan distro RedHat disertai dengan
banyak pengembangan dan aplikasi prakonfigurasi yang memudahkan para pemula
pada proses awal install dengan penggunaan basis Xwindow, didukung dengan
berbagai bahasa, dan kemudahan dalam penggunaannya. Paket Mandrake telah
dikompilasi dengan optimasi CPU untuk kelas Pentium (Intel, AMD, Cyrixm
Winchip) dan prosesor versi yang lebih tinggi serta menghasilkan optimasi lebih
dari 30%. Mandrake menggunakan paket manajer yang disebut urpmi. Penamaan
Mandrake digunakan pada versi 8.0, sedangkan penamaan versi 8.1-9.2 menggunakan
nama Mandriva.&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;4. SuSe&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSSBUriOtDEnJ7OSyWgLyNooSgTf87mf0pMOCF8-s2zF4f5Su0z2t9Jhz8dWPNbL6A11_fOOt63hGbUolUG9vREligGF6nOl3kMzqNObm1Lm4Oh_8bEJevuu-Viz6C7j78hXmBcN9IGohq/s1600/Suse-Logo-580x224_tcm21-102997.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;76&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSSBUriOtDEnJ7OSyWgLyNooSgTf87mf0pMOCF8-s2zF4f5Su0z2t9Jhz8dWPNbL6A11_fOOt63hGbUolUG9vREligGF6nOl3kMzqNObm1Lm4Oh_8bEJevuu-Viz6C7j78hXmBcN9IGohq/s200/Suse-Logo-580x224_tcm21-102997.png&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;SuSe merupakan distro Linux yang stabil dan mudah ketika
melakukan deteksi hardware, mudah dikelola dan didukung penuh oleh komunitas
pengembang di seluruh dunia serta memiliki dukungan sponsor dari perusahaan
besar. Keunggulan SuSe dibandingkan distro Linux lainnya adalah kelengkapan
pustaka dan banyaknya software yang disertakan. Fitur yang terdapat pada SuSe
antara lain instalasi berbasis menu (CD-ROM), disket boot modular, buku
referensi, dan YAST. Perangkat adiministrasi SuSe mendukung kartu grafis baru
dan dapat melakukan demo secara langsung, paket SuSe dinamakan SPM &lt;i&gt;(SuSe Package Manager)&lt;/i&gt;.&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;5. Xandros&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh589cZGblw_NpO3g4ARi2c9nGC4ymL7fjzL_2_mCmMxVyhpSzTmzd4K0bPLNcXDbT8Xnch_8W0xyNHBNRODwqaIfpyALzWvmV-Kc6aTRtCXIuuzgtRodXMqC8J6NfHSgP1EPvlNYf7B19v/s1600/xandros.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;159&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh589cZGblw_NpO3g4ARi2c9nGC4ymL7fjzL_2_mCmMxVyhpSzTmzd4K0bPLNcXDbT8Xnch_8W0xyNHBNRODwqaIfpyALzWvmV-Kc6aTRtCXIuuzgtRodXMqC8J6NfHSgP1EPvlNYf7B19v/s200/xandros.png&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Xandros merupakan distro Linux yang dibuat berdasarkan
sistem KDE. Tampilan Xandros sangat mirip dengan Microsoft Windows sehingga
apabila dioperasikan akan terasa mudah dan nyaman. Xandros dikenal user
friendly dan tidak menyulitkan bagi para pemula. Sampai saat ini Xandros telah
mencapai versi 4.&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;6. CentOs&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF4sRtmYdFkLNCftGp9iDg-nbB2RBie18_6wQW1AuKTYVd7KUJ6xt-SFe9fy3peA5Mb7Rrp4NVb2bs3dE56g_kAitlocJDFcqW5xbeAAnRpLPs1NVsSZHS-sAPAFAHi3LTicKdNpMNs4lS/s1600/centos.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;141&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF4sRtmYdFkLNCftGp9iDg-nbB2RBie18_6wQW1AuKTYVd7KUJ6xt-SFe9fy3peA5Mb7Rrp4NVb2bs3dE56g_kAitlocJDFcqW5xbeAAnRpLPs1NVsSZHS-sAPAFAHi3LTicKdNpMNs4lS/s200/centos.jpg&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
CentOS&lt;i&gt; (Community
Enterprise Operating System)&lt;/i&gt;merupakan sistem operasi yang berbasis RedHat
Enterprise Linux (RHEL). Salah satu kekurangan CentOS adalah kurangnya dukungan
kernel untuk sistem file sehingga tidak bisa membaca ReiserFS dan NTFS.&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;7. Gentoo&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiESwLvfL82eLGl_fB8Cs3pdEz8mYWjBNO576zcglXYqlX7PTLnHlZGQzIzoQijkMeNCd_asuwIPpe0_VnakNlYWvSwefkOCmNZjgZPaj1oe5RQ_PThSJ2yuD3-x3Scse51xvgNwxDCey-W/s1600/gentoo-linux.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiESwLvfL82eLGl_fB8Cs3pdEz8mYWjBNO576zcglXYqlX7PTLnHlZGQzIzoQijkMeNCd_asuwIPpe0_VnakNlYWvSwefkOCmNZjgZPaj1oe5RQ_PThSJ2yuD3-x3Scse51xvgNwxDCey-W/s200/gentoo-linux.jpg&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Gentoo merupakan distro Linux yang menggunakan paket sistem
manajemen &lt;i&gt;portage&lt;/i&gt; yang dirancang agar
mudah dalam melakukan penambahan (modular), dapat diintegrasikan dengan distro
lain, mudah diatur, fleksibel, dan dioptimalkan untuk masing-masing komputer
pengguna. Nama proyek pengembangan dan produknya diambil dari jenis penguin
bernama Gentoo. Gentoo mempunyai keunikan tersendiri, dapat dilakukan
optimisasi dan kustomisasi untuk hampir semuajenis aplikasi dan kegunaan.
Konfigurasi yang sangat ekstrim, dukungan dari sesama pengguna dan pengembang
yang baik merupakan kelebihan Gentoo. Berkat adanya teknologi bernama &lt;i&gt;portage&lt;/i&gt;, Gentoo dapat menjadi server
yang aman dan solusi buat&lt;i&gt; embedded&lt;/i&gt;.&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;8. Knoppix&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiITXQ-jpx0LJwNVQ4A4JiQ1gZkzQroctU1ACllVsI9IRa7ik6Ivv7MoJ9Hl-0MVUvGVSWsZRCIOwP8wCr0HqboY08uxJEAF4iY1Bz4jaLGEL-Rf2vFUdFjy4dDizHcjNtgAepJK7tg94sV/s1600/knoppix.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiITXQ-jpx0LJwNVQ4A4JiQ1gZkzQroctU1ACllVsI9IRa7ik6Ivv7MoJ9Hl-0MVUvGVSWsZRCIOwP8wCr0HqboY08uxJEAF4iY1Bz4jaLGEL-Rf2vFUdFjy4dDizHcjNtgAepJK7tg94sV/s200/knoppix.png&quot; width=&quot;158&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Knoppix merupakan distro Linux &lt;i&gt;live-cd&lt;/i&gt; , dapat dijalankan melalui CD-ROM tanpa instalasi pada
hardddisk. Knoppix berbasis Debian yang dibuat oleh Klaus Knopper. Knoppix
memiliki ragam aplikasi yang cukup lengkap dan dapat dipergunakan sebagai demo
atau sarana belajar linux bagi pengguna dengan kapasitas harddisk yang sedikit.
Kelemahan Knoppix yaitu kebutuhan memori yang besar untuk menggunakan modus
grafisnya sebesar 96 MB, &lt;i&gt;swap&lt;/i&gt; pada
harddisk dapat dilakukan untuk menjalankan Knoppix dengan memori 64 MB.&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;9. Turbo Linux&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVbMX4QeR0V2MZ0rVECFyztC5z4c3fQfhYdnXBIh3CpOpJw1XiPTcLlhl_d8_x-FQOOxReVKzv9gf53s1OykINK1aD7Xa7wx3CKcJ4W0yZyQ7d-AgOB13bRjl8oK_XUZeZfO7rLm76VOHG/s1600/turbolinux57.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;141&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVbMX4QeR0V2MZ0rVECFyztC5z4c3fQfhYdnXBIh3CpOpJw1XiPTcLlhl_d8_x-FQOOxReVKzv9gf53s1OykINK1aD7Xa7wx3CKcJ4W0yZyQ7d-AgOB13bRjl8oK_XUZeZfO7rLm76VOHG/s200/turbolinux57.png&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
TurboLinux merupakan distro Linux dengan kinerja tinggi yang
alokasikan untuk pasar&lt;i&gt; workstation &lt;/i&gt;dan
server terutama untuk penggunaan clustering dan orientasinya ke perusahaan.
TurboLinux Workstation merupakan versi desktopnya sedangkan TurboLinux server
digunakan untuk &lt;i&gt;backend server&lt;/i&gt; dengan
kinerja tinggi terutama untuk penggunaan bisnis pada perusahaan, &lt;i&gt;e-commerce&lt;/i&gt;, dan transaksi B2B &lt;i&gt;(Business to Business)&lt;/i&gt;. Turbo Cluster
Server digunakan untuk pembuatan &lt;i&gt;server
cluster &lt;/i&gt;dengan skala luas dan dapat digunakan 25 cluster node atau lebih.
Salah satu aplikasi yang berbasis konsep sederhana dan kuat dinamakan &lt;i&gt;parametric execution.&lt;o:p&gt;&lt;/o:p&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;10. Fedora&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxFUOVW9LWBTu2RR0cmqJ8RYXygDcpsQPrf0Uzwofs5a_nr3Tznad7cKdiRB_gbRLNa3KhyUV7mjvMhrSEtQ7HJzEvd1P1e2qR67kReORjLdyLc_7yWkekOlIF6DMqxsokzh0CmOgYXPIh/s1600/fedora.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;183&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxFUOVW9LWBTu2RR0cmqJ8RYXygDcpsQPrf0Uzwofs5a_nr3Tznad7cKdiRB_gbRLNa3KhyUV7mjvMhrSEtQ7HJzEvd1P1e2qR67kReORjLdyLc_7yWkekOlIF6DMqxsokzh0CmOgYXPIh/s200/fedora.jpg&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Fedora merupakan distro Linux yang berbasis RPM dan
dikembangkan oleh Fedora Project yang didukung oleh komunitas pemrogram serta
disponsori oleh RedHat. Fedora mempunyai fitur Desktop GNOME 2.24.1, KDE 4.1.2,
Open Office 3.0, Firefox 3.0.4, Linux 2.6.27.5, X.org-X-Server 1.5.3, Glibc
2.9, dan RPM 4.6. Banyak fitur baru seperti versi &lt;i&gt;Glitch-Free&lt;/i&gt;untuk Pulse Audio, Security System, Audit dan
Instrusion-Detection Sectool, PackageKit-Framework, software konfigurasi
printer dengan fitur baru dan dukungan untuk Adhoc-Network/Connection Sharing
yang melengkapi Network Manager, sehingga menjadikan Fedora sebgai salah satu
distro dengan fitur terbaru yang akan diikuti distro-distro lainnya.&lt;a href=&quot;https://www.blogger.com/null&quot; name=&quot;_GoBack&quot;&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
yah mungkin itu saja yang saya ketahui tentang linux yang biasa digunakan, linux yang lainnya bisa sobat cari google.&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
terima kasih ya sudah berkunjung&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/5082087648187403176/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/09/macam-macam-distro-linux.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/5082087648187403176'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/5082087648187403176'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/09/macam-macam-distro-linux.html' title='Macam-Macam Distro Linux'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLOQBmIauFL_DRuXKPBTAPvidC07aEl6P5z5Ca9WsLINGmCScEh5rb0NYyxUBJC6blMaBFTZoE46tAdEHbB8jNrDuTJNmcCw8jnLzVVQIPU_pxq40DcVz5VLQVx7oQlS6d_q4R7jVb6OZT/s72-c/red-hat-logo.jpeg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-5768424944198575051</id><published>2015-11-02T15:20:00.000+07:00</published><updated>2015-11-27T14:13:24.495+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PHP MYSQL"/><title type='text'>Membuat Jejaring Sosial sederhana dengan PHP, MYSQL, dan Bootstrap di Localhost (part 7)</title><content type='html'>&lt;div class=&quot;MsoNormal&quot;&gt;
Ketemu lagi dengan saya sobat. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Mohon maaf jika tutorial kemarin belum saya post-kan,
seperti biasa di karenakan sibuk di hari minggu , &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
kali ini saya coba lanjutin tutorial kita, gak terasa sudah
sampai di PART 7. Kali ini kita akan buat halaman profil untuk user. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Halaman profil dari sebuah jejaring sosial paling tidak
harus memiliki fitur sebagai berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
1. Foto Profil dan Nama User&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
2. Info Biodata User&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
3. Halaman Status User&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
4. Daftar Teman&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
5. Button Add Friend&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
6. Button Kirim Pesan, dll.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kali ini kita akan coba membuat layout untuk menampung
fitur-fitur diatas.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;b&gt;Pertama&lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Di part 6 kita sudah membuat&amp;nbsp;
Kita sudah membuat kometar. Jadi seluruh dari part 1- part 6, akan
memiliki tampilan home seperti berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPMiPhplFhEegKRCard9FSJdIVl92M7KGOeqk0drRAwzLVMF630IJAwphWp6az5jcGhRpPqbI2cLpQ2Mu8emAOtkbyUxh7betDH4BRzXB15SNxaBvil6c0YrcdJfrnOTRtBVsOOehil4eS/s1600/home+baru.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;376&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPMiPhplFhEegKRCard9FSJdIVl92M7KGOeqk0drRAwzLVMF630IJAwphWp6az5jcGhRpPqbI2cLpQ2Mu8emAOtkbyUxh7betDH4BRzXB15SNxaBvil6c0YrcdJfrnOTRtBVsOOehil4eS/s640/home+baru.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;home.php&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shapetype
 id=&quot;_x0000_t75&quot; coordsize=&quot;21600,21600&quot; o:spt=&quot;75&quot; o:preferrelative=&quot;t&quot;
 path=&quot;m@4@5l@4@11@9@11@9@5xe&quot; filled=&quot;f&quot; stroked=&quot;f&quot;&gt;
 &lt;v:stroke joinstyle=&quot;miter&quot;/&gt;
 &lt;v:formulas&gt;
  &lt;v:f eqn=&quot;if lineDrawn pixelLineWidth 0&quot;/&gt;
  &lt;v:f eqn=&quot;sum @0 1 0&quot;/&gt;
  &lt;v:f eqn=&quot;sum 0 0 @1&quot;/&gt;
  &lt;v:f eqn=&quot;prod @2 1 2&quot;/&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelWidth&quot;/&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelHeight&quot;/&gt;
  &lt;v:f eqn=&quot;sum @0 0 1&quot;/&gt;
  &lt;v:f eqn=&quot;prod @6 1 2&quot;/&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelWidth&quot;/&gt;
  &lt;v:f eqn=&quot;sum @8 21600 0&quot;/&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelHeight&quot;/&gt;
  &lt;v:f eqn=&quot;sum @10 21600 0&quot;/&gt;
 &lt;/v:formulas&gt;
 &lt;v:path o:extrusionok=&quot;f&quot; gradientshapeok=&quot;t&quot; o:connecttype=&quot;rect&quot;/&gt;
 &lt;o:lock v:ext=&quot;edit&quot; aspectratio=&quot;t&quot;/&gt;
&lt;/v:shapetype&gt;&lt;v:shape id=&quot;Picture_x0020_1&quot; o:spid=&quot;_x0000_i1034&quot; type=&quot;#_x0000_t75&quot;
 style=&#39;width:450.75pt;height:249pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;Dan database dengan tiga buah tabel
seperti berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzbxWR9GvC_Km4OcyRDti25dG14XY8qMQa7kmiToVD6KRZ5txqHYOPU84mHZ6yNsV9B0SpMfkb7m3h-PRaNKUfu_yQ_e60G5FpD9idlvdlmbjueA9PhzYDUfob82dX73zbsrNiBCfqom0p/s1600/3+table.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;99&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzbxWR9GvC_Km4OcyRDti25dG14XY8qMQa7kmiToVD6KRZ5txqHYOPU84mHZ6yNsV9B0SpMfkb7m3h-PRaNKUfu_yQ_e60G5FpD9idlvdlmbjueA9PhzYDUfob82dX73zbsrNiBCfqom0p/s640/3+table.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tiga table&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN; mso-no-proof: yes;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_2&quot; o:spid=&quot;_x0000_i1033&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;
 height:71.25pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image003.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;Kedua&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;Kita buat desain layout. Misalnya kita ambil
contoh halaman profil dari web Jejaring Sosial yang sudah ada semacam facebook,
google +, dll. Kali ini kita ambil desain mirip desain Jagocoding seperti ini :&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIjLSuMl_t2GLG4THvOT-VZwsHybddorDAzJPL1cpLxzgnica51W7yQ6RqPKValahYxAsoGmc7y31YvetvOJfy2JssN5Famyrwuhl_6K7-WkkbFkxcc_Mpb6tpu6s9u7QSUKQXPjaChwvO/s1600/tampilan+design+social+network.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;315&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIjLSuMl_t2GLG4THvOT-VZwsHybddorDAzJPL1cpLxzgnica51W7yQ6RqPKValahYxAsoGmc7y31YvetvOJfy2JssN5Famyrwuhl_6K7-WkkbFkxcc_Mpb6tpu6s9u7QSUKQXPjaChwvO/s400/tampilan+design+social+network.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan design social network&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN; mso-no-proof: yes;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_3&quot; o:spid=&quot;_x0000_i1032&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:315.75pt;
 height:249pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image005.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;Penjelasan :&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;1. Bar Navigasi sama dengan header bar
dari halaman Home&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;2. Foto Profil sama dengan halaman Home&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;3. Nama User sama dengan halaman home&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;4. Add Fren muncul jika membuka halaman
user lain yang belum berteman, Add Fren berganti menjadi &quot;Tunggu
Konfirmasi&quot; jika sudah nge-Add tapi lum diterima, Add Fren berganti
menjadi &quot;Terima Request&quot; jika sudah di-Add tpi lum diterima, Add Fren
berganti menjadi &quot;Berteman&quot; jika sudah ada konfirmasi pertemanan.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;5. Kirim pesan akan memunculkan modal
kirim pesan kepada user yg sedang dibuka halaman profilnya.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;6. Status adalah tempat melihat status
User yang dibuka halaman profilnya.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;7. Galery adalah temapt melihat Foto
User yang dibuka halaman profilnya.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;8. Info adalah tempat melihat biodata
dan statistik user &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;9. Teman adalah tempat melihat daftar
teman dari user yang dilihat profilnya&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;Ketiga&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;Mari kita mulai dengan membuat satu file
php baru dengan nama &#39;profil.php&#39; kemudian save pada folder &#39;namaproject&#39;.
Kemudian ganti isinya dengan kode berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 1.0pt 1.0pt 1.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
session_start();&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
include &quot;library.php&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if(isset($_SESSION[&#39;id_user&#39;])){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if(isset($_GET[&#39;id_user&#39;])){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$id_user=$_GET[&#39;id_user&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if(empty($_GET[&#39;id_user&#39;])){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$id_user=$_SESSION[&#39;id_user&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$link=koneksi_db();&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$query=mysql_fetch_array(mysql_query(&quot;select
* from user where id_user=&#39;$id_user&#39;&quot;,$link));&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$nama_depan=$query[&#39;nama_depan&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$nama_belakang=$query[&#39;nama_belakang&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$photo=$query[&#39;foto_profil&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;html
xmlns=&quot;&lt;a href=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;span style=&quot;color: blue; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN; text-decoration: none; text-underline: none;&quot;&gt;http://www.w3.org/1999/xhtml&lt;/span&gt;&lt;/a&gt;&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;meta
http-equiv=&quot;Content-Type&quot; content=&quot;text/html;
charset=utf-8&quot; /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;title&amp;gt;Profil&amp;lt;/title&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/bootstrap.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;link
rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/bootstrap-theme.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;script
type=&quot;text/javascript&quot; src=&quot;&lt;a href=&quot;http://code.jquery.com/jquery.min.js&quot;&gt;&lt;span style=&quot;color: blue; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN; text-decoration: none; text-underline: none;&quot;&gt;http://code.jquery.com/jquery.min.js&lt;/span&gt;&lt;/a&gt;&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;script
type=&quot;text/javascript&quot; src=&quot;js/bootstrap.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
footer();&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}else{&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
header(&quot;Location:index.php&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; border: none; margin: 15pt 0cm; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoListParagraph&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: &amp;quot;symbol&amp;quot;; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;·&lt;span style=&quot;font-family: &amp;quot;times new roman&amp;quot;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;Kode diatas berfungsi untuk Cek Session User
Login, dan Pemanggilan CSS &amp;amp; Js bootstrap dan Jquery. User yang belum login
tidak dapat mengakses Halaman Profil. Pada beberapa Situs Jejaring Sosial, kita
bisa melihat halaman profil dari user meskipun tidak login. Karena hal ini
memerlukan pengaturan privasi yg sedikit lebih rumit maka kita akan bahas hal
ini dikesempatan berikutnya. Kita fokus dulu untuk membangun fitur dasar dari
halaman profil.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;b&gt;Keempat&lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;text-indent: -18pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Ubah warna &amp;lt;body&amp;gt; menjadi hitam dengan img
background yg sudah disimpan di dalam folder Foto. (Silahkan ganti warna lain)&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; margin-left: 36.0pt; margin-right: 0cm; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;body&amp;nbsp; background=&quot;foto/website-backgrounds-free.jpg&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: center; text-indent: -18pt;&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Dalam profil.php. Panggil header.php dalam
tag&amp;lt;body&amp;gt; &amp;lt;/body&amp;gt; seperti berikut :&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; margin-left: 36.0pt; margin-right: 0cm; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;body&amp;nbsp;
background=&quot;foto/website-backgrounds-free.jpg&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;li&amp;gt;&amp;lt;a href =
&quot;profil.php?id_user=&amp;lt;?php echo
&quot;$_SESSION[id_user]&quot;;?&amp;gt;&quot;&amp;gt;&amp;lt;span class=&quot;glyphicon
glyphicon-user&quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;?php echo&amp;nbsp;&amp;nbsp; &#39; &#39;.$_SESSION[&#39;nama_depan&#39;].&#39; &#39;.$_SESSION[&#39;nama_belakang&#39;];?&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;?php echo include&quot;header.php&quot;;?&amp;gt;
&amp;lt;/body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;span style=&quot;font-family: &amp;quot;symbol&amp;quot;; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;times new roman&amp;quot;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Ganti isi file header.php berikut :&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; margin-left: 36.0pt; margin-right: 0cm; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;li&amp;gt;&amp;lt;a href =
&quot;profil.php?id_user=&amp;lt;?php echo
&quot;$_SESSION[id_user]&quot;;?&amp;gt;&quot;&amp;gt;&amp;lt;span class=&quot;glyphicon&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Menjadi&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; margin-left: 36.0pt; margin-right: 0cm; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;li&amp;gt;&amp;lt;a href =
&quot;profil.php?id_user=&amp;lt;?php echo
&quot;$_SESSION[id_user]&quot;;?&amp;gt;&quot;&amp;gt;&amp;lt;span class=&quot;glyphicon
glyphicon-user&quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;?php echo&#39; &#39;.$_SESSION[&#39;nama_depan&#39;].&#39;
&#39;.$_SESSION[&#39;nama_belakang&#39;];?&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Agar nama pada header bar tetap menampilkan nama user yang
login.&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;symbol&amp;quot;; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;times new roman&amp;quot;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Buka file profil.php dan pastekan kode Modal
untuk menampilkan pop up foto profil diantara tab &amp;lt;/body&amp;gt; dan
&amp;lt;/html&amp;gt; sebagai berikut :&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; margin-left: 36.0pt; margin-right: 0cm; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div id=&quot;myModalfoto&quot; class=&quot;modal
fade&quot;&amp;gt; &amp;lt;!-- modal untuk pop up img --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;modal-dialog&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;modal-content&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;div class=&quot;modal-body&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;center&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;img src=&quot;foto/&amp;lt;?php echo $photo;?&amp;gt;&quot;
class=&quot;img-responsive&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/center&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Isikan kode berikut dibawah kode &amp;lt;?php echo
include&quot;header.php&quot;;?&amp;gt;&amp;nbsp; pada
profil.php untuk menampilkan foto profil dan nama user :&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; margin-left: 36.0pt; margin-right: 0cm; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;container&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;div class=&quot;row&quot; style=&quot;background-color:
#C36&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;p&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;!-- jarak doank --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;div class=&quot;col-md-6&quot;&amp;gt;&amp;lt;!--mulai div clas md 6 --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;div class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;div class=&quot;col-sm-4&quot;&amp;gt;&amp;lt;!-- tampilkan foto profil
--&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;a href=&quot;#myModalfoto&quot;&amp;nbsp;
data-toggle=&quot;modal&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;img src=&quot;foto/&amp;lt;?php echo $photo;?&amp;gt;&quot;
class=&quot;img-rounded&quot; width=&quot;125&quot; height=&quot;125&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/a&amp;gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;div class=&quot;col-sm-8&quot;&amp;gt;&amp;lt;!-- tampilkan Nama User --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;div style=&quot;margin-top:50px&quot;&amp;gt;&amp;lt;!-- Jika klik nama user
maka akan menuju ke halaman profil user --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;h3&amp;gt; &amp;lt;a href = &quot;profil.php?id_user=&amp;lt;?php
$query2=mysql_fetch_array(mysql_query(&quot;select * from user where
id_user=&#39;$id_user&#39;&quot;));&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
$id=$query2[&#39;id_user&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
if($query2){ echo $id; }else{ echo
$_SESSION[&#39;id_user&#39;];}?&amp;gt;&quot;&amp;gt; &amp;lt;?php echo $nama_depan.&#39;
&#39;.$nama_belakang;?&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;lt;/h3&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt; &amp;lt;br&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&amp;lt;!-- end div clas md 6 --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp; &amp;lt;!-- ISIKAN
KODE KIRIM PESAN DAN ADD FRIEND DIBAWAH KOMENTAR INI --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&amp;lt;!-- end row --&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;lt;!-- end container profil foto dan nama
--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
NB : jika nanti pas sobat klik fotonya,
tapi tidak ke-zoom. Ganti &amp;lt;a href=”#myModalfoto”&amp;gt; dengan foto sobat di
folder project sobat.&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Coba cek tampilan webnya, seharusnya sudah bisa
tampil seperti ini jika klik foto profil:&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-indent: -24px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-indent: -24px;&quot;&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTHtcqbuCo5d-advWOblov242sc1mWHV89l8x3afE5Lv-hPZw0uK7VBLDYQ46rtg250oRx7zqsdYUDaI2bAza9hIV0wCTXEO7CmqP-ZNFu5SkIVUvkrwg-RtkDR_soagjyO5BUBX5JoP3u/s1600/foto.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;328&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTHtcqbuCo5d-advWOblov242sc1mWHV89l8x3afE5Lv-hPZw0uK7VBLDYQ46rtg250oRx7zqsdYUDaI2bAza9hIV0wCTXEO7CmqP-ZNFu5SkIVUvkrwg-RtkDR_soagjyO5BUBX5JoP3u/s640/foto.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;foto zoom sukses&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;b&gt;Kelima&lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Saat ini kita sudah membagi halaman
berwarna pink diatas sebagai berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX1VOXVOvd3whjNNLLSNKWDK_HqNFe_BHJiF1sooCyPbK4CirNlUWL-1Jqrav-ijfftMFk9lAu1GGegvnx_FGEdCDdTA886VCK7C3Kw6kB2ATD7v9Qfdfg1WCKDDxVUPTsbcFsAabituzq/s1600/foto+dan+nama+user.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;147&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX1VOXVOvd3whjNNLLSNKWDK_HqNFe_BHJiF1sooCyPbK4CirNlUWL-1Jqrav-ijfftMFk9lAu1GGegvnx_FGEdCDdTA886VCK7C3Kw6kB2ATD7v9Qfdfg1WCKDDxVUPTsbcFsAabituzq/s400/foto+dan+nama+user.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;design foto dan nama user&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape id=&quot;Picture_x0020_7&quot; o:spid=&quot;_x0000_i1030&quot;
 type=&quot;#_x0000_t75&quot; style=&#39;width:346.5pt;height:128.25pt;visibility:visible;
 mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image009.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Halaman abu-abu diatas berisi foto dan nama
user. Halaman disebelah kanan(putih) akan kita isi dengan button kirim pesan
dan Add Friend.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: &amp;quot;symbol&amp;quot;; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;·&lt;span style=&quot;font-family: &amp;quot;times new roman&amp;quot;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;Isikan kode berikut dibawah kode &amp;lt;!-- ISIKAN
KODE KIRIM PESAN DAN ADD FRIEND DIBAWAH KOMENTAR INI --&amp;gt; pada file
profil.php :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; margin-left: 36.0pt; margin-right: 0cm; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 1.0pt 1.0pt 1.0pt;&quot;&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;col-md-6&quot;&amp;gt;&amp;lt;!--mulai div
clas md 6 --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;pull-right&quot;
style=&quot;margin-top: 50px; width:50%&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;div class=&quot;col-sm-6&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a
href=&quot;#myModalteman&quot; data-toggle=&quot;modal&quot; class=&quot;btn
btn-primary btn-block&quot;&amp;gt;&amp;lt;center&amp;gt;Add Teman&amp;lt;/center&amp;gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;a href=&quot;#myModalkonfirmasi&quot; data-toggle=&quot;modal&quot;
class=&quot;btn btn-primary btn-block&quot;&amp;gt;&amp;lt;center&amp;gt;Konfirmasi&amp;lt;/center&amp;gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a
href=&quot;#myModalbatal&quot; data-toggle=&quot;modal&quot; class=&quot;btn
btn-primary btn-block&quot;&amp;gt;&amp;lt;center&amp;gt;Batal Add&amp;lt;/center&amp;gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;div class=&quot;col-sm-5&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;div class=&quot;navbar
navbar-static&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;navbar-inner&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;ul
role=&quot;navigation&quot; class=&quot;nav&quot;
style=&quot;background-color:#FFF&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#myModalpesan&quot;
data-toggle=&quot;modal&quot;
style=&quot;text-decoration:none&quot;&amp;gt;&amp;lt;center&amp;gt;Kirim
Pesan&amp;lt;/center&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;li class=&quot;dropdown&quot;
style=&quot;background-color:#FFF&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;a
href=&quot;#&quot; data-toggle=&quot;dropdown&quot;
class=&quot;dropdown-toggle&quot;&amp;gt;Teman &amp;lt;b
class=&quot;caret&quot;&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;ul class=&quot;dropdown-menu&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;a href=&quot;#myModalhapusteman&quot; data-toggle=&quot;modal&quot;
style=&quot;text-decoration:none&quot;&amp;gt;&amp;lt;center&amp;gt;Hapus
Teman&amp;lt;/center&amp;gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/li&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;
&amp;lt;/div&amp;gt;&amp;lt;!-- end div clas md 6 --&amp;gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Coba cek tampilan web nya. Seharusnya sudah
seperti ini :&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZbFJ3o72L01-EezcmUi0zYGx122GwnR2tAhAFJ0LiqzN1V0LO5YK4tOPC8DUpIg0mdYZLgvTzMiiMGeFV31VaXgWhnjJprrHqUF24yNOcuedDKDupDhhRBXOQ7JizQBXni7BwG9_P_YUy/s1600/tampilan+navigasi.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;180&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZbFJ3o72L01-EezcmUi0zYGx122GwnR2tAhAFJ0LiqzN1V0LO5YK4tOPC8DUpIg0mdYZLgvTzMiiMGeFV31VaXgWhnjJprrHqUF24yNOcuedDKDupDhhRBXOQ7JizQBXni7BwG9_P_YUy/s400/tampilan+navigasi.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan navigasi&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Button Diatas akan dipakai nanti nya pada saat
pembuatan fitur pertemanan. Untuk semetara biarkan tetap seperti itu.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;b&gt;Keenam&lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Mari kita buat section bar untuk mengisi
bagian &quot;STATUS, GALERY, INFO, dan TEMAN&quot; seperti pada rancangan
diatas. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: &amp;quot;symbol&amp;quot;; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;·&lt;span style=&quot;font-family: &amp;quot;times new roman&amp;quot;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;Kode ini memerlukan javascript tambahan untuk
mengaktifkan SECTION, maka dari itu ketik kode berikut diatas &amp;lt;/head&amp;gt;
pada profil.php :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; margin-left: 36.0pt; margin-right: 0cm; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
$(document).ready(function(){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;
$(&quot;#myTab a&quot;).click(function(e){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
e.preventDefault();&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
$(this).tab(&#39;show&#39;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
});&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: &amp;quot;symbol&amp;quot;; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;·&lt;span style=&quot;font-family: &amp;quot;times new roman&amp;quot;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;Setelah itu kita isi kode untuk menampilkan
section-bar dibawah kode &amp;lt;/div&amp;gt;&amp;lt;!-- end container profil foto dan nama
--&amp;gt; sebagai berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; margin-left: 36.0pt; margin-right: 0cm; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 1.0pt 1.0pt 1.0pt;&quot;&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;container&quot;&amp;gt;&amp;lt;br&amp;gt;
&amp;lt;!-- container isi status dan info --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;row&quot; style=&quot;background-color:#FFF&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;col-md-6&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;ul class=&quot;nav nav-pills nav-justified&quot;
id=&quot;myTab&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;li class=&quot;active&quot;&amp;gt;&amp;lt;a
href=&quot;#sectionA&quot;&amp;gt;Status&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;li&amp;gt;&amp;lt;a
href=&quot;#sectionB&quot;&amp;gt;Galery&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;tab-content&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div id=&quot;sectionA&quot; class=&quot;tab-pane
fade in active&quot;&amp;gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;br&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;col-md-1 col-sm-1
col-xs-1&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;col-md-11 col-sm-11
col-xs-11&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;?php if(($id_user == $_SESSION[&#39;id_user&#39;])){ ?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;form action=&quot;updatestatus.php&quot;
method=&quot;post&quot;&amp;gt;&amp;nbsp;&amp;nbsp; &amp;lt;!--
form update status --&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;textarea maxlength=&quot;255&quot;
cols=&quot;40&quot; rows=&quot;4&quot; name=&quot;update&quot;
class=&quot;form-control&quot; placeholder=&quot;Tulis
status..&quot;&amp;gt;&amp;lt;/textarea&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;p&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;!-- JARAK DOANK --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;button type=&quot;submit&quot; class=&quot;btn
btn-primary pull-left&quot; value=&quot;POST&quot;
name=&quot;kirim&quot;&amp;gt;POST&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/form&amp;gt;&amp;lt;!-- end form update status --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;?php } ?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;lt;!-- KETIKKAN
KODE tampil status dibawah sini --&amp;gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;br&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div id=&quot;sectionB&quot; class=&quot;tab-pane
fade&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;p&amp;gt;Dalam Tahap Pengembangan&amp;lt;/p&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt; &amp;lt;!-- end div-col-md-6 --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;col-md-6&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;ul class=&quot;nav nav-pills nav-justified&quot;
id=&quot;myTab&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;li class=&quot;active&quot;&amp;gt;&amp;lt;a
href=&quot;#sectionC&quot;&amp;gt;INFO&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;li&amp;gt;&amp;lt;a
href=&quot;#sectionD&quot;&amp;gt;TEMAN&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;tab-content&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div id=&quot;sectionC&quot; class=&quot;tab-pane
fade in active&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot; row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;col-md-1&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;col-md-10&quot;&amp;gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot; col-md-12&quot;
style=&quot;background-color: #CCC&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;h4&amp;gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
$query3=mysql_fetch_array(mysql_query(&quot;select *
from user where id_user=&#39;$id_user&#39;&quot;));&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
$profil=$query3[&#39;profil_singkat&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
if($profil){ echo $profil; }else{ echo &quot; Profil
belum diisi &quot;;}?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/h4&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot; col-md-12&quot;
style=&quot;background-color: #CCC&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;h4&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
$query4=mysql_fetch_array(mysql_query(&quot;select *
from user where id_user=&#39;$id_user&#39;&quot;));&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
$tanggal=$query4[&#39;tgl_lahir&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
$kelamin=$query4[&#39;kelamin&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
$agama=$query4[&#39;agama&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
$status=$query4[&#39;status&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
$alamat=$query4[&#39;alamat&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
$hobi=$query4[&#39;hobi&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
if($query4){ echo &quot;Nama Lengkap : &quot;;echo
$nama_depan.&#39; &#39;.$nama_belakang; ?&amp;gt; &amp;lt;br&amp;gt; &amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
echo &quot;Tanggal Lahir&amp;nbsp; : &quot;;echo $tanggal; ?&amp;gt; &amp;lt;br&amp;gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
echo &quot;Gender : &quot;;echo $kelamin; ?&amp;gt;
&amp;lt;br&amp;gt; &amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
echo &quot;Agama : &quot;;echo $agama; ?&amp;gt;
&amp;lt;br&amp;gt; &amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
echo &quot;Alamat&amp;nbsp;
: &quot;;echo $alamat; ?&amp;gt; &amp;lt;br&amp;gt; &amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
echo &quot;Status : &quot;;echo $status; ?&amp;gt; &amp;lt;br&amp;gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
echo &quot;Hobi : &quot;;echo $hobi;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
}else{ echo &quot; Profil belum diisi &quot;;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/h4&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;col-md-1&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div id=&quot;sectionD&quot; class=&quot;tab-pane
fade&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;p&amp;gt;Dalam Tahap Pengembangan&amp;lt;/p&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;lt;!-- end div-col-md6 ke-2 --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;lt;!-- end row --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;lt;!-- end container --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: &amp;quot;symbol&amp;quot;; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;·&lt;span style=&quot;font-family: &amp;quot;times new roman&amp;quot;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;Coba periksa tampilannya. seharusnya kita sudah
punya tampilan seperti ini :&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;o:p&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJmLGy7NvXtADtoZoYL3w4kr4YhrGd-HEKm-5cKgewBf7nvq0EeWeVyVbIGsF9KmPg1j0FMW9fxB-qSUSx56gK1-nGHmUV5DWP5mAS1u4frK-UuT9sro1AoOPydFtPiKIJyHjkxYoVf8PM/s1600/tampilan+profil.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;368&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJmLGy7NvXtADtoZoYL3w4kr4YhrGd-HEKm-5cKgewBf7nvq0EeWeVyVbIGsF9KmPg1j0FMW9fxB-qSUSx56gK1-nGHmUV5DWP5mAS1u4frK-UuT9sro1AoOPydFtPiKIJyHjkxYoVf8PM/s640/tampilan+profil.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan profil&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;b&gt;Ketujuh
&lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Selanjutnya kita harus dapat menampilkan
status yg kita update pada halaman profil ini. Status yang di post akan muncul
dibawah form update status.&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Untuk menampilkan status ini kodenya mirip
dengan kode pada halaman home. Hanya querynya sedikit berbeda. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: &amp;quot;symbol&amp;quot;; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;·&lt;span style=&quot;font-family: &amp;quot;times new roman&amp;quot;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;Ketikkan kode berikut dibawah kode&amp;nbsp; &amp;lt;!-- KETIKKAN KODE tampil status dibawah
sini --&amp;gt; pada profil.php :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; margin-left: 36.0pt; margin-right: 0cm; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
$query1 = mysql_query(&quot;SELECT * FROM status JOIN
user USING(id_user) WHERE id_user=&#39;$id_user&#39; AND dihapus = &#39;t&#39; ORDER BY
id_status DESC&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
while($row=mysql_fetch_array($query1)){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;
$id_status=$row[&#39;id_status&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;
$id_us=$row[&#39;id_user&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;
$isi_status=$row[&#39;isi_status&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;
$tanggal_status=$row[&#39;tanggal_status&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;
$nm_dp=$row[&#39;nama_depan&#39;]; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;
$nm_blk=$row[&#39;nama_belakang&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;
$fot=$row[&#39;foto_profil&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;?php include&quot;tampilstatus.php&quot;;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;br&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: &amp;quot;symbol&amp;quot;; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;·&lt;span style=&quot;font-family: &amp;quot;times new roman&amp;quot;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;Kemudian coba cek tampilan halaman profil
website kita dan coba update status. Status yang kita update akan muncul pada
halaman wall kita. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Coba ganti nilai id_user pada URL dengan
angka lain untuk mengecek halaman profil user lain.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Tampilan hasil akhirnya :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifRg0YXaA2St8nrgCgB6ZT1TJFD2uipNRgaI2gNgniFDSs7lZQNZDbHesFvyeU9PBmEXu5I0H4wP0wm30M9855qVfezW3WOoqR3U8xtuVkYvfBfjaa9TlzI_BEA32drRShayjYu1nUFZR2/s1600/hasil+akhir.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;368&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifRg0YXaA2St8nrgCgB6ZT1TJFD2uipNRgaI2gNgniFDSs7lZQNZDbHesFvyeU9PBmEXu5I0H4wP0wm30M9855qVfezW3WOoqR3U8xtuVkYvfBfjaa9TlzI_BEA32drRShayjYu1nUFZR2/s640/hasil+akhir.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan hasil akhir&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Demikian tutorial untuk halaman profil ini.
Fitur berikutnya yang akan dibahas adalah pertemanan, dan update biodata profil
user. Silahkan dipelajari dan dicoba tahap demi tahap agar bisa. Maaf jika ada
kesalahan. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Source hasil tutorial part 7 ini bisa di
cek di komen bawah.. :D &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
NB : kalau pake php versi 5.5 keatas akan
ada notice DEPRECATED bla bla bla.. Bug ini udh diatasi di hasil tutorial past7
di komen bawah.. lebih jelasnya tentang DEPRECATED ini bisa tanya mbah google gan..
thanks ...&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Ini adalah tampilan home.php yang saya
edit-edit. Jadi sobat bisa menyempurnakan social network sobat, agar menjadi
lebih keren. Ini dia tampilannya :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;o:p&gt;&amp;nbsp;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoW7Ba3aNf2yN3EHGjbu3V6oA24TrlB_0jhwnsSSorrN2N-4sh0S-gLCdu3Vjz7fih49WqBtQ5BlswZB83MnnMKcysWZ6xyKcVyal2pEarEFa1CQTPJwa2B-hk3YbMgQsbnbqTsPdK5j1t/s1600/home+edit.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;350&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoW7Ba3aNf2yN3EHGjbu3V6oA24TrlB_0jhwnsSSorrN2N-4sh0S-gLCdu3Vjz7fih49WqBtQ5BlswZB83MnnMKcysWZ6xyKcVyal2pEarEFa1CQTPJwa2B-hk3YbMgQsbnbqTsPdK5j1t/s640/home+edit.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan edit home saya&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Tampilan index.php :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrVVtSMe-wVbXdwVpRhxr_81N60zKK5Ql6Ycw7_wMSlktzrmuF7TRYsSMDqnE2uJ-lnfWAubIpWJqL81MQcSJfR1lzvs62eUR4secqZI0IioLmYlj70aKiohP30ESYK8NMe-Hxe80wqZqd/s1600/tampilan+index+baru.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;350&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrVVtSMe-wVbXdwVpRhxr_81N60zKK5Ql6Ycw7_wMSlktzrmuF7TRYsSMDqnE2uJ-lnfWAubIpWJqL81MQcSJfR1lzvs62eUR4secqZI0IioLmYlj70aKiohP30ESYK8NMe-Hxe80wqZqd/s640/tampilan+index+baru.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan index.php&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Mungkin, tutorial part 8 masih lama, di
karenakan saya juga masih menunggu update-tannya dari “TutorialJaco”. Mohon di
maafkan jika masih ada kekurangannya.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Terima Kasih atas kerja kerasnya, &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Silahkan bertanya jika merasa muncul notif
error, maka saya akan segera membantunya.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
Terima Kasih&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/5768424944198575051/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/11/membuat-jejaring-sosial-sederhana.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/5768424944198575051'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/5768424944198575051'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/11/membuat-jejaring-sosial-sederhana.html' title='Membuat Jejaring Sosial sederhana dengan PHP, MYSQL, dan Bootstrap di Localhost (part 7)'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPMiPhplFhEegKRCard9FSJdIVl92M7KGOeqk0drRAwzLVMF630IJAwphWp6az5jcGhRpPqbI2cLpQ2Mu8emAOtkbyUxh7betDH4BRzXB15SNxaBvil6c0YrcdJfrnOTRtBVsOOehil4eS/s72-c/home+baru.PNG" height="72" width="72"/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-2104668936223810591</id><published>2015-10-31T13:16:00.001+07:00</published><updated>2015-10-31T13:16:18.944+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PHP MYSQL"/><title type='text'>Membuat Jejaring Sosial sederhana dengan PHP, MYSQL, dan Bootstrap di Localhost (part 6)</title><content type='html'>&lt;div class=&quot;MsoNormal&quot;&gt;
Selamat Datang lagi sobat...&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Mari kita lanjutkan tutorialnya, ke part 6. Yaitu, membuat
Komentar Status &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kalau kita bikin status terus orang lain ga bisa komentar
kan jadi gak seru, makanya mari kita buat fitur komentarnya..&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Sebelumnya di part 5 kita sudah membuat ganti foto profil
dan ganti password. Jadi kira-kira tampilan home-nya sekarang berbeda. bagi yang belum membacanya silahkan klik di bawah ini :&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;a href=&quot;http://www.spza.net/2015/10/membuat-jejaring-sosial-sederhana_30.html&quot;&gt;part 5&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Ini adalah tampilan social network saya sampai sekarang :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDPteRuneh75ebmKSB0mUaB44YcIIa9uGcF9329AgliQQmbxaoriCp7TXAUE-NmhmiX2-UMlZcuvWMMqewruJc_vhydDhqpb2645mehOcfPXBlRVlV88337YyuePH8uWke1upsIMl6W3pJ/s1600/home+baru.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;376&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDPteRuneh75ebmKSB0mUaB44YcIIa9uGcF9329AgliQQmbxaoriCp7TXAUE-NmhmiX2-UMlZcuvWMMqewruJc_vhydDhqpb2645mehOcfPXBlRVlV88337YyuePH8uWke1upsIMl6W3pJ/s640/home+baru.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan home sekarang&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Yah dari pada kelamaan mending langsung buat saja.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Untuk membuat fitur komentar status, ikutilah langkah
berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;b&gt;Pertama&lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Buatlah table &quot;komentar&quot; pada database dengan
atribut seperti berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-vdUAs_TCM5G2hQ9qE3fpDRs2aSyoWLQi5HbS9-eRo_QqrX4-QckMkRcgG7NC-spPpmdjDK_V3OSr752fZbx1Qlv_Lqxu0RgZdt3slCWKTV4IBFdg4bM4Zqu7EAC8V_jaCurokUBlTnd1/s1600/atribut+table+komentar.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;170&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-vdUAs_TCM5G2hQ9qE3fpDRs2aSyoWLQi5HbS9-eRo_QqrX4-QckMkRcgG7NC-spPpmdjDK_V3OSr752fZbx1Qlv_Lqxu0RgZdt3slCWKTV4IBFdg4bM4Zqu7EAC8V_jaCurokUBlTnd1/s640/atribut+table+komentar.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;atribut table komentar&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shapetype
 id=&quot;_x0000_t75&quot; coordsize=&quot;21600,21600&quot; o:spt=&quot;75&quot; o:preferrelative=&quot;t&quot;
 path=&quot;m@4@5l@4@11@9@11@9@5xe&quot; filled=&quot;f&quot; stroked=&quot;f&quot;&gt;
 &lt;v:stroke joinstyle=&quot;miter&quot;/&gt;
 &lt;v:formulas&gt;
  &lt;v:f eqn=&quot;if lineDrawn pixelLineWidth 0&quot;/&gt;
  &lt;v:f eqn=&quot;sum @0 1 0&quot;/&gt;
  &lt;v:f eqn=&quot;sum 0 0 @1&quot;/&gt;
  &lt;v:f eqn=&quot;prod @2 1 2&quot;/&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelWidth&quot;/&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelHeight&quot;/&gt;
  &lt;v:f eqn=&quot;sum @0 0 1&quot;/&gt;
  &lt;v:f eqn=&quot;prod @6 1 2&quot;/&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelWidth&quot;/&gt;
  &lt;v:f eqn=&quot;sum @8 21600 0&quot;/&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelHeight&quot;/&gt;
  &lt;v:f eqn=&quot;sum @10 21600 0&quot;/&gt;
 &lt;/v:formulas&gt;
 &lt;v:path o:extrusionok=&quot;f&quot; gradientshapeok=&quot;t&quot; o:connecttype=&quot;rect&quot;/&gt;
 &lt;o:lock v:ext=&quot;edit&quot; aspectratio=&quot;t&quot;/&gt;
&lt;/v:shapetype&gt;&lt;v:shape id=&quot;Picture_x0020_1&quot; o:spid=&quot;_x0000_i1031&quot; type=&quot;#_x0000_t75&quot;
 style=&#39;width:451.5pt;height:120pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Berikut adalah kode SQL-nya :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;

&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
CREATE TABLE `komentar` (&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;`id_komentar` int(11) NOT NULL AUTO_INCREMENT,&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;`id_status` int(11) NOT NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;`id_komentator` int(11) NOT NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;`isi_komen` text NOT NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;`tanggal_komen` datetime NOT NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;`dihapus` char(1) DEFAULT &#39;t&#39;,&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;PRIMARY KEY (`id_komentar`)&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
)
ENGINE=InnoDB DEFAULT CHARSET=latin1&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Coba perhatikan SQL diatas. id_status adalah id tamu dari tabel
status dan id_komentator adalah id user yang memberikan komentar. Anda boleh
menambahkan index Foreign key pada kedua atribut tersebut. Kalau tidak juga
tidak masalah.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;b&gt;Kedua &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Sebelumnya, buka “home.php”, cut/hapus kode
&amp;lt;hr&amp;gt;...sampai ke bawah dan ganti dengan kode ini :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;

&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;?php
include&quot;tampilstatus.php&quot;;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kode tersebut berfungsi untuk memanggil syntak
“tampilstatus.php”. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Buat form untuk menulis komentar pada &#39;tampilstatus.php &#39;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Isikan kode ini kedalam “tampilstatus.php” :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 1.0pt 1.0pt 1.0pt;&quot;&gt;

&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;hr&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;row&quot; style=&quot;background-color:
#F96&quot;&amp;gt;&amp;lt;!-- Mulai Row Status warna pink pastel--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;br /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;col-sm-10&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;media&quot;&amp;gt;&amp;lt;!--start
media status --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;a href=&quot;#&quot; class=&quot;pull-left&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;img src=&quot;&amp;lt;?php
echo&#39;foto/&#39;.$fot;?&amp;gt;&quot; class=&quot;media-object img-rounded&quot;
width=&quot;50&quot; height=&quot;50&quot; alt=&quot;Sample Image&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;media-body&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;h4 class=&quot;media-heading&quot;&amp;gt;
&amp;lt;?php echo $nm_dp.&#39; &#39;.$nm_blk;?&amp;gt;
&amp;lt;small&amp;gt;&amp;lt;i&amp;gt;&amp;lt;?php echo $tanggal_status;
?&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/small&amp;gt;&amp;lt;/h4&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;p&amp;gt;&amp;lt;?php echo $isi_status; ?&amp;gt;&amp;lt;/p&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&amp;lt;!--end media status --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&amp;lt;!--end col-sm-10 --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;col-sm-2&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;?php if ($row[&#39;id_user&#39;]==$id_user) {
?&amp;gt;&amp;lt;!-- Jika id yg punya status sama dengan yang login bisa ngehapus
--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;collapse
navbar-collapse&quot; id=&quot;navbarCollapse&quot;&amp;gt;&amp;lt;!-- dropdown menu
hapus --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;ul class=&quot;nav
navbar-nav&quot;&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;li class=&quot;dropdown&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;a data-toggle=&quot;dropdown&quot; class=&quot;dropdown-toggle&quot; href=&quot;#&quot;&amp;gt;&amp;lt;b class=&quot;caret&quot;&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;ul role=&quot;menu&quot; class=&quot;dropdown-menu&quot; style=&quot;width:50px&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;li&amp;gt; &amp;lt;a href=&quot;hapus_status.php?id_status=&amp;lt;?php
echo $row[&#39;id_status&#39;];?&amp;gt;&quot;&amp;gt;Hapus&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;!-- id_status digunakan untuk di GET pada halaman
hapus_status.php nanti --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/li&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt; &amp;lt;!-- END dropdown menu hapus --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;?php } ?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&amp;lt;!-- End div col-sm-2 --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&amp;lt;!-- End row status warna pink
pastel--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;row&quot; style=&quot;background-color:#FFF&quot;&amp;gt;&amp;lt;!--
Mulai row Komentar --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;hr /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;!-- Tempat tampilkan KOMENTAR --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;!-- FORM ISI KOMENTAR --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;col-sm-1&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;!-- jarak kosong samping foto kecil user yang
login --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;col-sm-1&quot;&amp;gt;&amp;lt;!--
menampilkan foto kecil user yang login --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;img src=&quot;&amp;lt;?php
echo&#39;foto/&#39;.$photo;?&amp;gt;&quot; class=&quot;media-object img-rounded&quot;
width=&quot;30&quot; height=&quot;30&quot; alt=&quot;Sample Image&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;col-sm-10&quot;&amp;gt;&amp;lt;!--
menampilkan form untuk beri komentar --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;form action=&quot;komentar.php?id_status=&amp;lt;?php
echo $row[&#39;id_status&#39;];?&amp;gt;&quot; method=&quot;post&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;input class=&quot;form-control&quot; type=&quot;text&quot; name=&quot;komentar&quot; placeholder=&quot;Komentar...&quot;&amp;gt;&amp;lt;/textarea&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/form&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;br&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;br /&amp;gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;lt;!--end
row Komentar--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Maka tampilannya akan menjadi seperti ini :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHwElemmIfOuHUgoS77MoeiYB8GL9_RBuYfInIydN1MHnHOerAtTQQFQCWUTPsk-Z1k5hws_tzR4uAiuULpT9mpCbN_IQ2Ao2V3jD_exYsISw-UWn6I7iEewuVMgw9yPIdC3Pv4ojfDaFD/s1600/home+baru.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;376&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHwElemmIfOuHUgoS77MoeiYB8GL9_RBuYfInIydN1MHnHOerAtTQQFQCWUTPsk-Z1k5hws_tzR4uAiuULpT9mpCbN_IQ2Ao2V3jD_exYsISw-UWn6I7iEewuVMgw9yPIdC3Pv4ojfDaFD/s640/home+baru.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;home&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_2&quot; o:spid=&quot;_x0000_i1030&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;
 height:267pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image003.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kembali ke komentar,&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Pada dasarnya kita hanya menambahkan kode dibawah tulisan
&amp;lt;!-- FORM ISI KOMENTAR --&amp;gt;. Hasilnya akan telihat seperti berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK0GOD2j01C3NXbsk7Z5y8QJy9b9T5FzOh6e9Jl5CBjDSl5dCDIbN56yOiH2wQmC9MqfRqsQr3jMtJpi9kzgGLfH2ahpKVYd7j7kWGTzPEldDcn6y9ZerLwA2ZmBk_QbpW4ogp9Q_3z4hV/s1600/komentar.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;116&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK0GOD2j01C3NXbsk7Z5y8QJy9b9T5FzOh6e9Jl5CBjDSl5dCDIbN56yOiH2wQmC9MqfRqsQr3jMtJpi9kzgGLfH2ahpKVYd7j7kWGTzPEldDcn6y9ZerLwA2ZmBk_QbpW4ogp9Q_3z4hV/s400/komentar.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;komentar&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_3&quot; o:spid=&quot;_x0000_i1029&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:442.5pt;
 height:129pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image005.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Cek Komentar pada Kode diatas untuk penjelasan. Bagian
status diberi warna pink pastel diatas agar lebih mudah untuk membedakan kode
yang menampilkan status dan kode untuk menampilkan form. Jika anda sudah paham
kode masing-masing, nantinya kode untuk menampilkan komentar akan diletakkan
diantara warna Pink Pastel dan Putih atau lebih tepatnya pada kode berikut
:&amp;nbsp; &amp;lt;!-- Tempat tampilkan KOMENTAR
--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Cara mengirim Komentar dengan menekan &quot;ENTER&quot;
setelah mengetik komentar. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Form komentar adalah sebagai berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;

&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;form action=&quot;komentar.php?id_status=&amp;lt;?php
echo $row[&#39;id_status&#39;];?&amp;gt;&quot; method=&quot;post&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;input class=&quot;form-control&quot; type=&quot;text&quot; name=&quot;komentar&quot; placeholder=&quot;Komentar...&quot;&amp;gt;&amp;lt;/textarea&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/form&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Deskripsi form diatas :&lt;span style=&quot;font-family: Symbol; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Method form adalah POST.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Halaman Tujuan action adalah
&quot;komentar.php&quot;.&lt;/span&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;?id_status mendeklarasikan variabel&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;$_GET[&#39;id_status&#39;] yang dikirim ke halaman &quot;komentar.php&quot;&lt;/span&gt;&lt;span style=&quot;font-family: Symbol; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;=&amp;lt;?php echo $row[&#39;id_status&#39;];?&amp;gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;mengisikan nilai id_status yang dikomen kedalam variabel $_GET[&#39;id_status&#39;]&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: Symbol; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;name=&quot;komentar&quot; variabel yang di post
bernama &#39;komentar&#39;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;b&gt;Ketiga&lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kita buat file php baru dengan nama &quot;komentar.php&quot;
untuk memproses inputan dari form kedalam database.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Ketikkan Kode berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;

&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
session_start();//
memulai Session&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
include &quot;library.php&quot;;//
menggunakan library&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if (empty($_POST[&#39;komentar&#39;]))
die (&quot;&amp;lt;script&amp;gt;alert(&#39;Anda
Belum Mengisikan Komentar&#39;);window.location=&#39;javascript:history.go(-1)&#39;;&amp;lt;/script&amp;gt;&quot;);&amp;nbsp;
// kalau komentar kosong maka kembali lagi&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$id_status=
$_GET[&#39;id_status&#39;]; //mengambil nilai id_status dari url&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$link=koneksi_db();//
membuat koneksi ke database&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$id_user=$_SESSION[&#39;id_user&#39;];//menampung
id_user yang login&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$komen=$_POST[&#39;komentar&#39;];//
menamppung isi komentar pada variabel $komen&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$query=&quot;insert
into komentar values(null,&#39;$id_status&#39;,&#39;$id_user&#39;,&#39;$komen&#39;,now(),&#39;t&#39;)&quot;;//
query insert ke database, perhatikan atribut tabel&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$exe=mysql_query($query,$link);//eksekusi
query&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if($exe){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;echo &quot;&amp;lt;script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;location.replace(&#39;home.php&#39;)&amp;lt;/script&amp;gt;&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;else {&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;echo &quot;gagal&quot;.mysql_error();&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Cek komentar pada kode diatas untuk dipelajari.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Jika sudah kemudian cobalah untuk komentar pada sebuah
status di halaman home dan cek apakah status tersebut masuk ke dalam database
tabel &quot;komentar&quot;. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
NB : jika sobat ingin mencoba komen, jangan menggunakan (. ,
‘ “), maka akan muncul notif error seperti ini.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEpxYClliMQL-ci_GGglaoGnfPuV1Eaj4PTJ9QfNJ-ugIeHjHROM9pB7-WHktTF1rqS39awL7URUPfhu5DKTtB5QZJHkFDua8A39skugW8mVFzS5TmTRKmNL-IUxZ5lVqZjxyD9v6P7H_Z/s1600/gagal+komentar.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;24&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEpxYClliMQL-ci_GGglaoGnfPuV1Eaj4PTJ9QfNJ-ugIeHjHROM9pB7-WHktTF1rqS39awL7URUPfhu5DKTtB5QZJHkFDua8A39skugW8mVFzS5TmTRKmNL-IUxZ5lVqZjxyD9v6P7H_Z/s640/gagal+komentar.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;gagal komentar&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_4&quot; o:spid=&quot;_x0000_i1028&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;
 height:17.25pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image006.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Saya coba komen :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2PIKNOLuD3reTD_ztK0FD6vIRA4-AbRah75MDVJl4Lc8l6G7RvzZ0GBTK5Hu3U7RC_senX2YBRclwz5tjBetj5wRLk2rUf2sq6opOqgQ4sYvW3QO8Z1NWpV86Ql5fEov1KZ5An2v8Hbrk/s1600/coba+komentar.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;116&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2PIKNOLuD3reTD_ztK0FD6vIRA4-AbRah75MDVJl4Lc8l6G7RvzZ0GBTK5Hu3U7RC_senX2YBRclwz5tjBetj5wRLk2rUf2sq6opOqgQ4sYvW3QO8Z1NWpV86Ql5fEov1KZ5An2v8Hbrk/s400/coba+komentar.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;coba komentar&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_6&quot; o:spid=&quot;_x0000_i1027&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:439.5pt;
 height:129pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image008.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Lihat ke DataBasenya :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwrEio9j8A469sLnaPpigp2rCbqpDa9_4e31xHc8HoG2FYSWtMFKRaAcNT9M0uFNWa_cKnwEhy4ElWzQ13AhSkj3MdFoEaJLUlAU_oHpvp7Ox1VwDbUABwYZtUmOSxjoGja6I5m7I07G9A/s1600/berhasil+komentar.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;81&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwrEio9j8A469sLnaPpigp2rCbqpDa9_4e31xHc8HoG2FYSWtMFKRaAcNT9M0uFNWa_cKnwEhy4ElWzQ13AhSkj3MdFoEaJLUlAU_oHpvp7Ox1VwDbUABwYZtUmOSxjoGja6I5m7I07G9A/s640/berhasil+komentar.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;database komentar sukses&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;b&gt;Keempat&lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kalau sudah bisa masuk ke DB tinggal nampilin ke halaman
home. Cara untuk tampilin ke home ini kurang lebih sama dengan cara nampilin
status dari DB ke home.&amp;nbsp; Kode untuk menampilkannya
ditaruh diatas bagian&amp;nbsp; &amp;lt;!-- Tempat
tampilkan KOMENTAR --&amp;gt; yang ada pada &quot;tampilstatus.php&quot;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Ketikkan kode berikut tepat diatas &amp;lt;!-- Tempat tampilkan
KOMENTAR --&amp;gt; :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 1.0pt 1.0pt 1.0pt;&quot;&gt;

&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;$query3 = mysql_query(&quot;SELECT * FROM
komentar join status using(id_status)JOIN user USING(id_user) where id_status =
&#39;$id_status&#39; ORDER BY id_status DESC&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;while($row1=mysql_fetch_array($query3)){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;$id_komentar_status=$row1[&#39;id_komentar&#39;];//id_komentar&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;$isi_komentar_status=$row1[&#39;isi_komen&#39;];//isi dari
komentar&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;$id_komentator=$row1[&#39;id_komentator&#39;];//id_komentator&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;$tgl_komen=$row1[&#39;tanggal_status&#39;];//tgl komentar&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$query4=mysql_fetch_array(mysql_query(&quot;select
* from user where id_user=&#39;$id_komentator&#39;&quot;));// query untuk mendapatkan
data komentator&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;$nama_depan4=$query4[&#39;nama_depan&#39;];//nama_depan
Komentator&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;$nama_belakang4=$query4[&#39;nama_belakang&#39;];//nama
belakang komentator&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;$foto4=$query4[&#39;foto_profil&#39;];//foto komentator&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;col-sm-12&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;media&quot;&amp;gt;&amp;lt;!--start media
komentar --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;a href=&quot;&amp;lt;?php
echo&#39;foto/&#39;.$foto4;?&amp;gt;&quot; class=&quot;pull-left&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;img src=&quot;&amp;lt;?php
echo&#39;foto/&#39;.$foto4;?&amp;gt;&quot; class=&quot;img-rounded&quot; width=&quot;30&quot; height=&quot;30&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;media-body&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;h4 class=&quot;media-heading&quot;&amp;gt;&amp;lt;a href =
&quot;profil.php?id_user=&amp;lt;?php echo $id_komentator;?&amp;gt;&quot;&amp;gt;&amp;lt;?php
echo $nama_depan4.&#39;
&#39;.$nama_belakang4;?&amp;gt;&amp;lt;/a&amp;gt; &amp;lt;small&amp;gt;&amp;lt;i&amp;gt;&amp;lt;?php&amp;nbsp; echo $tgl_komen;?&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/small&amp;gt;&amp;lt;/h4&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;p&amp;gt; &amp;lt;?php echo$isi_komentar_status;
?&amp;gt;&amp;lt;/p&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&amp;lt;!--end media komentar--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&amp;lt;!--end col-sm-12--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Maka kita bisa melihat hasilnya seperti ini :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYmv4CPWZhVPShoa8f0AHpJfa14D9XNioFCZnH_42WXWEGcv5YF05DXPRV75m-lKRESdzGxP9L-eV3xwyEYWwksVDuk4_Mr7KQ15D-L-Zlec4xYDe8BRhfQYbP3KfN4Ti6GrsjFSsjQx-1/s1600/sukses+komentar.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;332&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYmv4CPWZhVPShoa8f0AHpJfa14D9XNioFCZnH_42WXWEGcv5YF05DXPRV75m-lKRESdzGxP9L-eV3xwyEYWwksVDuk4_Mr7KQ15D-L-Zlec4xYDe8BRhfQYbP3KfN4Ti6GrsjFSsjQx-1/s400/sukses+komentar.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;komentar sukses&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_7&quot; o:spid=&quot;_x0000_i1025&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:440.25pt;
 height:366pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image011.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Coba saja komen ke status yang sudah ada. Anda dapat
menyisipkan &amp;lt;hr&amp;gt; untuk memisahkan baris antar komentar. Sekian dulu
turial kali ini. Semoga bermanfaat bagi para pembaca yang ingin membangun
website dengan fitur jejaring sosial.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Tutorial (part 7) selanjutnya membahas Halaman profil dari sebuah
jejaring sosial, yaitu:&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
1. Foto Profil dan Nama User&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
2. Info Biodata User&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
3. Halaman Status User&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
4. Daftar Teman&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
5. Button Add Friend&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
6. Button Kirim Pesan, dll.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Yah, mungkin cukup untuk pertemuan hari ini, jika saya dalam
menge-postkan ada kesalahan. Mohon di maafin saja.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Jika, sobat mempunyai masalah/ muncul notif error, tanyakan
di kotak komentar. Sehingga saya bisa langsung memperbaikinya.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Sampai Jumpa di tutorial berikutnya sobat.....&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Terima Kasih atas kerja kerasnya&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/2104668936223810591/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/10/membuat-jejaring-sosial-sederhana_31.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/2104668936223810591'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/2104668936223810591'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/10/membuat-jejaring-sosial-sederhana_31.html' title='Membuat Jejaring Sosial sederhana dengan PHP, MYSQL, dan Bootstrap di Localhost (part 6)'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDPteRuneh75ebmKSB0mUaB44YcIIa9uGcF9329AgliQQmbxaoriCp7TXAUE-NmhmiX2-UMlZcuvWMMqewruJc_vhydDhqpb2645mehOcfPXBlRVlV88337YyuePH8uWke1upsIMl6W3pJ/s72-c/home+baru.PNG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-8129037508519889659</id><published>2015-10-30T12:57:00.000+07:00</published><updated>2015-10-30T12:58:50.102+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PHP MYSQL"/><title type='text'>Membuat Jejaring Sosial sederhana dengan PHP, MYSQL, dan Bootstrap di Localhost (part 5)</title><content type='html'>&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Selamat Datang sobat,&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
terima kasih, jika masih mengikuti tutorial ini.&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Mari kita lanjutkan project yangg sebelumnya sudah kita
buat. di part 4 kita sudah bisa update status. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
untuk yang belum membaca part 4,&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
silahkan klik &lt;a href=&quot;http://www.spza.net/2015/10/membuat-jejaring-sosial-sederhana_29.html&quot;&gt;part 4&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Di part 5, kali ini kita akan buat fungsi untuk hapus status
yang sudah kita buat.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kita akan membuat sebuah fungsi untuk menghapus status yang
kita miliki. Perlu diketahui sebelumnya bahwa status yang dihapus ini tidak
bisa sepenuhnya dihapus, apalagi ketika kita sudah menerapkan sistem basis data
yang relasional dengan menggunakan foreign key.Disini kita akan merubah isi
attribut &quot;dihapus&quot; yang ada pada tabel status tersebut. Nilai atribut
&quot;dihapus&quot; dari sebuah status pada saat dibuat adalah &quot;t&quot;
dan ketika dihapus akan bernilai &quot;y&quot;. Dan status yang tampil pada
halaman home hanya status yang tidak dihapus. Jadi yang tampil hanya yg
bernilai &#39;t&#39; bukan? &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Mari kita cek kode dari link &quot;Hapus&quot;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;li class=&quot;dropdown&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;a data-toggle=&quot;dropdown&quot; class=&quot;dropdown-toggle&quot; href=&quot;#&quot;&amp;gt;&amp;lt;b class=&quot;caret&quot;&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;ul role=&quot;menu&quot; class=&quot;dropdown-menu&quot; style=&quot;width:50px&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;li&amp;gt; &amp;lt;a href=&quot;hapus_status.php?id_status=&amp;lt;?php
echo $row[&#39;id_status&#39;];?&amp;gt;&quot;&amp;gt;Hapus&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;!-- id_status digunakan untuk di GET pada halaman
hapus_status.php nanti --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Link untuk melakukan proses hapus adalah&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&quot;
hapus_status.php?id_status=&amp;lt;?php echo $row[&#39;id_status&#39;];?&amp;gt;&quot;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Maksud dari link diatas adalah sebagai berikut :&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-family: Symbol; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;link halaman php tujuan = hapus_status.php&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;?id_status = variabel $_GET yang memiliki nilai
id_status dari status yang akan kita hapus.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;&amp;lt;?php echo $row[&#39;id_status&#39;];?&amp;gt; = nilai
id_status yg dihapus&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Buat sebuah file php baru dengan nama hapus_status.php .
Isikan kode berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
session_start();//
memulai menggunakan/memanggil variabel session&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
//kode dibawah ini
adalah kode untuk mengambil isi dari variabel $_GET[&#39;id_user&#39;] yang dikirim
dari halaman home&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if(isset($_GET[&#39;id_status&#39;])){//jika
$_GET[&#39;id_status&#39;] ada isisnya maka &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$id_status=$_GET[&#39;id_status&#39;];
//menyimpan nilai $_GET&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$id_user=$_SESSION[&#39;id_user&#39;];//variabel
id_user nilainya adalah id_user yang login&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;include&quot;library.php&quot;;//menggunakan
library.php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;$link=koneksi_db();//membuat koneksi ke database&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
//eksekusi query
update nilai dari atribut dihapus&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;$exe=mysql_query(&quot;UPDATE status set dihapus=&#39;y&#39;
where id_user=&#39;$id_user&#39; AND id_status=&#39;$id_status&#39;&quot;,$link) ;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;if($exe)//jika sukses&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;{&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;echo &quot;&amp;lt;script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;location.replace(&#39;home.php&#39;)&amp;lt;/script&amp;gt;&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;else { //jika gagal&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;echo &quot;&amp;lt;script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;location.replace(&#39;home.php&#39;)&amp;lt;/script&amp;gt;&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Cek komentar dari
kode diatas agar mengerti maksudnya. Kemudian coba anda update sebuah status di
halaman Home kemudian anda hapus. Sukses bukan? tentu saja status yang dapat
kita hapus adalah status milik kita.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Berikutnya kita
coba untuk membuat fitur ubah foto profil.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Pertama-tama mari kita
cek file &quot;header.php&quot; kita&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Tampilannya :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM9n1Ug5aYeoj9jD_Z9pABghyy76fmez3dcUpF2_CLFwZwVHRbmidwVprlE8wasOJB0PX3ZwrAMNTDR4y2gXag8oIIp0DOeeHpjA8kuSIi2oX7lCvXMagg1CLX5Q7h1hhC4iDpCUd0bFd7/s1600/tampilan+header+baru.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;32&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM9n1Ug5aYeoj9jD_Z9pABghyy76fmez3dcUpF2_CLFwZwVHRbmidwVprlE8wasOJB0PX3ZwrAMNTDR4y2gXag8oIIp0DOeeHpjA8kuSIi2oX7lCvXMagg1CLX5Q7h1hhC4iDpCUd0bFd7/s400/tampilan+header+baru.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;header baru&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shapetype
 id=&quot;_x0000_t75&quot; coordsize=&quot;21600,21600&quot; o:spt=&quot;75&quot; o:preferrelative=&quot;t&quot;
 path=&quot;m@4@5l@4@11@9@11@9@5xe&quot; filled=&quot;f&quot; stroked=&quot;f&quot;&gt;
 &lt;v:stroke joinstyle=&quot;miter&quot;/&gt;
 &lt;v:formulas&gt;
  &lt;v:f eqn=&quot;if lineDrawn pixelLineWidth 0&quot;/&gt;
  &lt;v:f eqn=&quot;sum @0 1 0&quot;/&gt;
  &lt;v:f eqn=&quot;sum 0 0 @1&quot;/&gt;
  &lt;v:f eqn=&quot;prod @2 1 2&quot;/&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelWidth&quot;/&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelHeight&quot;/&gt;
  &lt;v:f eqn=&quot;sum @0 0 1&quot;/&gt;
  &lt;v:f eqn=&quot;prod @6 1 2&quot;/&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelWidth&quot;/&gt;
  &lt;v:f eqn=&quot;sum @8 21600 0&quot;/&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelHeight&quot;/&gt;
  &lt;v:f eqn=&quot;sum @10 21600 0&quot;/&gt;
 &lt;/v:formulas&gt;
 &lt;v:path o:extrusionok=&quot;f&quot; gradientshapeok=&quot;t&quot; o:connecttype=&quot;rect&quot;/&gt;
 &lt;o:lock v:ext=&quot;edit&quot; aspectratio=&quot;t&quot;/&gt;
&lt;/v:shapetype&gt;&lt;v:shape id=&quot;Picture_x0020_1&quot; o:spid=&quot;_x0000_i1028&quot; type=&quot;#_x0000_t75&quot;
 style=&#39;width:451.5pt;height:37.5pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Dari kode diatas
kita bisa cek link tujuan proses ganti foto adalah
file&quot;gantifoto.php&quot;. Maka dari itu kita buat terlebih dahulu file
tersebut dan kosongkan isinya.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Tampilan halaman
gantifoto.php yang akan kita buat adalah sebagai berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5NDejaMCNSXdG7ZMj7rS4W39poveNtk4vAQezu69TSF7qd0-Vr-AbrC_wCTwzLWH2mbX0PTFT1wX_y2ckgKSyGWIyW23kDBzIz0tPyQqWS59eW98bfr6LQj-nz-GHStXl1n7q6nkbeIpx/s1600/tampilan+ganti+foto.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;344&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5NDejaMCNSXdG7ZMj7rS4W39poveNtk4vAQezu69TSF7qd0-Vr-AbrC_wCTwzLWH2mbX0PTFT1wX_y2ckgKSyGWIyW23kDBzIz0tPyQqWS59eW98bfr6LQj-nz-GHStXl1n7q6nkbeIpx/s640/tampilan+ganti+foto.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan gantifoto.php&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_2&quot; o:spid=&quot;_x0000_i1027&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:450.75pt;
 height:243pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image003.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Berikut adalah kode
untuk membuat “gantifoto.php” :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 1.0pt 1.0pt 1.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
session_start();//
memakai session&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
include &quot;library.php&quot;;//memakai
isi library &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if(isset($_SESSION[&#39;id_user&#39;])){
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if(isset($_GET[&#39;id_user&#39;])){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$id_user=$_GET[&#39;id_user&#39;];//mengisi
variabel id_user&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
} &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if(empty($_GET[&#39;id_user&#39;])){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$id_user=$_SESSION[&#39;id_user&#39;];//mengisi
variabel id_user&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$link=koneksi_db();//membuat
koneksi ke database&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
//memulai proses
query untuk mengambil nilai atribut dari yang sedang login&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$query=mysql_fetch_array(mysql_query(&quot;select
* from user where id_user=&#39;$id_user&#39;&quot;,$link));&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
//mengisikan nilai
tiap variabel&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$nama_depan=$query[&#39;nama_depan&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$nama_belakang=$query[&#39;nama_belakang&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$photo=$query[&#39;foto_profil&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;!DOCTYPE
html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;meta
charset=&quot;utf-8&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;title&amp;gt;&amp;lt;?php
echo $nama;?&amp;gt;&amp;lt;/title&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;link
rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/bootstrap.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;link
rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/bootstrap-theme.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;script
type=&quot;text/javascript&quot; src=&quot;&lt;a href=&quot;http://code.jquery.com/jquery.min.js&quot;&gt;&lt;span style=&quot;color: blue; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN; text-decoration: none; text-underline: none;&quot;&gt;http://code.jquery.com/jquery.min.js&lt;/span&gt;&lt;/a&gt;&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;script
type=&quot;text/javascript&quot; src=&quot;js/bootstrap.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;script type=&quot;text/javascript&quot; src=&quot;js/scripts.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;link
href=&quot;css/bootstrap.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php
include&quot;header.php&quot;; ?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div
class=&quot;container&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div
class=&quot;jumbotron&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div
class=&quot;row&quot; style=&quot;background-color:#0C9&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div
class=&quot;col-md-2&quot;&amp;gt;&amp;lt;!--mulai colmd
2--&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;col-md-12&quot;&amp;gt;&amp;lt;!-- kolom
foto profil yg login --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;thumbnail&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;img src=&quot;foto/&amp;lt;?php echo
$photo;?&amp;gt;&quot; class=&quot;img-circle&quot;&amp;gt; &amp;lt;!-- bisa diganti
dengan class=&quot;img-thumbnail&quot; untuk foto bulat--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;caption&quot; style=&quot;background-color:#0C6&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;center&amp;gt;&amp;lt;h4&amp;gt;&amp;lt;?php echo $nama_depan.&#39;
&#39;.$nama_belakang;?&amp;gt;&amp;lt;/h4&amp;gt;&amp;lt;/center&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;?php include&quot;bagiankiri.php&quot;;?&amp;gt;
&amp;lt;!-- menampilkan kotak pesan, galeri, dan teman --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&amp;lt;!--akhir colmd 2--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;col-md-10&quot; style=&quot;background-color:
#0FF&quot;&amp;gt; &amp;lt;!--BAGIAN
KANAN--&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;ul
class=&quot;breadcrumb&quot;&amp;gt;&amp;lt;!-- header halaman --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;li class=&quot;active&quot;&amp;gt;&amp;lt;b&amp;gt;Ganti Foto
Profil&amp;lt;/b&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div
class=&quot;row&quot;&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div
class=&quot;col-md-6&quot;&amp;gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;!-- Form ganti
foto
--&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;form
enctype=&quot;multipart/form-data&quot;method=&quot;post&quot; action=&quot;proses_foto.php?id_user=&amp;lt;?php
echo $_SESSION[&#39;id_user&#39;];?&amp;gt; &quot; &amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;Pilih Gambar : &amp;lt;input type=&quot;file&quot; name=&quot;gmb&quot; class=&quot;form-control&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;button class=&quot;btn btn-info&quot; type=&quot;submit&quot; name=&quot;kirim&quot;&amp;gt;GANTI&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/form&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div
class=&quot;col-md-6&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;hr&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;
&amp;lt;!--/.CONTAINER--&amp;gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php footer();
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}else{&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
header(&quot;Location:index.php&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Sekarang coba dicek
apakah tampilannya sudah sesuai gambar tampilan diatas. Anda dapat mengubah
tampilan tersebut dengan mengganti bootstrap-nya. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Untuk proses
penggantian foto kita memerlukan file php proses untuk ganti fotonya. Kita cek
kode form ganti foto diatas :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;form
enctype=&quot;multipart/form-data&quot;method=&quot;post&quot; action=&quot;proses_foto.php?id_user=&amp;lt;?php
echo $_SESSION[&#39;id_user&#39;];?&amp;gt; &quot; &amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;Pilih Gambar : &amp;lt;input type=&quot;file&quot; name=&quot;gmb&quot; class=&quot;form-control&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;button class=&quot;btn btn-info&quot; type=&quot;submit&quot; name=&quot;kirim&quot;&amp;gt;GANTI&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/form&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Action halaman
tujuannya adalah :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&amp;nbsp;&lt;span style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm;&quot;&gt;proses_foto.php?id_user=&amp;lt;?php
echo $_SESSION[&#39;id_user&#39;];?&amp;gt;&lt;/span&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Maksud link
tersebut :&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;proses_foto.php
adalah halaman file php tujuan&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;?id_user= adalah
variabel $_GET yang akan dikirim ke halaman proses_foto.php&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;&amp;lt;?php echo
$_SESSION[&#39;id_user&#39;];?&amp;gt; adalah isi dari id_user yang login&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Untuk proses ganti
foto ke database kita buat dulu file php baru dengan nama
&quot;proses_foto.php&quot; dan kosongkan isinya. Kemudian ketikkan kode
berikut :&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
session_start();//menggunakan
session&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$id_user=$_SESSION[&#39;id_user&#39;];//mengisi
veriabel id_user dengan nilai id_user yang login&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
/*PENGATURAN GAMBAR
di FOLDER*/&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;$folder = &quot;foto/&quot;;//nama folder nya &#39;foto&#39;,
sudah sama dengan folder dalam namaproject&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;$folder = $folder . basename( $_FILES[&#39;gmb&#39;][&#39;name&#39;]);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;$gambar&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; =($_FILES[&#39;gmb&#39;][&#39;name&#39;]);//isi
variabel gambar agar acak&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;include&quot;library.php&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;$link=koneksi_db();//membuat koneksi&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;$query=&quot;update user set foto_profil = &#39;$gambar&#39;
where id_user=&#39;$id_user&#39;&quot; ;//query update ke table user&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;$exe=mysql_query($query,$link);//eksekusi query&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;if ($exe) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
move_uploaded_file($_FILES[&#39;gmb&#39;][&#39;tmp_name&#39;],
$folder);//memindahkan gambar ke folder foto&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;header (&quot;location:home.php&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;else { &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;header (&quot;location:setting.php&quot;); }&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Jika sudah, mari
kita coba untuk ganti foto profilnya.. Nih hasil percobaannya :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjFzK6IMf-TE7ymwvYyVqpecG5qaIT8DoltbJ-ibxNG0VPr8tKZVpPA1PvoQzOIA6bSch-luWY0AhCrcAZxbqxLZI_jsScCYsUdkps0TFqDQAlkAublRn6JcxiLU4x0jH7k5_P0ZVz8hMk/s1600/ganti+foto+profil+sukses.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;376&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjFzK6IMf-TE7ymwvYyVqpecG5qaIT8DoltbJ-ibxNG0VPr8tKZVpPA1PvoQzOIA6bSch-luWY0AhCrcAZxbqxLZI_jsScCYsUdkps0TFqDQAlkAublRn6JcxiLU4x0jH7k5_P0ZVz8hMk/s640/ganti+foto+profil+sukses.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan ganti foto sukses&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_4&quot; o:spid=&quot;_x0000_i1026&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;
 height:266.25pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image005.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Selanjutnya kita
buat fitur ganti password nya..&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
untuk mengganti
password. Mari buat 1 file php baru dengan nama &quot;gantipassword.php&quot;
kemudian kosongkan isinya. Kemudian ketikkan kode berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 1.0pt 1.0pt 1.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
session_start();&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
include
&quot;library.php&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if(isset($_SESSION[&#39;id_user&#39;])){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if(isset($_GET[&#39;id_user&#39;])){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$id_user=$_GET[&#39;id_user&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if(empty($_GET[&#39;id_user&#39;])){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$id_user=$_SESSION[&#39;id_user&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$link=koneksi_db();&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$query=mysql_fetch_array(mysql_query(&quot;select
* from user where id_user=&#39;$id_user&#39;&quot;,$link));&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$nama_depan=$query[&#39;nama_depan&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$nama_belakang=$query[&#39;nama_belakang&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$photo=$query[&#39;foto_profil&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;!DOCTYPE
html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;title&amp;gt;&amp;lt;?php echo
$nama;?&amp;gt;&amp;lt;/title&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/bootstrap.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/bootstrap-theme.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;script type=&quot;text/javascript&quot; src=&quot;&lt;a href=&quot;http://code.jquery.com/jquery.min.js&quot;&gt;&lt;span style=&quot;color: blue; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN; text-decoration: none; text-underline: none;&quot;&gt;http://code.jquery.com/jquery.min.js&lt;/span&gt;&lt;/a&gt;&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;script type=&quot;text/javascript&quot; src=&quot;js/bootstrap.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;script type=&quot;text/javascript&quot; src=&quot;js/scripts.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;link href=&quot;css/bootstrap.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php include&quot;header.php&quot;;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;container&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;jumbotron&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;row&quot; style=&quot;background-color:#0C9&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;col-md-2&quot;&amp;gt;&amp;lt;!--mulai
colmd 2--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;col-md-12&quot;&amp;gt;&amp;lt;!--
kolom foto profil yg login --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;thumbnail&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;img src=&quot;foto/&amp;lt;?php echo
$photo;?&amp;gt;&quot; class=&quot;img-circle&quot;&amp;gt; &amp;lt;!-- bisa diganti dengan
class=&quot;img-thumbnail&quot; untuk foto bulat--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;caption&quot; style=&quot;background-color:#0C6&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;center&amp;gt;&amp;lt;h4&amp;gt;&amp;lt;?php echo $nama_depan.&#39;
&#39;.$nama_belakang;?&amp;gt;&amp;lt;/h4&amp;gt;&amp;lt;/center&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;?php include&quot;bagiankiri.php&quot;;?&amp;gt;
&amp;lt;!-- menampilkan kotak pesan, galeri, dan teman --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&amp;lt;!--akhir colmd 2--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;col-md-10&quot; style=&quot;background-color:
#CCC&quot;&amp;gt; &amp;lt;!--BAGIAN KANAN--&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;ul class=&quot;breadcrumb&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;li class=&quot;active&quot;&amp;gt;Ganti
Password&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;row&quot;&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;col-md-6&quot;&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;form method=&quot;post&quot; class=&quot;form-horizontal&quot; action=&quot;password_proses.php&quot;&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;label for=&quot;inputPassword&quot; class=&quot;control-label
col-xs-4&quot;&amp;gt;Password Lama&amp;lt;/label&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;col-xs-8&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;input type=&quot;password&quot; name=&quot;password&quot; class=&quot;form-control&quot; id=&quot;inputPassword&quot; placeholder=&quot;Password
Lama&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;label for=&quot;inputPasswordbaru&quot; class=&quot;control-label
col-xs-4&quot;&amp;gt;Password Baru&amp;lt;/label&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;col-xs-8&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;input type=&quot;password&quot; name=&quot;password_baru&quot; class=&quot;form-control&quot; id=&quot;inputPassword&quot; placeholder=&quot;Password
Baru&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;label for=&quot;inputPasswordulang&quot; class=&quot;control-label
col-xs-4&quot;&amp;gt;Ulangi&amp;lt;/label&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;col-xs-8&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;input type=&quot;password&quot; name=&quot;password_baru_ulang&quot; class=&quot;form-control&quot; id=&quot;inputPassword&quot; placeholder=&quot;Ulangi
Password Baru&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;col-xs-offset-2
col-xs-10&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;button type=&quot;submit&quot; class=&quot;btn
btn-success&quot; name=&quot;kirim&quot; value=&quot;Simpan&quot;&amp;gt;Simpan&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/form&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;col-md-6&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;lt;!--/.STATUS--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;hr&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;lt;!--/.BAGIAN
KANAN--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;
&amp;lt;!--/.CONTAINER--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php footer(); ?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}else{&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
header(&quot;Location:index.php&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kode diatas
sebenarnya mirip dengan gantifoto.php hanya bagian isinya yang berbeda.&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Tampilan halaman ganti password sebagai berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUQ98e2cgFttTCSjV7LF8p0KkHxugYI5mopyXKkrDeS3I6MQYMwBYPMK42kOveR407w1_VgkHIEKjYzyJ4usmP3IA7NuGxUUGIYs_rZWzQxhAdRxqgbxHnaGTrgmUbwIxwAETPvDYhflPm/s1600/tampilan+ganti+password.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;366&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUQ98e2cgFttTCSjV7LF8p0KkHxugYI5mopyXKkrDeS3I6MQYMwBYPMK42kOveR407w1_VgkHIEKjYzyJ4usmP3IA7NuGxUUGIYs_rZWzQxhAdRxqgbxHnaGTrgmUbwIxwAETPvDYhflPm/s640/tampilan+ganti+password.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan ganti password&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_5&quot; o:spid=&quot;_x0000_i1025&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;
 height:258.75pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image007.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Terdapat 3 buah
kolom. Password lama, Password baru, dan Ulangi Password Baru. Cara kerjanya
seperti ini :&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Pertama akan dicek
apakah password lama milik user yang Login sesuai dengan isi kotak
&quot;password lama&quot;. Apabila tidak sesuai maka ganti password ditolak.
Apabila sesuai maka lanjut ke tahap berikutnya.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Kedua akan dicek
Apakah isi password baru dan ulangi password sudah sama. apabila berbeda maka
proses ganti password ditolak. Apabila sama maka lanjut ke tahap pergantian
password.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l3 level1 lfo3; text-indent: -18.0pt;&quot;&gt;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Perhatikan
&quot;Name&quot; yang ada pada form diatas yang akan di gunakan untuk proses
ubah password. Antara lain :&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-family: Symbol; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;name=&quot;password&quot;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;name=&quot;password_baru&quot;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;name=&quot;password_baru_ulang&quot;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l2 level1 lfo4; text-indent: -18.0pt;&quot;&gt;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Method dari form
ganti password adalah POST dan actionnya adalah &quot;password_proses.php&quot;.
Maka dari itu mari kita buat 1 file php baru dengan nama
&quot;password_proses.php&quot; dan ketikkan kode berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
session_start();//memulai
dan menggunakan variabel session&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$id_user=$_SESSION[&#39;id_user&#39;];//mengisi
id_user yang login&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
//mengambil isi
variabel yang di POST dari form ganti password&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$password=$_POST[&#39;password&#39;];
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$password_baru=$_POST[&#39;password_baru&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$password_baru_ulang=$_POST[&#39;password_baru_ulang&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
//validasi jika isi
kosong&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if (empty($_POST[&#39;password&#39;]))
die (&quot;&amp;lt;script&amp;gt;alert(&#39;Anda
Belum Mengisikan
Password&#39;);window.location=&#39;javascript:history.go(-1)&#39;;&amp;lt;/script&amp;gt;&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if (empty($_POST[&#39;password_baru&#39;]))
die (&quot;&amp;lt;script&amp;gt;alert(&#39;Anda
Belum Mengisikan Password
Baru&#39;);window.location=&#39;javascript:history.go(-1)&#39;;&amp;lt;/script&amp;gt;&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if (empty($_POST[&#39;password_baru_ulang&#39;]))
die (&quot;&amp;lt;script&amp;gt;alert(&#39;Anda
Belum Mengisikan Ulangi Password
Baru&#39;);window.location=&#39;javascript:history.go(-1)&#39;;&amp;lt;/script&amp;gt;&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;include&quot;library.php&quot;;//gunakan library&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;$link=koneksi_db();//membuat koneksi ke database&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;$query=mysql_fetch_array(mysql_query(&quot;select *
from user where id_user=&#39;$id_user&#39;&quot;,$link));&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;//eksekusi query untuk mendapatkan password user yang
sedang login&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;$password_user=$query[&#39;password&#39;];//menyimpan password
user yg asli(sedang login)&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;if($password_user!=$password)&amp;nbsp; die (&quot;&amp;lt;script&amp;gt;alert(&#39;Password
Lama
Salah&#39;);window.location=&#39;javascript:history.go(-1)&#39;;&amp;lt;/script&amp;gt;&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;if($password_baru!=$password_baru_ulang)&amp;nbsp; die (&quot;&amp;lt;script&amp;gt;alert(&#39;Ulangi
Password Baru Tidak Sesuai&#39;);window.location=&#39;javascript:history.go(-1)&#39;;&amp;lt;/script&amp;gt;&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;$query1=&quot;update user set password=
&#39;$password_baru&#39; where id_user=&#39;$id_user&#39;&quot;;//&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;$exe=mysql_query($query1,$link);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;if ($exe) {&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;header (&quot;location:home.php&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;else { &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;header (&quot;location:gantipassword.php&quot;); }&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Cek Komentar pada
kode diatas untuk penjelasan kodenya.&amp;nbsp;
Coba ganti password anda. Sukses kan?? hehehe&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Sekian dulu
tutorial part 5 ini. Semoga bermanfaat bagi para pembacanya. Untuk tutorial
edit info akan dibahas pada pembuatan halaman Profil user. Pembuatan fitur
pesan dan galery dan pertemanan akan hadir di episode berikutnya. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Jika sobat masih
belum paham atau muncul notif error, laporkan saja di kotak komentar.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Jangan lupa di
follow ya...&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Terus semangat ya
sobat, jangan pernah menyerah&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Sampai Jumpa di
tutorial berikutnya...&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/8129037508519889659/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/10/membuat-jejaring-sosial-sederhana_30.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/8129037508519889659'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/8129037508519889659'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/10/membuat-jejaring-sosial-sederhana_30.html' title='Membuat Jejaring Sosial sederhana dengan PHP, MYSQL, dan Bootstrap di Localhost (part 5)'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM9n1Ug5aYeoj9jD_Z9pABghyy76fmez3dcUpF2_CLFwZwVHRbmidwVprlE8wasOJB0PX3ZwrAMNTDR4y2gXag8oIIp0DOeeHpjA8kuSIi2oX7lCvXMagg1CLX5Q7h1hhC4iDpCUd0bFd7/s72-c/tampilan+header+baru.PNG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-7089851294102282711</id><published>2015-10-29T14:17:00.003+07:00</published><updated>2015-10-29T15:39:06.964+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PHP MYSQL"/><title type='text'>Membuat Jejaring Sosial sederhana dengan PHP, MYSQL, dan BOOTSTRAP di Localhost (part 4)</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Selamat Datang lagi sobat...&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Sobat, masih mengikuti tutorial ini kan? Terima kasih ya....&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
untuk sobat yang belum membaca part sebelumnya, klik di bawah ini&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;button class=&quot;btn btn-primary pull-left&quot; name=&quot;kirim&quot; type=&quot;submit&quot; value=&quot;PART 1&quot;&gt;&lt;a href=&quot;http://working-anime.blogspot.com/2015/10/membuat-jejaring-sosial-sederhana.html&quot;&gt;PART 1&lt;/a&gt;&lt;/button&gt;&lt;br /&gt;
&lt;button class=&quot;btn btn-primary pull-left&quot; name=&quot;kirim&quot; type=&quot;submit&quot; value=&quot;PART 2&quot;&gt;&lt;a href=&quot;http://working-anime.blogspot.com/2015/10/membuat-jejaring-sosial-sederhana_27.html&quot;&gt;PART 2&lt;/a&gt;&lt;/button&gt;&lt;br /&gt;
&lt;button class=&quot;btn btn-primary pull-left&quot; name=&quot;kirim&quot; type=&quot;submit&quot; value=&quot;PART 3&quot;&gt;&lt;a href=&quot;http://working-anime.blogspot.com/2015/10/membuat-jejaring-sosial-sederhana_28.html&quot;&gt;PART 3&lt;/a&gt;&lt;/button&gt;&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Di part 4, Kali ini kita akan coba bahas tentang cara Update
status.. ini dia contoh tampilan update status yang akan kita buat nanti.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj46UZQtmSnbk_24Yv_VzNr0DoXu1PbVVTWZvBOakPvpHyogEFcdRjgfAU1pX5p9f592uf5abBXAAyrowqjVDSJkKjw4wTD3fq1RyU4CxGMOpfEm9n3QRDTMPE4NOxnh7yqNxOmdOnBdUfY/s1600/update+status+muncul+sukses.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;370&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj46UZQtmSnbk_24Yv_VzNr0DoXu1PbVVTWZvBOakPvpHyogEFcdRjgfAU1pX5p9f592uf5abBXAAyrowqjVDSJkKjw4wTD3fq1RyU4CxGMOpfEm9n3QRDTMPE4NOxnh7yqNxOmdOnBdUfY/s640/update+status+muncul+sukses.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan update status social network&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shapetype
 id=&quot;_x0000_t75&quot; coordsize=&quot;21600,21600&quot; o:spt=&quot;75&quot; o:preferrelative=&quot;t&quot;
 path=&quot;m@4@5l@4@11@9@11@9@5xe&quot; filled=&quot;f&quot; stroked=&quot;f&quot;&gt;
 &lt;v:stroke joinstyle=&quot;miter&quot;/&gt;
 &lt;v:formulas&gt;
  &lt;v:f eqn=&quot;if lineDrawn pixelLineWidth 0&quot;/&gt;
  &lt;v:f eqn=&quot;sum @0 1 0&quot;/&gt;
  &lt;v:f eqn=&quot;sum 0 0 @1&quot;/&gt;
  &lt;v:f eqn=&quot;prod @2 1 2&quot;/&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelWidth&quot;/&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelHeight&quot;/&gt;
  &lt;v:f eqn=&quot;sum @0 0 1&quot;/&gt;
  &lt;v:f eqn=&quot;prod @6 1 2&quot;/&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelWidth&quot;/&gt;
  &lt;v:f eqn=&quot;sum @8 21600 0&quot;/&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelHeight&quot;/&gt;
  &lt;v:f eqn=&quot;sum @10 21600 0&quot;/&gt;
 &lt;/v:formulas&gt;
 &lt;v:path o:extrusionok=&quot;f&quot; gradientshapeok=&quot;t&quot; o:connecttype=&quot;rect&quot;/&gt;
 &lt;o:lock v:ext=&quot;edit&quot; aspectratio=&quot;t&quot;/&gt;
&lt;/v:shapetype&gt;&lt;v:shape id=&quot;Picture_x0020_14&quot; o:spid=&quot;_x0000_i1033&quot; type=&quot;#_x0000_t75&quot;
 style=&#39;width:451.5pt;height:261pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
di part3 kita sudah mempunyai sebuah halaman home yang
terdapat sebuah form textarea tempat menulis status kita. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Mari kita perhatikan lagi form update status pada halaman
home kita. Ini tampilannya :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifQlX9IQy3ABSOR1bhdxRTNaBzwD1l-umBnSJo73XvWUl3oPvd2dVKmUBQ9_yRWJsvwryqVpWzALdefkJXpQMpMzp8fWxo8msTTwHLj-E3t_HMHhN9ikOabZqIzyZx_DcqmSC2afK73t-_/s1600/tampilan+post.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;155&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifQlX9IQy3ABSOR1bhdxRTNaBzwD1l-umBnSJo73XvWUl3oPvd2dVKmUBQ9_yRWJsvwryqVpWzALdefkJXpQMpMzp8fWxo8msTTwHLj-E3t_HMHhN9ikOabZqIzyZx_DcqmSC2afK73t-_/s400/tampilan+post.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan update status&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_1&quot; o:spid=&quot;_x0000_i1032&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;
 height:174.75pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image003.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Mari kita buka file home.php dan kita cek lagi code form
diatas, codenya sebagai berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;col-md-9&quot;&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;!-- Kode Form Update Status --&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;form action=&quot;updatestatus.php&quot; method=&quot;post&quot;&amp;gt;&amp;nbsp;&amp;nbsp;
&amp;lt;!-- form update status --&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;textarea maxlength=&quot;255&quot; cols=&quot;40&quot; rows=&quot;4&quot; name=&quot;update&quot; class=&quot;form-control&quot; placeholder=&quot;Tulis
status..&quot;&amp;gt;&amp;lt;/textarea&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;button type=&quot;submit&quot; class=&quot;btn
btn-primary pull-left&quot; value=&quot;POST&quot; name=&quot;kirim&quot;&amp;gt;POST&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/form&amp;gt;&amp;lt;!--
end form update status --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;lt;!--
Akhir Kode Form Update Status --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Form diatas memiliki method POST. Kita akan nge_POST isi
textarea dengan name=&quot;update&quot; ke halaman &quot;updatestatus.php&quot;
.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Mari kita cek database kita terlebih dahulu. Baru ada 1
tabel kan? tabel user doank. Nah, untuk menampung isi status kita buat tabel
baru pada database &#39;tutorialjaco&quot; dengan nama tabel &quot;status&quot;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&amp;nbsp;Atributnya begini :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXN7Mz7jGdz14x2U_6nUNymDdTUlt3gTZTSiIzOKXF3Lu6c3TwDLkOLdPQRVxQVfrIuM46pTgaTjRsWNCdUADIGLI2FmN4YN5nYOH-UnPeygHzsCG_J9j4ESKuaTCrdDQePg2iSxI8dwmW/s1600/atribut+status.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;168&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXN7Mz7jGdz14x2U_6nUNymDdTUlt3gTZTSiIzOKXF3Lu6c3TwDLkOLdPQRVxQVfrIuM46pTgaTjRsWNCdUADIGLI2FmN4YN5nYOH-UnPeygHzsCG_J9j4ESKuaTCrdDQePg2iSxI8dwmW/s640/atribut+status.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;atribut table status&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kode SQL-nya :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
CREATE TABLE `status` (&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;`id_status` int(11) NOT NULL AUTO_INCREMENT,&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;`id_user` int(11) NOT NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;`isi_status` text NOT NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;`tanggal_status` datetime NOT NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;`dihapus` varchar(1) DEFAULT &#39;t&#39;,&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;PRIMARY KEY (`id_status`),&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;KEY `id_user` (`id_user`)&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
)
ENGINE=InnoDB DEFAULT CHARSET=latin1&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Setelah kita memiliki tabel &#39;status&#39;pada database. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Karena itu mari kita buat file php baru dengan nama
&quot;updatestatus.php&quot;untuk mengolah status ke dalam database. Kosongkan
isi kode pada &quot;updatestatus.php&quot;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Isikan kode berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
session_start();&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$id_user=$_SESSION[&#39;id_user&#39;];
//memanggil variabel id_user yg login dari Session&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
//id_user yg bisa
update status kan yg login doank&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$isi_status =
$_POST[&#39;update&#39;];//menampung isi status dari textarea &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if (empty($_POST[&#39;update&#39;]))
die (&quot;&amp;lt;script&amp;gt;alert(&#39;Anda
Belum Mengisikan
status&#39;);window.location=&#39;javascript:history.go(-1)&#39;;&amp;lt;/script&amp;gt;&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
//kalau isi
textarea updatestatus kosong maka ga bisa update&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;include&quot;library.php&quot;; // memanggil file
library&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;$link=koneksi_db();// membuat link koneksi ke
database, koneksi_db adalah function yang ada dalam library&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;$eksekusi=mysql_query(&quot;INSERT INTO status
VALUE(NULL,&#39;$id_user&#39;,&#39;$isi_status&#39;,NOW(),&#39;t&#39;)&quot;,$link) ;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;//eksekusi query insert ke dalam database tabel
status. Kalau sudah di hosting hati2 nama tabelnya case sensitive&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;if($eksekusi)//jika eksekusi berhasil, maka &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;{&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;echo &quot;&amp;lt;script&amp;gt;location.replace(&#39;home.php&#39;)&amp;lt;/script&amp;gt;&quot;;//pindah
ke home.php(refresh halaman)&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;else { //kalau gagal update&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;echo &quot;gagal bro&quot;.mysql_error();// tampilkan
errornya knpa...&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kalau sudah selesai simpan file &quot;updatestatus.php&quot;
diatas, &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
tes untuk update status pada halaman home dan cek apakah
status yang anda buat berhasil masuk ke database. saya coba udah berhasil masuk
ke database. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Tampilan :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqKIgYBh2VAVKdzakCSCud-L7b8FRaiSJb3_sizV0tbA4u-T1zFGgdvR1ersSnTpB0mFNTfqAY_lcHojSVh0xeg-egQbWxdjDdbJpYoXRFK2gaSeLtXdMjQHk6syi80ks6hNhpjc3VZngQ/s1600/update+status+sukses.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;148&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqKIgYBh2VAVKdzakCSCud-L7b8FRaiSJb3_sizV0tbA4u-T1zFGgdvR1ersSnTpB0mFNTfqAY_lcHojSVh0xeg-egQbWxdjDdbJpYoXRFK2gaSeLtXdMjQHk6syi80ks6hNhpjc3VZngQ/s640/update+status+sukses.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;sukses update status&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_3&quot; o:spid=&quot;_x0000_i1030&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:450.75pt;
 height:105.75pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image007.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kalau sudah sukses masuk ke Database. Selanjutnya kita akan
coba untuk menampilkan status tersebut pada halaman home dengan format seperti
pada jejaring sosial pada umumnya.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Misalnya, seperti tampilan berikut ini :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUwZnLfB32afG8dqeXuJN_GG8BqrjdiMCeINVk0i6_R_l3qM2NfiOXnA6ZE6yFcMx-7WYsCSqF0Xlt9-4BWWhCzNqP0diYsmW24VEFvpFr7o5sYroFauyebvzJgd9D1-TQIWNgZgNwwfA-/s1600/status.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;161&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUwZnLfB32afG8dqeXuJN_GG8BqrjdiMCeINVk0i6_R_l3qM2NfiOXnA6ZE6yFcMx-7WYsCSqF0Xlt9-4BWWhCzNqP0diYsmW24VEFvpFr7o5sYroFauyebvzJgd9D1-TQIWNgZgNwwfA-/s400/status.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;status&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_5&quot; o:spid=&quot;_x0000_i1029&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:360.75pt;
 height:146.25pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image009.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Untuk membuat tampilan seperti gambar di atas, buka home.php
dengan notepad. Lalu tambahkan kode di dalamnya :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/form&amp;gt;&amp;lt;!--
end form update status --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;!—jangan lupa
isikan kodenya di sini--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;lt;!--
Akhir Kode Form Update Status --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
ini kode
syntak-nya. Copy pastekan di antara kode yang di atas.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;hr&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;row&quot; style=&quot;background-color:#9F3&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;media&quot;&amp;gt;&amp;lt;!-- class
media sudah disediakan bootstrap lho --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;a href=&quot;#&quot; class=&quot;pull-left&quot;&amp;gt;&amp;lt;!--
Sementara href nya kosong dulu,ntar diganti link ke profil--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;img src=&quot;foto/default.jpg&quot; class=&quot;media-object
img-rounded&quot; width=&quot;50&quot; height=&quot;50&quot; alt=&quot;Sample
Image&quot;&amp;gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;media-body&quot;&amp;gt;&amp;lt;!--
isi media nama, tanggal, ama status --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;h4 class=&quot;media-heading&quot;&amp;gt; NAMA
USER &amp;lt;small&amp;gt;&amp;lt;i&amp;gt;Oktober 28, 2015&amp;lt;/i&amp;gt;&amp;lt;/small&amp;gt;&amp;lt;/h4&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;p&amp;gt;isi statusnya nanti ada di sini. &amp;lt;/p&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt; &amp;lt;!-- akhir media-body--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;lt;!--
akhir media --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;!--kode komentar disni ntar--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;lt;!--
akhir row tampil isi status --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Jika sobat masih
bingung, lihat gambar di bawah ini:&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV3KTSMZQEfVbXDb50amM_zO6AOehjoaQ8rAJv8lzDuHH2sGKyLLBts0YCwJjdcvVz_jiMve1Rfu3U6H3arDO2NB6hf2jfUE0QTg1CZdxiNZq_WY1hh12oeERVWR0vrYzdm97Gch9GS2sk/s1600/kode+tampil+status.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;266&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV3KTSMZQEfVbXDb50amM_zO6AOehjoaQ8rAJv8lzDuHH2sGKyLLBts0YCwJjdcvVz_jiMve1Rfu3U6H3arDO2NB6hf2jfUE0QTg1CZdxiNZq_WY1hh12oeERVWR0vrYzdm97Gch9GS2sk/s640/kode+tampil+status.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;kode tampil status&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_7&quot; o:spid=&quot;_x0000_i1028&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;
 height:189pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image011.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kemudian jalankan halaman
web home.php apakah tampilannya sudah sesuai contoh? kalau belum cek kodenya
lagi. Kalau sudah kita lanjut ke tahap berikutnya.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Tahap berikut
adalah mengganti isi Nama user , tanggal dan isi status dengan variabel hasil
query. Kita akan menyisipkan script php untuk mengambil isi dari tabel status
dan menaruhnya dibawah kotak orange pertama pada gambar diatas.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Berikut kodenya :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$query1 = mysql_query(&quot;SELECT
* FROM status JOIN user USING(id_user) WHERE dihapus = &#39;t&#39; ORDER BY id_status
DESC&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
while($row=mysql_fetch_array($query1)){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;$id_status=$row[&#39;id_status&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;$id_us=$row[&#39;id_user&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;$isi_status=$row[&#39;isi_status&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;$tanggal_status=$row[&#39;tanggal_status&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$nm_dp=$row[&#39;nama_depan&#39;];
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$nm_blk=$row[&#39;nama_belakang&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$fot=$row[&#39;foto_profil&#39;];&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kemudian berikan
tutup kurung kurawal fungsi perulangan while, taruh diatas kotak merah ketiga (terbawah).&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Jika sobat bingung,
lengkapnya ini saja :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 1.0pt 1.0pt 1.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$query1 =
mysql_query(&quot;SELECT * FROM status JOIN user USING(id_user) WHERE dihapus =
&#39;t&#39; ORDER BY id_status DESC&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
// query join
antara tabel status dan tabel user&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
while($row=mysql_fetch_array($query1)){
//kalau array dari hasil query ada nilainya&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;$id_status=$row[&#39;id_status&#39;]; //menyimpan id_status&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;$id_us=$row[&#39;id_user&#39;];//menyimpan id_user yang punya
status&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;$isi_status=$row[&#39;isi_status&#39;];//menyimpan isi status &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;$tanggal_status=$row[&#39;tanggal_status&#39;];//menyimpan
tanggal status&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$nm_dp=$row[&#39;nama_depan&#39;];
//menyimpan nama depan pemilik status&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$nm_blk=$row[&#39;nama_belakang&#39;];//menyimpan
nama belakang pemilik status&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$fot=$row[&#39;foto_profil&#39;];//menyimpan
foto pemilik status&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
?&amp;gt;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;hr&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;row&quot; style=&quot;background-color:#9F3&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;media&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;a href=&quot;#&quot; class=&quot;pull-left&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;img src=&quot;foto/default.jpg&quot; class=&quot;media-object
img-rounded&quot; width=&quot;50&quot; height=&quot;50&quot; alt=&quot;Sample
Image&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;media-body&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;h4 class=&quot;media-heading&quot;&amp;gt; NAMA USER
&amp;lt;small&amp;gt;&amp;lt;i&amp;gt;Oktober 28, 2015&amp;lt;/i&amp;gt;&amp;lt;/small&amp;gt;&amp;lt;/h4&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;p&amp;gt;isi statusnya nanti ada disini. &amp;lt;/p&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;!--kode komentar disni ntar--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
} //tutup while&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Sekarang cek apakah
ada error atau tidak. Jika semua kode tepat kira-kira tampilannya akan jadi
seperti ini:&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaWqzmie0WFrYy24T0860WbxutRsOnk3EpHi1FjyEJDesokZd368MDrQFa3EZvL-a6kFWBOP_v_DeNpfl886kRXhDY20n54EUDC76Sz2qhrsspDj70KqbjHYdzZvBeFIY31P77e56Y8PR5/s1600/status+ulang+sukses.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;368&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaWqzmie0WFrYy24T0860WbxutRsOnk3EpHi1FjyEJDesokZd368MDrQFa3EZvL-a6kFWBOP_v_DeNpfl886kRXhDY20n54EUDC76Sz2qhrsspDj70KqbjHYdzZvBeFIY31P77e56Y8PR5/s640/status+ulang+sukses.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;status ulang sukses&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_9&quot; o:spid=&quot;_x0000_i1027&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;
 height:259.5pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image013.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kita sudah bisa
melakukan perulangan sejumlah status yang ada di dalam tabel. Langkah selanjutnya
adalah memasukkan tiap-tiap variabel hasil query kedalam tiap kotak
masing-masing. &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Sobat, Perhatikan
gambar berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1vM9pVEpsvgkkmY_krYujUsZi9fj29sQsvk7tjE2WO7nCGgHxQCgzx9G8rD69TZ13WcQ_PYJY5cEDsp6ur1HLbG6XTYggh_RxTVwqJDIrJMKoT8sjHmDpv3iXwkydWSKlAfJ4o89nr43R/s1600/ubah+kode.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;122&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1vM9pVEpsvgkkmY_krYujUsZi9fj29sQsvk7tjE2WO7nCGgHxQCgzx9G8rD69TZ13WcQ_PYJY5cEDsp6ur1HLbG6XTYggh_RxTVwqJDIrJMKoT8sjHmDpv3iXwkydWSKlAfJ4o89nr43R/s640/ubah+kode.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;mengubah kode s-query&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_10&quot; o:spid=&quot;_x0000_i1026&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;
 height:87pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image015.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;b&gt;NB : Kotak yang saya beri warna-warni ubah menjadi : &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
1. Ubah
&quot;foto/default.jpg&quot; menjadi&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm; text-indent: 36.0pt;&quot;&gt;
&quot;&amp;lt;?php
echo&#39;foto/&#39;.$fot;?&amp;gt;&quot;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
2. Ubah NAMA USER
menjadi &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm; text-indent: 36.0pt;&quot;&gt;
&amp;lt;?php
echo $nm_dp.&#39; &#39;.$nm_blk;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
3. Ubah Oktober 28,
2015 menjadi &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm; text-indent: 36.0pt;&quot;&gt;
&amp;lt;?php
echo $tanggal_status; ?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
4. Ubah isi status
menjadi &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm; text-indent: 36.0pt;&quot;&gt;
&amp;lt;?php
echo $isi_status; ?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kalau sudah coba di
lihat tampilan web nya. Hasil dari tampilan web akan jadi begini, &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Hahhaha....&amp;nbsp; linkin park buat status.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Ada M. Shadow
(vokalis avenged sevenfold)&amp;nbsp; juga.
wkwkwkkw&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY9Qjt4uPCAmck7IwOAkKG8tFNP0SQ3oUMu4S1pYRCQY0wUQsrbn_OhCLplbx7NYtOogUXwL5PrnMua-fQYovXjsJupWLF1vq8qM3c2TEQrk9TFtbIfWAQZtzAFOP84il5uaf9kqc-SRU9/s1600/update+status+muncul+sukses.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;370&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY9Qjt4uPCAmck7IwOAkKG8tFNP0SQ3oUMu4S1pYRCQY0wUQsrbn_OhCLplbx7NYtOogUXwL5PrnMua-fQYovXjsJupWLF1vq8qM3c2TEQrk9TFtbIfWAQZtzAFOP84il5uaf9kqc-SRU9/s640/update+status+muncul+sukses.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan home akhir&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_13&quot; o:spid=&quot;_x0000_i1025&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;
 height:261pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Jika punya sobat muncul tampilan seperti gambar di atas,
jadi sudah lancar-lancar saja. Jika tidak, periksa lagi kode-kodenya dari awal.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Coba logout dan buat user baru kemudian update statusnya.
Kalau sudah bisa update status gini nantinya akan ditambahkan fungsi hapus
status, Komentar dan hapus komentar pada tutorial selanjutnya part 5. Kemudian
juga akan dibahas fungsi Ubah Password, ganti fotoprofil dan ganti info user.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Jika sobat memiliki kesulitan saat belajar ini, terus
berusaha ya, jangan pernah menyerah.... saya dulu juga pernah mengalaminya.
Sering muncul notif error terus.... tapi setelah saya mempelajarinya terus,
teliti memeriksa kode-kodenya, search mbah google, terus bisa-bisa sendiri
deh.hehehehe&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Terima Kasih telah berkerja keras, jika ada pertanyaan tulis
di kotak komentar.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Sampai Jumpa lagi di tutorial berikutnya.....&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/7089851294102282711/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/10/membuat-jejaring-sosial-sederhana_29.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/7089851294102282711'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/7089851294102282711'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/10/membuat-jejaring-sosial-sederhana_29.html' title='Membuat Jejaring Sosial sederhana dengan PHP, MYSQL, dan BOOTSTRAP di Localhost (part 4)'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj46UZQtmSnbk_24Yv_VzNr0DoXu1PbVVTWZvBOakPvpHyogEFcdRjgfAU1pX5p9f592uf5abBXAAyrowqjVDSJkKjw4wTD3fq1RyU4CxGMOpfEm9n3QRDTMPE4NOxnh7yqNxOmdOnBdUfY/s72-c/update+status+muncul+sukses.PNG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-1680763319608258066</id><published>2015-10-28T14:54:00.000+07:00</published><updated>2015-10-28T14:54:33.436+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PHP MYSQL"/><title type='text'>Membuat Jejaring Sosial sederhana dengan PHP, MYSQL, dan Bootstrap di Localhost (part 3)</title><content type='html'>&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;Selamat bertemu kembali sobat.....&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;Pada tutorial sebelumnya kita telah
membuat database “world-info, kumpulan function &#39;library.php&#39; ,index.php ,login
dan logout, home.php serta beberapa halaman php lainnya. Di tutorial part3 ini
kita akan mencoba membuat validasi akses pada setiap halaman dengan
memanfaatkan $_SESSION[&#39;id_user&#39;].&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; Maksud validasi hak
akses ini adalah jika user belum login maka dia tidak bisa mengakses halaman
home dan halaman lain yang membutuhkan login. Sedangkan kalau user sudah login
maka ketika mengakses halaman index maka akan dialihkan ke halaman home.&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;Sebelum kita mulai pastikan pembaca
sudah paham dengan semua file yg telah dibuat pada Part1 dan Part2. untuk sobat yang belum paham: silahkan di baca lagi.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;a href=&quot;http://www.spza.net/2015/10/membuat-jejaring-sosial-sederhana.html&quot;&gt;part1&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;a href=&quot;http://www.spza.net/2015/10/membuat-jejaring-sosial-sederhana_27.html&quot;&gt;part2&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;Sesuaikan
nama databasenya, jangan sering dirubah-rubah agar koneksi halaman php ke
database mysql tetap lancar.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Untuk mencegah user mengakses halaman yg tidak semestinya
kita bisa gunakan $_SESSION . Kita akan tambahkan kode nya satu persatu pada
tiap halaman. Caranya adalah sebagai berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
1. Buka halaman index.php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Ubahlah kode pada bagian atas :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
include (&quot;library.php&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Menjadi kode syntak
ini :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
session_start();&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
include(&quot;library.php&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if(empty($_SESSION[&#39;id_user&#39;])){
//fungsi jika session kosong belum login&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Dan tambahkan kode
setelah syntak &amp;lt;/html&amp;gt; di bawah ini :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
else&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
{&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
header(&quot;Location:home.php&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Jadi keadaan
halaman index sekarang telah berada dalam sebuah fungsi if. Logikanya begini :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
MULAI SESSION&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
CEK SESSION, JIKA
KOSONG (belum login) MAKA&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
tampilkan halaman
index buat daftar atau login&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
KALAU SESSION ADA
NILAINYA(sudah login) MAKA&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
halaman dialihkan
ke Home.php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&amp;nbsp;2. sobat harus perhatikan konsep menaruh
script Halaman ditengah fungsi IF diatas. Halaman-halaman selanjutnya akan
diberikan proses yang sama. Lakukan pengapitan halaman web seperti langkah 1
diatas pada halaman &lt;b&gt;&lt;u&gt;daftar_sukses.php&lt;/u&gt;&lt;/b&gt;
dan &lt;b&gt;&lt;u&gt;gagallogin.php&lt;/u&gt;&lt;/b&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
3. Setelah
daftar_sukses.php dan gagallogin.php selesai ditambahkan kodenya, selanjutnya
adalah home.php.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Buka home.php dan
lakukan proses berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
ubah lah kode pada
bagian atas home.php :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
session_start();&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
include(&quot;library.php&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$id_user=$_SESSION[&#39;id_user&#39;];//memakai
variabel id_user dari SESSION&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$nama_depan=$_SESSION[&#39;nama_depan&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$nama_belakang=$_SESSION[&#39;nama_belakang&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Menjadi :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
session_start();&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
include &quot;library.php&quot;;//
menggukan library&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if(isset($_SESSION[&#39;id_user&#39;])){&amp;nbsp;
//jika session udh ada isinya alias udh login&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if(isset($_GET[&#39;id_user&#39;])){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
//jika ada variabel
get[&#39;id_user&#39;], variabel ini dikirim ke halaman ini dengan menggunakan fungsi
?id_user= yg nantinya akan menempel pada link action. kalau bingung ntar ada
contohnya :D&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$id_user=$_GET[&#39;id_user&#39;];
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
if(empty($_GET[&#39;id_user&#39;])){
// jika tidak ada nilai GET yang dikirim ke halaman ini maka variabel $id_user
nilainya adalah = $_SESSION&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$id_user=$_SESSION[&#39;id_user&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
} &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$link=koneksi_db();//buka
koneksi database&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
//query eksekusi
mencari data array&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$query=mysql_fetch_array(mysql_query(&quot;select
* from user where id_user=&#39;$id_user&#39;&quot;,$link));&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
//menyimpan hasil
query pada variabel&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$nama_depan=$query[&#39;nama_depan&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
$nama_belakang=$query[&#39;nama_belakang&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;strong&amp;gt;$photo&amp;lt;/strong&amp;gt;=$query[&#39;foto_profil&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
dan berikan kode
berikut pada bagian akhir setelah &amp;lt;/html&amp;gt; :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}else{&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
header(&quot;Location:index.php&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
NB : Variabel
$photo diatas nanti akan digunakan untuk menampilkan foto profil user. Jika
kita ingin menambahkan foto profil default untuk user maka lakukan langkah
berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
a. cari gambar di
google yg seperti ini, atau sobat bisa menyimpan gambar ini :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsTaX3gi8ekvGO3hL3gI8wsi8p7hlYzt13m8eHOmXtog7Ug5CGmbBFNxRM8uJzzE9mQtn2kaxYASTRCkAmXCrL6KQsV4LqA6BozuxWUBZVrvIKAw-eIB6y3SGnARKXg3pEDNc-ztAGqtqz/s1600/default.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsTaX3gi8ekvGO3hL3gI8wsi8p7hlYzt13m8eHOmXtog7Ug5CGmbBFNxRM8uJzzE9mQtn2kaxYASTRCkAmXCrL6KQsV4LqA6BozuxWUBZVrvIKAw-eIB6y3SGnARKXg3pEDNc-ztAGqtqz/s1600/default.jpg&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;foto default.jpg&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kemudian buat
folder baru pada folder namaproject dengan nama foto. seperti ini :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv5Bkh4owwZ5PTMTjP8CJZz2WIO_o7P3TDcBtv3yHnwB8FFRi11saPBiMSMqVghlsyZjD1l6ORp2k2n8Akk72n_TTDYeTe1KAGe0VDpXUuZ-p8e9gAIu8omxWv8ISzvR5fC8_OAfyPa6aT/s1600/membuat+project+folder+foto.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;242&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv5Bkh4owwZ5PTMTjP8CJZz2WIO_o7P3TDcBtv3yHnwB8FFRi11saPBiMSMqVghlsyZjD1l6ORp2k2n8Akk72n_TTDYeTe1KAGe0VDpXUuZ-p8e9gAIu8omxWv8ISzvR5fC8_OAfyPa6aT/s400/membuat+project+folder+foto.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;new folder project&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_2&quot; o:spid=&quot;_x0000_i1031&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:363pt;
 height:220.5pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image002.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Beri nama foto tadi
dengan nama: default.jpg dan simpan kedalam folder foto yang baru kita buat.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
b. Buka phpmyadmin,
pilih database &#39;tutorialjaco&#39; -&amp;gt; pilih table &#39;user&#39; kemudian lihat isi dari
kolom &#39;foto_profil&#39; masih NULL.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXuqPCa_Ej5LOtqnzhqsU3pBiyWITHIe2dCj2xrputg8gcZ5PlrEh3sJ38AINHW4F78jLSCrcUp2MwPSru4pWUBoTVkC6vYahlHQNPfviug_g4wLPziqvPYMWrxBg3awuVVk_Xm9_7oV9D/s1600/foto+profil+masih+NULL.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;99&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXuqPCa_Ej5LOtqnzhqsU3pBiyWITHIe2dCj2xrputg8gcZ5PlrEh3sJ38AINHW4F78jLSCrcUp2MwPSru4pWUBoTVkC6vYahlHQNPfviug_g4wLPziqvPYMWrxBg3awuVVk_Xm9_7oV9D/s640/foto+profil+masih+NULL.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;foto profil masih &quot;NULL&quot;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_3&quot; o:spid=&quot;_x0000_i1030&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;
 height:71.25pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image004.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Yang perlu kita
lakukan adalah merubah isi dari foto_profil itu menjadi &#39;default.jpg&#39; sesuai
nama foto yang telah kita bahas sebelumnya.Untuk merubah nya lakukan dengan cara
berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Klik edit.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdHJlrINsxNJwvLd68xFzj0KfwtPScGaMud-9nNnPVMTbKxspO9cFADlL9-ilEP0TLB2wrrhcLWKPTN7rx00GXr3vstro2U-8pU9eKC5evXTsN5zbeaIczj93C3yViE-Y1M7QVQVsk9qVM/s1600/edit+foto+profil.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;106&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdHJlrINsxNJwvLd68xFzj0KfwtPScGaMud-9nNnPVMTbKxspO9cFADlL9-ilEP0TLB2wrrhcLWKPTN7rx00GXr3vstro2U-8pU9eKC5evXTsN5zbeaIczj93C3yViE-Y1M7QVQVsk9qVM/s400/edit+foto+profil.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;klik edit&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_4&quot; o:spid=&quot;_x0000_i1029&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:368.25pt;
 height:98.25pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image006.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Beri nama
“default.jpg” pada foto_profil. Kemudian klik GO pada bagian bawah.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB2avhxuKEpqZSPxvga0MBssZkiwRDsMsWMQ6o14f-uerOVoxXYOjqToC9dmA7u2x6QpaJArqNu5it6OyQkiJaiX9nA9nMfFtEXa-SWmWtJjx-BjssogI1b1Sj-QSwawOAsSmdIREA97bH/s1600/ganti+nama.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;66&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB2avhxuKEpqZSPxvga0MBssZkiwRDsMsWMQ6o14f-uerOVoxXYOjqToC9dmA7u2x6QpaJArqNu5it6OyQkiJaiX9nA9nMfFtEXa-SWmWtJjx-BjssogI1b1Sj-QSwawOAsSmdIREA97bH/s640/ganti+nama.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;ganti foto profil&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_5&quot; o:spid=&quot;_x0000_i1028&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:450.75pt;
 height:47.25pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image007.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
c. Setelah database dirubah, buka file &#39;simpan_account.php&#39;
kemudian ubahlah kode $query menjadi seperti berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
$query=&quot;insert
into user
(id_user,nama_depan,nama_belakang,email,password,kelamin,tgl_lahir,agama,foto_profil,status,alamat,hobi,level,aktif,profil_singkat)values(null,&#39;$nama_depan&#39;,&#39;$nama_belakang&#39;,&#39;$email&#39;,&#39;$userpass&#39;,&#39;$kelamin&#39;,&#39;$tanggal&#39;,null,&#39;default.jpg&#39;,null,null,null,&#39;MEMBER&#39;,&#39;Y&#39;,null)&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
4. Foto profil
default dan hak akses halaman sudah dibereskan. Selanjutnya adalah Membuat
tampilan &#39;home.php&#39;yang layak disebut jejaring sosial :D . Halaman home yang
akan kita bangun memiliki tampilan header sebagai berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6-ZCPzblwdazU8HuztMszeqHVHKm34XjF0SDW4pLoiErQPmgLpRAYiU4T-RLtU9ZkO1jegV6I3hmJObf-zE3_VjArDMCOqqP9BiEslbO1FSkBV_fyV_0fgakdz-P5uDfIFDtM6V215phB/s1600/tampilan+header.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;26&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6-ZCPzblwdazU8HuztMszeqHVHKm34XjF0SDW4pLoiErQPmgLpRAYiU4T-RLtU9ZkO1jegV6I3hmJObf-zE3_VjArDMCOqqP9BiEslbO1FSkBV_fyV_0fgakdz-P5uDfIFDtM6V215phB/s640/tampilan+header.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan header&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_6&quot; o:spid=&quot;_x0000_i1027&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:450.75pt;
 height:18.75pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image009.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Struktur menu nya :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;·&lt;span style=&quot;font-family: &#39;Times New Roman&#39;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;Brand = Tutorial jaco &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;·&lt;span style=&quot;font-family: &#39;Times New Roman&#39;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;Search Bar&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;·&lt;span style=&quot;font-family: &#39;Times New Roman&#39;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;Member List&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;·&lt;span style=&quot;font-family: &#39;Times New Roman&#39;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;Notifikasi&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;·&lt;span style=&quot;font-family: &#39;Times New Roman&#39;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;Profil&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;·&lt;span style=&quot;font-family: &#39;Times New Roman&#39;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;Home&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot; style=&quot;mso-list: l0 level1 lfo1; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;&quot;&gt;·&lt;span style=&quot;font-family: &#39;Times New Roman&#39;; font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;/span&gt;&lt;!--[endif]--&gt;Dropdown Menu (Edit info,Ganti password,Ganti
foto, Logout)&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Untuk membuat header seperti diatas kita gunakan bootstrap
agar lebih mudah.Buatlah sebuah new file php dengan nama header.php dan kosong
kan isinya. kemudian isikan code berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;lt;nav
id=&quot;myNavbar&quot; class=&quot;navbar navbar-default navbar-inverse
navbar-fixed-top&quot; role=&quot;navigation&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;!-- Brand and toggle get grouped
for better mobile display --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div class=&quot;container&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;navbar-header&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;button
type=&quot;button&quot; class=&quot;navbar-toggle&quot;
data-toggle=&quot;collapse&quot; data-target=&quot;#navbarCollapse&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;span class=&quot;sr-only&quot;&amp;gt;Toggle
navigation&amp;lt;/span&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;lt;span class=&quot;icon-bar&quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;span
class=&quot;icon-bar&quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;span
class=&quot;icon-bar&quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a
class=&quot;navbar-brand&quot; href=&quot;index.php&quot;&amp;gt;&amp;lt;span
class=&quot;glyphicon glyphicon-th-large&quot;&amp;gt;&amp;lt;/span&amp;gt; WORLD-INFO
&amp;lt;span class=&quot;glyphicon
glyphicon-th-large&quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;form role=&quot;search&quot;
class=&quot;navbar-form navbar-left&quot; action=&quot;cariteman.php&quot;
method=&quot;post&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input type=&quot;text&quot;
placeholder=&quot;Search&quot; class=&quot;form-control&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/form&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;!-- Collect the nav links,
forms, and other content for toggling --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div class=&quot;collapse
navbar-collapse&quot; id=&quot;navbarCollapse&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;ul class=&quot;nav navbar-nav
navbar-right&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href =
&quot;memberpopular.php&quot;&amp;gt;Member List&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li
class=&quot;dropdown&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a
data-toggle=&quot;dropdown&quot; class=&quot;dropdown-toggle&quot;
href=&quot;&quot;&amp;gt;&amp;lt;span class=&quot;glyphicon glyphicon-exclamation-sign&quot;
title=&quot;Notifikasi&quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;ul role=&quot;menu&quot;
class=&quot;dropdown-menu&quot; style=&quot;width:400px&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li class=&quot;well-sm
clearfix&quot;&amp;gt;Notifikasi&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li
class=&quot;divider&quot;&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li class=&quot;well-sm
clearfix&quot;&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;Lihat Semua
Notifikasi&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href =
&quot;logout.php&quot;&amp;gt;Logout&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href =
&quot;profil.php?id_user=&amp;lt;?php echo
&quot;$_SESSION[id_user]&quot;;?&amp;gt;&quot;&amp;gt;&amp;lt;span class=&quot;glyphicon
glyphicon-user&quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;?php echo&amp;nbsp;&amp;nbsp; &#39; &#39;.$nama_depan.&#39;
&#39;.$nama_belakang;?&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li
class=&quot;active&quot;&amp;gt;&amp;lt;a href = &quot;home.php?id_user=&amp;lt;?php echo
&quot;$_SESSION[id_user]&quot;;?&amp;gt;&quot;&amp;gt;&amp;lt;span class=&quot;glyphicon
glyphicon-log-out&quot;&amp;gt;&amp;lt;/span&amp;gt; HOME&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;li class=&quot;dropdown&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a
data-toggle=&quot;dropdown&quot; class=&quot;dropdown-toggle&quot;
href=&quot;#&quot;&amp;gt;&amp;lt;b class=&quot;caret&quot;&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;ul role=&quot;menu&quot;
class=&quot;dropdown-menu&quot; style=&quot;width:200px&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a
href=&quot;editinfo.php&quot;&amp;gt;Edit Info&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a
href=&quot;gantifoto.php&quot;&amp;gt;Ganti Foto&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a
href=&quot;gantipassword.php&quot;&amp;gt;Ganti Password&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li
class=&quot;divider&quot;&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a
href=&quot;logout.php&quot;&amp;gt;&amp;lt;span class=&quot;glyphicon
glyphicon-log-out&quot;&amp;gt;&amp;lt;/span&amp;gt; Logout&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/nav&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Kode diatas adalah kode untuk membuat sebuah navigasi bar.
Navigasi bar ini akan dipanggil pada banyak halaman web, antara lain home.php,
profil.php , editinfo.php, gantipassword.php, gantifoto.php dll. jika kita
ingin merubah isi dari navbar ini kita cukup mengganti isi dari header.php &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
5. kita akan membuat sebuah &#39;Badge&#39; untuk ditampilkan dalam
halaman web seperti berikut ini :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDYpnwjC9kxNmPY-rT2Waqu7KRzctSfhg8qO-h2ekDcSaq8Gq63H6At5JiteTG3Pw6vmaRSSJBPeye50GC4HsGXSKyqwcTEY2Uk72hsiulzd7T8uQ_123lYv93fHUZOUMgsPfA0sKAhnf1/s1600/bagian+kiri.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDYpnwjC9kxNmPY-rT2Waqu7KRzctSfhg8qO-h2ekDcSaq8Gq63H6At5JiteTG3Pw6vmaRSSJBPeye50GC4HsGXSKyqwcTEY2Uk72hsiulzd7T8uQ_123lYv93fHUZOUMgsPfA0sKAhnf1/s1600/bagian+kiri.PNG&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan badge social network&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_9&quot; o:spid=&quot;_x0000_i1026&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:145.5pt;
 height:109.5pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image011.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Buatlah sebuah file php baru dengan nama bagiankiri.php dan
kosongkan isinya. kemudian ketikkan kode berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;div class=&quot;col-md-12&quot;&amp;gt;&amp;lt;!--BAGIAN
MENU KIRI--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;br&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;div class=&quot;list-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;a href=&quot;pesan.php&quot; class=&quot;list-group-item&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;span class=&quot;glyphicon
glyphicon-envelope&quot;&amp;gt;&amp;lt;/span&amp;gt; Pesan &amp;lt;span class=&quot;badge&quot;&amp;gt;0&amp;lt;/span&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;a href=&quot;galeri.php&quot; class=&quot;list-group-item&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;span class=&quot;glyphicon
glyphicon-picture&quot;&amp;gt;&amp;lt;/span&amp;gt; Galeri &amp;lt;span class=&quot;badge&quot;&amp;gt;0&amp;lt;/span&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;a href=&quot;teman.php&quot; class=&quot;list-group-item&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;span class=&quot;glyphicon
glyphicon-user&quot;&amp;gt;&amp;lt;/span&amp;gt; Teman &amp;lt;span class=&quot;badge&quot;&amp;gt;0&amp;lt;/span&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;color: #c7254e; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&amp;lt;/div&amp;gt;&amp;lt;!--/.BAGIAN MENU KIRI--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Ketika ada email yang belum dibaca, angka disamping tulisan
pesan akan bertambah. begitu juga dengan galeri, angka disamping galeri adalah
angka jumlah foto yang di upload. Angka disamping teman adalah jumlah teman
yang dimiliki.&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
6. Kalau sudah lengkap yang kita butuhkan untuk halaman
home. Maka kita edit home.php yang lama menjadi seperti ini :&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 1.0pt 1.0pt 1.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
session_start();&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
include
&quot;library.php&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
if(isset($_SESSION[&#39;id_user&#39;])){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
if(isset($_GET[&#39;id_user&#39;])){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
$id_user=$_GET[&#39;id_user&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
if(empty($_GET[&#39;id_user&#39;])){&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
$id_user=$_SESSION[&#39;id_user&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
}&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
$link=koneksi_db();&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
$query=mysql_fetch_array(mysql_query(&quot;select
* from user where id_user=&#39;$id_user&#39;&quot;,$link));&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
$nama_depan=$query[&#39;nama_depan&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
$nama_belakang=$query[&#39;nama_belakang&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
$photo=$query[&#39;foto_profil&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;!DOCTYPE html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;html
lang=&quot;en&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;meta
charset=&quot;utf-8&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;title&amp;gt;Selamat
Datang&amp;lt;/title&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;link
rel=&quot;stylesheet&quot; type=&quot;text/css&quot;
href=&quot;css/bootstrap.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;link
rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/bootstrap-theme.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;script
type=&quot;text/javascript&quot;
src=&quot;http://code.jquery.com/jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;script
type=&quot;text/javascript&quot;
src=&quot;js/bootstrap.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;?php echo
include&quot;header.php&quot;;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div
class=&quot;container&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div class=&quot;jumbotron&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div
class=&quot;row&quot; style=&quot;background-color:#0C9&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;col-md-2&quot;&amp;gt;&amp;lt;!--mulai colmd 2--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div class=&quot;col-md-12&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;thumbnail&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;img src=&quot;foto/&amp;lt;?php
echo $photo;?&amp;gt;&quot; class=&quot;thumbnail&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;caption&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;h4&amp;gt;&amp;lt;?php echo
$nama_depan.&#39; &#39;.$nama_belakang;?&amp;gt;&amp;lt;/h4&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;?php
include&quot;bagiankiri.php&quot;;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&amp;lt;!--akhir colmd 2--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;col-md-6&quot;&amp;gt;&amp;lt;!--mulai colmd 6--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp; &amp;lt;div class=&quot;col-md-1&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div
class=&quot;col-md-9&quot;&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;form
action=&quot;updatestatus.php&quot; method=&quot;post&quot;&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div
class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div
class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;textarea
maxlength=&quot;255&quot; cols=&quot;40&quot; rows=&quot;4&quot;
name=&quot;update&quot; class=&quot;form-control&quot; placeholder=&quot;Tulis
status..&quot;&amp;gt;&amp;lt;/textarea&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;button
type=&quot;submit&quot; class=&quot;btn btn-primary pull-left&quot;
value=&quot;POST&quot; name=&quot;kirim&quot;&amp;gt;POST&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/form&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;div
class=&quot;col-md-2&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt;&amp;lt;!--/.STATUS--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&amp;lt;!--akhir colmd 6--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;col-md-4&quot;&amp;gt;&amp;lt;!--mulai colmd 4--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&amp;lt;!--akhir colmd 4--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
footer();&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/div&amp;gt; &amp;lt;!-- END
CONTAINER --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;/html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
}else{&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
header(&quot;Location:index.php&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
} &lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;dengan
kode seperti diatas kita akan mendapatkan tampilan seperti berikut ini :&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN; mso-no-proof: yes;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape id=&quot;Picture_x0020_10&quot; o:spid=&quot;_x0000_i1025&quot;
 type=&quot;#_x0000_t75&quot; style=&#39;width:451.5pt;height:240pt;visibility:visible;
 mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image012.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6pRY98ZRTchQ22iJLVfRiEVX2yMZmWBdFHT0URqnWuEDZqtREXfyDXEJ9bC4OYeIUiseo2yOhOYYtxnWGKwbimY5d1ebdNtA3qhqdb8TqTh1HZl8Wm23gS3u2k3Z4HwcQQz9G8wfdzFyw/s1600/tampilan+home+selesai.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;340&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6pRY98ZRTchQ22iJLVfRiEVX2yMZmWBdFHT0URqnWuEDZqtREXfyDXEJ9bC4OYeIUiseo2yOhOYYtxnWGKwbimY5d1ebdNtA3qhqdb8TqTh1HZl8Wm23gS3u2k3Z4HwcQQz9G8wfdzFyw/s640/tampilan+home+selesai.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Tampilan Home&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;Jika
nanti sobat mengalami notif error, silahkan tanyakan atau laporkan saja di
kotak komentar. Jika lancar-lancar saja, jangan lupa backlink ataupun follow
ya.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;Untuk
proses Update status akan dibahas pada part4 nanti. Terima kasih telah berjuang
keras sampai sekarang.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;color: #333333; mso-bidi-font-family: Helvetica; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;Terima
Kasih dan Sampai Jumpa.....&lt;br /&gt;
&lt;!--[if !supportLineBreakNewLine]--&gt;&lt;br /&gt;
&lt;!--[endif]--&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/1680763319608258066/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/10/membuat-jejaring-sosial-sederhana_28.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/1680763319608258066'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/1680763319608258066'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/10/membuat-jejaring-sosial-sederhana_28.html' title='Membuat Jejaring Sosial sederhana dengan PHP, MYSQL, dan Bootstrap di Localhost (part 3)'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsTaX3gi8ekvGO3hL3gI8wsi8p7hlYzt13m8eHOmXtog7Ug5CGmbBFNxRM8uJzzE9mQtn2kaxYASTRCkAmXCrL6KQsV4LqA6BozuxWUBZVrvIKAw-eIB6y3SGnARKXg3pEDNc-ztAGqtqz/s72-c/default.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-2150528399874173271</id><published>2015-10-27T15:19:00.008+07:00</published><updated>2015-10-27T15:20:08.125+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PHP MYSQL"/><title type='text'>Membuat Jejaring Sosial Sederhana dengan PHP, MYSQL, dan Bootstrap di Localhost (part 2)</title><content type='html'>&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Selamat datang lagi sobat.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; margin: 15pt 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;Di part 2 ini kita akan membuat proses
registrasi dan login dan juga SESSION.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; line-height: 17.15pt; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Pada
tutorial Part1 kita sudah membuat tampilan dan form serta database
&#39;tutorialjaco&#39; dan table&#39;user&#39;. kali kita akan gunakan file tersebut untuk proses
registrasi dan login.&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; line-height: 17.15pt; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;bagi sobat yang belum membaca tutorial part 1, &lt;a href=&quot;http://www.spza.net/2015/10/membuat-jejaring-sosial-sederhana.html&quot;&gt;klik di sini&lt;/a&gt;.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; line-height: 17.15pt; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; line-height: 17.15pt; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Sebelumnya
mari kita bahas sedikit tentang SESSION. Session adalah suatu cara agar suatu
variabel dapat diakses pada banyak halaman web. Session biasanya disimpan di
Folder Temporary( biasanya untuk ampss pada c:\program files\Ampss\temp ).&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; line-height: 17.15pt; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; line-height: 17.15pt; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Fungsi
Session yang akan kita pakai antara lain :&lt;br /&gt;
session_start()&amp;nbsp;bergungsi mengaktifkan session.&lt;br /&gt;
session_destroy()&amp;nbsp;berfungsi untuk menghapus session beserta file
sessionnya.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; line-height: 17.15pt; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;session_unset()berfungsi
untuk menghapus semua variabel yang terdaftar dalam session.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; line-height: 17.15pt; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; line-height: 17.15pt; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Nah,
intinya kita akan memakai file&amp;nbsp;$_SESSION[&#39;id_user&#39;]&amp;nbsp;yang login untuk
dipakai pada banyak halaman web yang kita bangun.&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; line-height: 17.15pt; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;background: white; line-height: 17.15pt; margin-bottom: .0001pt; margin-bottom: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Sekarang
kita akan buat dulu script untuk menyimpan Akun user yang daftar. Karena pada
tutorial part 1 proses daftar memanggil halaman simpan_account.php , maka kita
buat file simpan_account.php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;b&gt;1. &lt;/b&gt;Buatlah File php baru dan
beri nama simpan_account.php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; isi file ini
adalah sebagai berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;include&quot;library.php&quot;;&amp;nbsp;
// memanggil fungsi library&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;if(isset($_POST[&#39;kirim&#39;])){
// kalau di klik daftar maka diproses&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$conn=koneksi_db();
//memanggil koneksi database&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;//menampung
variabel yg di POST dari form registrasi&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$nama_depan=ucwords($_POST[&#39;nama_depan&#39;]);
&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$nama_belakang=ucwords($_POST[&#39;nama_belakang&#39;]);&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$email=$_POST[&#39;email&#39;];&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$userpass=$_POST[&#39;password&#39;];&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$kelamin=$_POST[&#39;kelamin&#39;];&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$tanggal=$_POST[&#39;tanggal&#39;];&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;//
Validasi jika isi registrasi kosong&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;if
(empty($_POST[&#39;nama_depan&#39;])) die (&quot;&amp;lt;script&amp;gt;alert(&#39;Anda Belum
Mengisikan Nama Depan&#39;);window.location=&#39;javascript:history.go(-1)&#39;;&amp;lt;/script&amp;gt;&quot;);&amp;nbsp;
&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;if
(empty($_POST[&#39;nama_belakang&#39;])) die (&quot;&amp;lt;script&amp;gt;alert(&#39;Anda Belum
Mengisikan Nama
Belakang&#39;);window.location=&#39;javascript:history.go(-1)&#39;;&amp;lt;/script&amp;gt;&quot;);&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;if
(empty($_POST[&#39;kelamin&#39;])) die (&quot;&amp;lt;script&amp;gt;alert(&#39;Anda Belum
Mengisikan Jenis
Kelamin&#39;);window.location=&#39;javascript:history.go(-1)&#39;;&amp;lt;/script&amp;gt;&quot;);&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;if
(empty($_POST[&#39;tanggal&#39;])) die (&quot;&amp;lt;script&amp;gt;alert(&#39;Anda Belum
Mengisikan Tanggal
Lahir&#39;);window.location=&#39;javascript:history.go(-1)&#39;;&amp;lt;/script&amp;gt;&quot;);&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;if
(empty($_POST[&#39;email&#39;])) die (&quot;&amp;lt;script&amp;gt;alert(&#39;Anda Belum Mengisikan
Email&#39;);window.location=&#39;javascript:history.go(-1)&#39;;&amp;lt;/script&amp;gt;&quot;);&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;if
(empty($_POST[&#39;password&#39;])) die (&quot;&amp;lt;script&amp;gt;alert(&#39;Anda Belum
Mengisikan
Password&#39;);window.location=&#39;javascript:history.go(-1)&#39;;&amp;lt;/script&amp;gt;&quot;);&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;//Proses
query insert ke database. variabel yg diisi null nantinya akan di proses ketika
user memilih menu edit informasi info user.&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$query=&quot;insert
into user
(id_user,nama_depan,nama_belakang,email,password,kelamin,tgl_lahir,agama,foto_profil,status,alamat,hobi,level,aktif,profil_singkat)values(null,&#39;$nama_depan&#39;,&#39;$nama_belakang&#39;,&#39;$email&#39;,&#39;$userpass&#39;,&#39;$kelamin&#39;,&#39;$tanggal&#39;,null,null,null,null,null,&#39;MEMBER&#39;,&#39;Y&#39;,null)&quot;;&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;$exe=mysql_query($query,
$conn); //eksekusi query insert ke database&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;//proses
setelah eksekusi&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;if
($exe){&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;echo
&quot;&amp;lt;script&amp;gt;location.replace(&#39;daftar_sukses.php&#39;)&amp;lt;/script&amp;gt;&quot;;&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;}else{&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;echo &quot;&amp;lt;script&amp;gt;alert(&#39;daftar Gagal&#39;)&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;location.replace(&#39;index.php&#39;)&amp;lt;/script&amp;gt;&quot;;&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;}&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;}&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;else//
else isset&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;{&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;unset($_POST[&#39;kirim&#39;]);&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;}&lt;span style=&quot;font-size: 14.0pt; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;line-height: 115%; mso-bidi-font-family: &amp;quot;Courier New&amp;quot;; mso-bidi-font-size: 10.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;&quot;&gt;?&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: DejaVuSansMono; mso-bidi-font-size: 11.0pt;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;b&gt;2. &lt;/b&gt;Jika pendaftaran akun sukses,
maka akan diarahkan ke halaman web daftar_sukses.php . Maka&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; dari itu kita
buat dulu halaman &#39;daftar_sukses.php&#39;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; kode syntak
daftar_sukses.php :&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;include(&quot;library.php&quot;);//Memanggil
function library&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;!DOCTYPE
html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;title&amp;gt;Selamat
Datang&amp;lt;/title&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/bootstrap.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/bootstrap-theme.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot; src=&quot;&lt;a href=&quot;http://code.jquery.com/jquery.min.js&quot;&gt;&lt;span style=&quot;text-decoration: none;&quot;&gt;http://code.jquery.com/jquery.min.js&lt;/span&gt;&lt;/a&gt;&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot; src=&quot;js/bootstrap.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;navbarindex();//memanggil
fungsi navbarindex&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;modallogin();//memanggil
fungsi modallogin&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;div class=&quot;container&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;div class=&quot;jumbotron&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;h2&amp;gt;WORLD-INFO&amp;lt;/h2&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;p&amp;gt;Good time with my blog&amp;lt;/p&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;div class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;div class=&quot;col-md-4&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;!-- ISI --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;div class=&quot;col-md-4&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;h3&amp;gt;&amp;lt;center&amp;gt;PENDAFTARAN AKUN SUKSES!
SILAHKAN LOGIN&amp;lt;/center&amp;gt;&amp;lt;/h3&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;form name=&quot;login&quot; method=&quot;post&quot; action=&quot;login.php&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;div class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;label for=&quot;inputEmail&quot;&amp;gt;Email&amp;lt;/label&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;input type=&quot;email&quot; class=&quot;form-control&quot; id=&quot;inputEmail&quot; placeholder=&quot;Email&quot; name=&quot;email&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;div class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;label for=&quot;inputPassword&quot;&amp;gt;Password&amp;lt;/label&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;input type=&quot;password&quot; class=&quot;form-control&quot; id=&quot;inputPassword&quot; placeholder=&quot;Password&quot; name=&quot;password&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;button type=&quot;submit&quot; class=&quot;btn
btn-primary&quot;&amp;gt;Login&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/form&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;footer();//
memanggil fungsi footer&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcxfI9412ldhYDPinP1uqkdre42DDKmmJAfmhdDmKbeItCTx6a89R0CfZkNjgpfsSSFsAFYCRB6QcuSwkDmJluF4i8TGvtKBx2uRTIy0MOt2sC9z1VkoM2Fh1IHBONFOQvnEgYihtqBxlu/s1600/daftar+sukses.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;340&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcxfI9412ldhYDPinP1uqkdre42DDKmmJAfmhdDmKbeItCTx6a89R0CfZkNjgpfsSSFsAFYCRB6QcuSwkDmJluF4i8TGvtKBx2uRTIy0MOt2sC9z1VkoM2Fh1IHBONFOQvnEgYihtqBxlu/s640/daftar+sukses.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: x-small; text-align: start;&quot;&gt;Tampilan daftar_sukses.php&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shapetype id=&quot;_x0000_t75&quot;
 coordsize=&quot;21600,21600&quot; o:spt=&quot;75&quot; o:preferrelative=&quot;t&quot; path=&quot;m@4@5l@4@11@9@11@9@5xe&quot;
 filled=&quot;f&quot; stroked=&quot;f&quot;&gt;
 &lt;v:stroke joinstyle=&quot;miter&quot;/&gt;
 &lt;v:formulas&gt;
  &lt;v:f eqn=&quot;if lineDrawn pixelLineWidth 0&quot;/&gt;
  &lt;v:f eqn=&quot;sum @0 1 0&quot;/&gt;
  &lt;v:f eqn=&quot;sum 0 0 @1&quot;/&gt;
  &lt;v:f eqn=&quot;prod @2 1 2&quot;/&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelWidth&quot;/&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelHeight&quot;/&gt;
  &lt;v:f eqn=&quot;sum @0 0 1&quot;/&gt;
  &lt;v:f eqn=&quot;prod @6 1 2&quot;/&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelWidth&quot;/&gt;
  &lt;v:f eqn=&quot;sum @8 21600 0&quot;/&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelHeight&quot;/&gt;
  &lt;v:f eqn=&quot;sum @10 21600 0&quot;/&gt;
 &lt;/v:formulas&gt;
 &lt;v:path o:extrusionok=&quot;f&quot; gradientshapeok=&quot;t&quot; o:connecttype=&quot;rect&quot;/&gt;
 &lt;o:lock v:ext=&quot;edit&quot; aspectratio=&quot;t&quot;/&gt;
&lt;/v:shapetype&gt;&lt;v:shape id=&quot;Picture_x0020_1&quot; o:spid=&quot;_x0000_i1027&quot; type=&quot;#_x0000_t75&quot;
 style=&#39;width:318.75pt;height:170.25pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Halaman
ini berfungsi untuk menampilkan &#39;Pesan Daftar Sukses&#39; dan menyediakan Form Login
dilayar untuk proses login. Untuk pendaftaran dengan validasi ke Email atau
daftar dengan Facebook akan dibahas dalam lain kesempatan.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;b&gt;3.&lt;/b&gt; Membuat fungsi
untuk proses login. Buatlah file php baru dengan nama &#39;login.php&#39; dan isikan
code seperti berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;session_start();//
memulai/membuat file Session&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;include (&quot;library.php&quot;);//
memanggil fungsi library&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$link=koneksi_db();//membuat
koneksi ke database&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;//menampung
variabel yg dikirim dari form login&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$email = $_POST[&#39;email&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$password =
$_POST[&#39;password&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;//cek query&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$cek =
mysql_query(&quot;SELECT * FROM user WHERE email =&#39;$email&#39; AND password
=&#39;$password&#39;&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;if(mysql_num_rows($cek)==1){//jika
ada yang cocok akan bernilai 1&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$hasil=mysql_fetch_array($cek);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$_SESSION[&#39;id_user&#39;]
= $hasil[&#39;id_user&#39;];// membuat variabel session[&#39;id_user&#39;]&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$_SESSION[&#39;nama_depan&#39;]
= $hasil[&#39;nama_depan&#39;];// membuat variabel session[&#39;nama_depan&#39;]&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$_SESSION[&#39;nama_belakang&#39;]
= $hasil[&#39;nama_belakang&#39;];// membuat variabel session[&#39;nama_belakang&#39;]&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;header(&quot;location:home.php&quot;);//
jika sukses masuk ke home.php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;else&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;{&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;header(&quot;location:gagallogin.php&quot;);//
jika login gagal maka masuk ke halaman gagallogin.php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;b&gt;4.&lt;/b&gt;
Karena pada proses login diatas memanggil halaman web gagallogin.php maka kita
buat file php dengan nama gagallogin.php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Isi halaman ini
mirip dengan halaman daftar_sukses.php bedanya hanya Pesan yang tertulis yaitu
pesan Email dan password salah.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Kode syntak
gagallogin.php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;include(&quot;library.php&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;!DOCTYPE
html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;title&amp;gt;Selamat
Datang&amp;lt;/title&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/bootstrap.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/bootstrap-theme.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot; src=&quot;&lt;a href=&quot;http://code.jquery.com/jquery.min.js&quot;&gt;&lt;span style=&quot;text-decoration: none;&quot;&gt;http://code.jquery.com/jquery.min.js&lt;/span&gt;&lt;/a&gt;&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot; src=&quot;js/bootstrap.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;navbarindex();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;modallogin();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;div class=&quot;container&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;div class=&quot;jumbotron&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;h2&amp;gt;WORLD-INFO&amp;lt;/h2&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;p&amp;gt;Good time with my blog&amp;lt;/p&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;div class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;div class=&quot;col-md-4&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;div class=&quot;col-md-4&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;h3&amp;gt;&amp;lt;center&amp;gt;Password &amp;nbsp;Email Anda Salah. Silahkan Ulangi
Login!&amp;lt;/center&amp;gt;&amp;lt;/h3&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;form name=&quot;login&quot; method=&quot;post&quot; action=&quot;login.php&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;div class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;label for=&quot;inputEmail&quot;&amp;gt;Email&amp;lt;/label&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;input type=&quot;email&quot; class=&quot;form-control&quot; id=&quot;inputEmail&quot; placeholder=&quot;Email&quot; name=&quot;email&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;div class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;label for=&quot;inputPassword&quot;&amp;gt;Password&amp;lt;/label&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;input type=&quot;password&quot; class=&quot;form-control&quot; id=&quot;inputPassword&quot; placeholder=&quot;Password&quot; name=&quot;password&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;button type=&quot;submit&quot; class=&quot;btn
btn-primary&quot;&amp;gt;Login&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/form&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;footer();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-_MH2mUO8VlUMTHRo0LmC8b4gpuiGr1Eku4xHuyQHgtQngc_FDc20wWtBeDQuQdvZIrvOfvPGjM-ZGDAKQ48yXvpUSNsbuRGiiwr5SLZW-3o0iPrMu6Sz22kjHe51A1S_esUvmeCwuKW5/s1600/gagal+login.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;345&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-_MH2mUO8VlUMTHRo0LmC8b4gpuiGr1Eku4xHuyQHgtQngc_FDc20wWtBeDQuQdvZIrvOfvPGjM-ZGDAKQ48yXvpUSNsbuRGiiwr5SLZW-3o0iPrMu6Sz22kjHe51A1S_esUvmeCwuKW5/s640/gagal+login.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: x-small; text-align: start;&quot;&gt;Tampilan gagallogin.php&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;Picture_x0020_2&quot; o:spid=&quot;_x0000_i1026&quot; type=&quot;#_x0000_t75&quot; style=&#39;width:351.75pt;
 height:190.5pt;visibility:visible;mso-wrap-style:square&#39;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image003.png&quot;
  o:title=&quot;&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;b&gt;5.&lt;/b&gt; Jika Login
sukses, maka user akan dialihkan ke halaman Home. Halaman home yang kita buat
kali ini masih home sederhana.Untuk pembuatan home yang lengkap akan dibahas
pada tutorial selanjutnya. Pada home kali ini akan dibuat button untuk logout. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;kita buat dulu halaman home sederhananya, buat file php baru
dengan nama home.php dan isi dengan kode berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;session_start();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;include(&quot;library.php&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$id_user=$_SESSION[&#39;id_user&#39;];//memakai
variabel id_user dari SESSION&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$nama_depan=$_SESSION[&#39;nama_depan&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$nama_belakang=$_SESSION[&#39;nama_belakang&#39;];&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;!DOCTYPE
html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;title&amp;gt;HOME&amp;lt;/title&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/bootstrap.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/bootstrap-theme.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot; src=&quot;&lt;a href=&quot;http://code.jquery.com/jquery.min.js&quot;&gt;&lt;span style=&quot;text-decoration: none;&quot;&gt;http://code.jquery.com/jquery.min.js&lt;/span&gt;&lt;/a&gt;&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot; src=&quot;js/bootstrap.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;div class=&quot;container&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;div class=&quot;jumbotron&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;h2&amp;gt;WORLD-INFO&amp;lt;/h2&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;p&amp;gt; Good time with my blog&amp;lt;/p&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;div class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;div class=&quot;col-md-4&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;div class=&quot;col-md-4&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;center&amp;gt;&amp;nbsp; &amp;lt;h3&amp;gt;SUKSES LOGIN&amp;lt;/h3&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;SELAMAT
DATANG!! INI ADALAH HALAMAN
HOME SEMENTARA &amp;lt;br&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;Anda Login dengan id_user=&amp;lt;?php echo
$id_user;?&amp;gt;&amp;lt;br&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;nama anda : &amp;lt;?php echo $nama_depan.&#39;
&#39;.$nama_belakang;?&amp;gt;&amp;lt;br&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;SILAHKAN LOGOUT
DISINI&amp;lt;br&amp;gt;&amp;lt;/center&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;p&amp;gt;&amp;lt;a href=&quot;logout.php&quot; class=&quot;btn
btn-warning btn-lg btn-block&quot;&amp;gt;LOGOUT&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;footer();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm8ww8qScgQUXftG5BYUuWzDQk9yZqn-XVh0A74Sg5gBeu_yQJTrAzhuHd1arH0tCmCfB6xEwZIS7AQ0Wky8F46cYFsutkq2GQpHxh5sd08AiPMoBvQbH1oGV4ZQe6DRKw7FKw_ZH6wU-_/s1600/tampilan+home.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;347&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm8ww8qScgQUXftG5BYUuWzDQk9yZqn-XVh0A74Sg5gBeu_yQJTrAzhuHd1arH0tCmCfB6xEwZIS7AQ0Wky8F46cYFsutkq2GQpHxh5sd08AiPMoBvQbH1oGV4ZQe6DRKw7FKw_ZH6wU-_/s640/tampilan+home.PNG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-size: x-small; text-align: start;&quot;&gt;Tampilan Home.php sementara&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;b&gt;6.&lt;/b&gt;
Button logout pada menu script diatas akan memanggil halaman logout.php maka
kita buat sebuah halaman baru dengan nama logout.php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;isi kode syntak halaman
ini sebagai berikut :&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;title&amp;gt;
Logout &amp;lt;/title&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;
charset=utf-8&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;body&amp;nbsp;&amp;nbsp; bgcolor=&quot;black&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;session_start();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;unset($_SESSION[&#39;id_user&#39;]);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;echo
&quot;&amp;lt;script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;location.replace(&#39;index.php&#39;)&amp;lt;/script&amp;gt;&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;center&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/center&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; margin-bottom: 0.0001pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;span style=&quot;line-height:
1.428571429; font-family: &#39;Helvetica Neue&#39;, Helvetica&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Fungsi dari logout
ini adalah menghapus nilai dari variabel session[&#39;id_user&#39;]. setelah logout
user akan diarahkan ke halaman awal web yaitu index.php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Itulah tutorial
part 2 hari ini, jika ada kesalahan dalam penulisan kata mohon di maafkan.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Jika sobat
mengalami notif error pada kodenya, silahkan laporkan di kotak komentar, saya
akan mencoba menolong sobat.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Terima Kasih&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Untuk
tutorial selanjutnya pada part 3, kita akan mencoba membuat validasi akses pada&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;setiap halaman dengan memanfaatkan $_SESSION[&#39;id_user&#39;].&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Maksud validasi hak akses ini adalah jika user belum
login maka dia tidak bisa mengakses&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;halaman
home dan halaman lain yang membutuhkan login.&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Sampai Jumpa lagi
sobat di tutorial selanjutnya&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/2150528399874173271/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/10/membuat-jejaring-sosial-sederhana_27.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/2150528399874173271'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/2150528399874173271'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/10/membuat-jejaring-sosial-sederhana_27.html' title='Membuat Jejaring Sosial Sederhana dengan PHP, MYSQL, dan Bootstrap di Localhost (part 2)'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcxfI9412ldhYDPinP1uqkdre42DDKmmJAfmhdDmKbeItCTx6a89R0CfZkNjgpfsSSFsAFYCRB6QcuSwkDmJluF4i8TGvtKBx2uRTIy0MOt2sC9z1VkoM2Fh1IHBONFOQvnEgYihtqBxlu/s72-c/daftar+sukses.PNG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-6589715248334141668</id><published>2015-10-26T16:16:00.000+07:00</published><updated>2015-10-26T16:17:36.189+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PHP MYSQL"/><title type='text'>Membuat Jejaring Sosial Sederhana dengan PHP, MYSQL, Bootstrap di Localhost (part 1)</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Selamat datang sobat,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Bagaimana kabarnya, semoga baik-baik saja. Sobat mempunyai
waktu luang, dari pada nganggur mending belajar aja yuk!!&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Hari ini saya akan membagikan “tutorial cara membuat
jejaring sosial sederhana php dan mysql dengan bootstrap (membuat database
untuk proses daftar user dan login)”. Saya juga dulu pernah belajar membuat
ini, yaitu dari “TUTORIAL JACO”, jadi saya di sini Cuma ingin membagikan ilmu
saya, agar sobat&amp;nbsp; juga paham. kita akan membuat seperti tampilan di bawah ini.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8RgnwZHknUoYFcl-qBHomwlE6MPk_75m6H64Hr59Dp5IdUnvZXd1kxQUWc7ebwrs6o_51006RgVLjPNFSrm3fR_KfAz-QugBKTnl7Y4gJX6DzyFnDkuCmtvZV9kk7MXZoiOZX7kPcakk/s1600/social+network+php+mysql.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8RgnwZHknUoYFcl-qBHomwlE6MPk_75m6H64Hr59Dp5IdUnvZXd1kxQUWc7ebwrs6o_51006RgVLjPNFSrm3fR_KfAz-QugBKTnl7Y4gJX6DzyFnDkuCmtvZV9kk7MXZoiOZX7kPcakk/s320/social+network+php+mysql.PNG&quot; width=&quot;254&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
simak baik-baik ya....&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Tutorial ini akan membahas langkah-langkah dalam
membangun sebuah website jejaring sosial atau&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;sosial media seperti Facebook, Twitter. Fungsi dasar dari
sebuah jejaring sosial antara lain&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Pendaftaran User, Login, Logout, Foto profil, Update
Status/ Gambar/ Video, Halaman Profil,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Unggah Lokasi, Berbagi buku/musik/hobi favorit,Kirim
pesan,Forum diskusi,Tambah teman,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Notifikasi, Galeri, dan Masih banyak lagi. Fitur-fitur
tersebut sebenarnya dapat kira buat dengan&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;menggunakan modal dasar Bootstrap, Php dan database
Mysql.Karena langkah dalam membangun&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;sebuah jejaring sosial ini sangat banyak. Maka akan
dibagi menjadi beberapa tahap. Oke, kita&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;langsung
saja ke tahap pertama yaitu membuat database untuk proses daftar user dan
login.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;text-indent: 0px;&quot;&gt;
&lt;span style=&quot;text-indent: -18pt;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 1. Siapkan alat dan bahannya&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpFirst&quot; style=&quot;text-align: left; text-indent: -18pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto; mso-list: l0 level1 lfo2; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;·&lt;span style=&quot;font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;!--[endif]--&gt;Aplikasi localhost, xampp, ampps (disarankan).
Wamp dll. software yang di pakai apa saja bisa mengikuti tutorial ini. mungkin ada sedikit perbedaan.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto; mso-list: l0 level1 lfo2; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;·&lt;span style=&quot;font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;!--[endif]--&gt;Buatlah sebuah folder project di Localhost anda
(\program files\ampss\www\world-info)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto; mso-list: l0 level1 lfo2; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;·&lt;span style=&quot;font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;!--[endif]--&gt;Download bootstrap &lt;a href=&quot;http://adf.ly/1Qa8KN&quot;&gt;disini&lt;/a&gt;, ekstrak, lalu copy
pastekan ke dalam folder project yang sobat buat tadi.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto; mso-list: l0 level1 lfo2; text-indent: -18.0pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTH3-lwwqI-5sKYVvTLPe8Jpz2gvGoUhH4VWu1r-mDQh9j1ornQMsODJeC97VToOJP9ncdXo3L2OO_enyz31XJ62gW8x_PgruWECNg8KBP3RwweEg0yue03FOuSWPDZqC4biSkWWIropLb/s1600/move+boostrap.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;178&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTH3-lwwqI-5sKYVvTLPe8Jpz2gvGoUhH4VWu1r-mDQh9j1ornQMsODJeC97VToOJP9ncdXo3L2OO_enyz31XJ62gW8x_PgruWECNg8KBP3RwweEg0yue03FOuSWPDZqC4biSkWWIropLb/s400/move+boostrap.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;memindahkan bootstrap&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto; mso-list: l0 level1 lfo2; text-indent: -18.0pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;v:shapetype coordsize=&quot;21600,21600&quot; filled=&quot;f&quot; id=&quot;_x0000_t75&quot; o:preferrelative=&quot;t&quot; o:spt=&quot;75&quot; path=&quot;m@4@5l@4@11@9@11@9@5xe&quot; stroked=&quot;f&quot;&gt;
 &lt;v:stroke joinstyle=&quot;miter&quot;&gt;
 &lt;v:formulas&gt;
  &lt;v:f eqn=&quot;if lineDrawn pixelLineWidth 0&quot;&gt;
  &lt;v:f eqn=&quot;sum @0 1 0&quot;&gt;
  &lt;v:f eqn=&quot;sum 0 0 @1&quot;&gt;
  &lt;v:f eqn=&quot;prod @2 1 2&quot;&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelWidth&quot;&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelHeight&quot;&gt;
  &lt;v:f eqn=&quot;sum @0 0 1&quot;&gt;
  &lt;v:f eqn=&quot;prod @6 1 2&quot;&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelWidth&quot;&gt;
  &lt;v:f eqn=&quot;sum @8 21600 0&quot;&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelHeight&quot;&gt;
  &lt;v:f eqn=&quot;sum @10 21600 0&quot;&gt;
 &lt;/v:f&gt;&lt;/v:f&gt;&lt;/v:f&gt;&lt;/v:f&gt;&lt;/v:f&gt;&lt;/v:f&gt;&lt;/v:f&gt;&lt;/v:f&gt;&lt;/v:f&gt;&lt;/v:f&gt;&lt;/v:f&gt;&lt;/v:f&gt;&lt;/v:formulas&gt;
 &lt;v:path gradientshapeok=&quot;t&quot; o:connecttype=&quot;rect&quot; o:extrusionok=&quot;f&quot;&gt;
 &lt;o:lock aspectratio=&quot;t&quot; v:ext=&quot;edit&quot;&gt;
&lt;/o:lock&gt;&lt;/v:path&gt;&lt;/v:stroke&gt;&lt;/v:shapetype&gt;&lt;v:shape id=&quot;Picture_x0020_6&quot; o:spid=&quot;_x0000_i1029&quot; style=&quot;height: 159pt; mso-wrap-style: square; visibility: visible; width: 354pt;&quot; type=&quot;#_x0000_t75&quot;&gt;
 &lt;v:imagedata o:title=&quot;&quot; src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png&quot;&gt;
&lt;/v:imagedata&gt;&lt;/v:shape&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto; mso-list: l0 level1 lfo2; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;·&lt;span style=&quot;font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;!--[endif]--&gt;Buatlah
database Mysql dengan nama (world-info) dan sebuah table dengan nama(user).&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLpjB6Ov75B1o6OGB_FEkULHYDS-UqyKQQBukMA4v8CB3loGQ-8Ifh_bwMcSfl8Zvb2v3FhI087_NT-evRX-WcaP-Y5w_WgYHhRg8y2yaEqDQc77KdVlLyg30oejrt9ZbWebzZMQGz50ir/s1600/database.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;90&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLpjB6Ov75B1o6OGB_FEkULHYDS-UqyKQQBukMA4v8CB3loGQ-8Ifh_bwMcSfl8Zvb2v3FhI087_NT-evRX-WcaP-Y5w_WgYHhRg8y2yaEqDQc77KdVlLyg30oejrt9ZbWebzZMQGz50ir/s400/database.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;membuat database &quot;world-info&quot;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy9IPkUkLBBbOwqwbRtuCJ7vFUHBRsKDljTlgSmSdamE2GxQPS8xY9MjTAV4zqnuySmA41PEWuTuhzlL6-mU7djAOgSXB_VJ9HjE8mW7XQlmEuBgHA9qBZtbM7ihrYstouVJFFKhPqy__C/s1600/table.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;125&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy9IPkUkLBBbOwqwbRtuCJ7vFUHBRsKDljTlgSmSdamE2GxQPS8xY9MjTAV4zqnuySmA41PEWuTuhzlL6-mU7djAOgSXB_VJ9HjE8mW7XQlmEuBgHA9qBZtbM7ihrYstouVJFFKhPqy__C/s400/table.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;membuat table &quot;user&quot;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto; mso-list: l0 level1 lfo2; text-indent: -18.0pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;v:shape id=&quot;Picture_x0020_2&quot; o:spid=&quot;_x0000_i1028&quot; style=&quot;height: 75.75pt; mso-wrap-style: square; visibility: visible; width: 336pt;&quot; type=&quot;#_x0000_t75&quot;&gt;
 &lt;v:imagedata o:title=&quot;&quot; src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image002.png&quot;&gt;
&lt;/v:imagedata&gt;&lt;/v:shape&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;v:shape id=&quot;Picture_x0020_3&quot; o:spid=&quot;_x0000_i1027&quot; style=&quot;height: 105.75pt; mso-wrap-style: square; visibility: visible; width: 336pt;&quot; type=&quot;#_x0000_t75&quot;&gt;
 &lt;v:imagedata o:title=&quot;&quot; src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image003.png&quot;&gt;
&lt;/v:imagedata&gt;&lt;/v:shape&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto; mso-list: l0 level1 lfo2; text-indent: -18.0pt;&quot;&gt;
&lt;!--[if !supportLists]--&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;·&lt;span style=&quot;font-size: 7pt; font-stretch: normal;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;/span&gt;&lt;!--[endif]--&gt;Setelah
selesai membuat database sekarang tinggal membuat atribut structure seperti
ini. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto; mso-list: l0 level1 lfo2; text-indent: -18.0pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqeI8qBPAbD_2IZrAJ1nibbGtO0OFciGUXmP15e4_YTTf0Vmo3X0Ry1Io5l1BYazsSD-nbJGYCpSBaBpqCzobhUpvvELkZyAQpyj966-7jDYXdXD7eaxaKuRqEU54Q9kvy49Iy1V1nDEtH/s1600/atribut+user.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;230&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqeI8qBPAbD_2IZrAJ1nibbGtO0OFciGUXmP15e4_YTTf0Vmo3X0Ry1Io5l1BYazsSD-nbJGYCpSBaBpqCzobhUpvvELkZyAQpyj966-7jDYXdXD7eaxaKuRqEU54Q9kvy49Iy1V1nDEtH/s400/atribut+user.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan atribut&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto; mso-list: l0 level1 lfo2; text-indent: -18.0pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;v:shape id=&quot;Picture_x0020_4&quot; o:spid=&quot;_x0000_i1026&quot; style=&quot;height: 208.5pt; mso-wrap-style: square; visibility: visible; width: 361.5pt;&quot; type=&quot;#_x0000_t75&quot;&gt;
 &lt;v:imagedata o:title=&quot;&quot; src=&quot;file:///C:\Users\Axio\AppData\Local\Temp\msohtmlclip1\01\clip_image004.png&quot;&gt;
&lt;/v:imagedata&gt;&lt;/v:shape&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Caranya copy pastekan kode SQL
dibawah ini, ke dalam table (user) yang sudah di buat tadi :&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; margin-left: 72.0pt; margin-right: 0cm; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;

&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;CREATE TABLE `user` (&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;`id_user` int(11) NOT NULL AUTO_INCREMENT,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;`nama_depan` varchar(30) CHARACTER SET utf8 DEFAULT
NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;`nama_belakang` varchar(30) CHARACTER SET utf8 DEFAULT
NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;`email` varchar(50) CHARACTER SET utf8 DEFAULT NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;`password` varchar(50) CHARACTER SET utf8 DEFAULT
NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;`kelamin` varchar(30) CHARACTER SET utf8 DEFAULT NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;`tgl_lahir` varchar(20) DEFAULT NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;`agama` varchar(30) CHARACTER SET utf8 DEFAULT NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;`foto_profil` varchar(100) DEFAULT NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;`status` varchar(30) DEFAULT NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;`alamat` varchar(100) DEFAULT NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;`hobi` varchar(50) DEFAULT NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;`level` varchar(50) DEFAULT NULL,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;`aktif` char(1) DEFAULT &#39;Y&#39;,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;`profil_singkat` text,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;PRIMARY KEY (`id_user`)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT
CHARSET=latin1&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto;&quot;&gt;
&lt;span style=&quot;text-align: center; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto;&quot;&gt;
&lt;span style=&quot;text-align: center; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;2. Jika semua bahan pada tahap 1 diatas sudah
komplit, maka kita sudah bisa memulai untuk proses coding web nya. Fungsi yang
akan kita buat adalah Pendaftaran Akun User dan Login. Pertama buatlah sebuah
project php.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;margin-left: 72.0pt; mso-add-space: auto;&quot;&gt;
&lt;span style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Simpan dengan nama index.php ke dalam
folder project localhost yang sudah di buat tadi.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; margin-left: 36.0pt; margin-right: 0cm; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;

&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;meta http-equiv=&quot;Content-Type&quot;
content=&quot;text/html; charset=utf-8&quot; /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;title&amp;gt;Selamat Datang&amp;lt;/title&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;text-align: center; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;text-align: center; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;3. Selanjutya, Edit file index.php tadi. Tambahkan
tautan untuk menggunakan file css dan javascript &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;bootstrap dan juga jquery.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: center; text-indent: -18pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; margin-left: 36.0pt; margin-right: 0cm; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;

&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0
Transitional//EN&quot;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;html
xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;meta http-equiv=&quot;Content-Type&quot;
content=&quot;text/html; charset=utf-8&quot; /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;title&amp;gt;Untitled Document&amp;lt;/title&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;link rel=&quot;stylesheet&quot;
type=&quot;text/css&quot; href=&quot;css/bootstrap.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;link rel=&quot;stylesheet&quot;
type=&quot;text/css&quot; href=&quot;css/bootstrap-theme.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;src=&quot;http://code.jquery.com/jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;
src=&quot;js/bootstrap.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;o:p&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;o:p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 4.&amp;nbsp;&lt;/o:p&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Sekarang framework bootstrap sudah siap
digunakan.sekrang saatnya membuat fungsi-fungsi yang&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;dibutuhkan oleh index.php.
Kita buat file php baru dan beri nama library.php. library.php ini akan &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; berisi&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;function-function yang akan ditampilkan dan digunakan pada halaman index.php.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;text-indent: -24px;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Kode syntak library.php&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; margin-left: 36.0pt; margin-right: 0cm; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 1.0pt 1.0pt 1.0pt;&quot;&gt;

&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;function navbarindex(){&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;nav
id=&quot;myNavbar&quot; class=&quot;navbar navbar-default navbar-inverse
navbar-fixed-top&quot; role=&quot;navigation&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;!--
Brand and toggle get grouped for better mobile display --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;container&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;div class=&quot;navbar-header&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;button type=&quot;button&quot; class=&quot;navbar-toggle&quot;
data-toggle=&quot;collapse&quot; data-target=&quot;#navbarCollapse&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;span class=&quot;sr-only&quot;&amp;gt;Toggle navigation&amp;lt;/span&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;span class=&quot;icon-bar&quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;span class=&quot;icon-bar&quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;span class=&quot;icon-bar&quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;a class=&quot;navbar-brand&quot;
href=&quot;index.php&quot;&amp;gt;WORLD-INFO&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;!-- Collect the nav links, forms, and other content for toggling
--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;navbarCollapse&quot;&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;ul class=&quot;nav navbar-nav navbar-right&quot;&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#myModal&quot;
data-toggle=&quot;modal&quot;&amp;gt;&amp;lt;span class=&quot;glyphicon
glyphicon-log-in&quot;&amp;gt;&amp;lt;/span&amp;gt; Login &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/nav&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;function modallogin(){&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;div id=&quot;myModal&quot; class=&quot;modal
fade&quot;&amp;gt; &amp;lt;!-- Modal Login --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;modal-dialog&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;modal-content&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;div class=&quot;modal-header&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;button type=&quot;button&quot; class=&quot;close&quot;
data-dismiss=&quot;modal&quot;
aria-hidden=&quot;true&quot;&amp;gt;&amp;amp;times;&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;h4 class=&quot;modal-title&quot;&amp;gt;Login Disini&amp;lt;/h4&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;div class=&quot;modal-body&quot;&amp;gt;&amp;lt;!-- Modal body&amp;nbsp; Login --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;p&amp;gt;Masukkan Email dan Password Anda dengan Benar&amp;lt;/p&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;form name=&quot;login&quot; method=&quot;post&quot;
action=&quot;login.php&quot;&amp;gt;&amp;lt;!--Pastikan nama file tujuan action benar
--&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;label for=&quot;inputEmail&quot;&amp;gt;Email&amp;lt;/label&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;input type=&quot;email&quot; class=&quot;form-control&quot;
id=&quot;inputEmail&quot; placeholder=&quot;Email&quot;
name=&quot;email&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;label for=&quot;inputPassword&quot;&amp;gt;Password&amp;lt;/label&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;input type=&quot;password&quot; class=&quot;form-control&quot;
id=&quot;inputPassword&quot; placeholder=&quot;Password&quot;
name=&quot;password&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;button
type=&quot;submit&quot; class=&quot;btn
btn-primary&quot;&amp;gt;Login&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;button type=&quot;button&quot; class=&quot;btn btn-warning&quot;
data-dismiss=&quot;modal&quot;&amp;gt;Close&amp;lt;/button&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/form&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&amp;lt;!-- Akhir Modal body Login --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;div class=&quot;modal-footer&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;p
class=&quot;text-warning&quot;&amp;gt;&amp;lt;small&amp;gt;&amp;lt;center&amp;gt;Jangan Pernah
Memberitahukan Email dan Password Anda pada Orang
Lain.&amp;lt;/center&amp;gt;&amp;lt;/small&amp;gt;&amp;lt;/p&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;lt;/div&amp;gt;&amp;lt;!-- Akhir Modal Login --&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;function register(){&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;hr&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;h2&amp;gt;
DAFTAR DISINI&amp;lt;/h2&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;form action=&quot;simpan_account.php&quot;
enctype=&quot;multipart/form-data&quot;&amp;nbsp;
method=&quot;post&quot; name=&quot;postform&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;col-xs-4&quot;&amp;nbsp;
style=&quot;background-color:#0C6&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;label
for=&quot;namadepan&quot;&amp;gt; Nama Depan : &amp;lt;/label&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input
type=&quot;text&quot; class=&quot;form-control&quot;
name=&quot;nama_depan&quot;/&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;col-xs-4&quot; style=&quot;background-color:#0C9&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;label
for=&quot;namabelakang&quot;&amp;gt; Nama Belakang : &amp;lt;/label&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input
type=&quot;text&quot; class=&quot;form-control&quot;
name=&quot;nama_belakang&quot;/&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;col-xs-4&quot;&amp;nbsp;
style=&quot;background-color:#0CC&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;label
for=&quot;inputemail&quot;&amp;gt; Email : &amp;lt;/label&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input
type=&quot;email&quot; class=&quot;form-control&quot;
name=&quot;email&quot;/&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;col-xs-4&quot;&amp;nbsp;
style=&quot;background-color:#0CF&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;label
for=&quot;inputpassword&quot;&amp;gt; Password : &amp;lt;/label&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input
type=&quot;password&quot; class=&quot;form-control&quot;
name=&quot;password&quot;/&amp;gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;col-xs-4&quot;&amp;nbsp;
style=&quot;background-color:#9C0&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;label
for=&quot;inputjk&quot;&amp;gt; Jenis Kelamin : &amp;lt;/label&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;select name=&quot;kelamin&quot; class=&quot;form-control&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;option
value=&quot;0&quot;class=&quot;form-control&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;option value=&quot;Pria&quot; class=&quot;form-control&quot;&amp;gt;Pria&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;option value=&quot;Wanita&quot;
class=&quot;form-control&quot;&amp;gt;Wanita&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/select&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;row&quot; &amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;col-xs-4&quot; style=&quot;background-color:#9C3&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;form-group&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;label
for=&quot;inputtanggal&quot;&amp;gt; Tanggal Lahir : &amp;lt;/label&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input
type=&quot;date&quot; class=&quot;form-control&quot;
name=&quot;tanggal&quot;/&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;row&quot; &amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;col-xs-4&quot; style=&quot;background-color:#9C6&quot;&amp;gt;&amp;nbsp; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;center&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;button
type=&quot;submit&quot; class=&quot;btn btn-primary&quot;
value=&quot;DAFTAR&quot; onclick=&quot;return confirm(&#39;Apakah Anda yakin akan
daftar?&#39;)&quot; name=&quot;kirim&quot;&amp;gt;DAFTAR&amp;lt;/button&amp;gt;&amp;nbsp;&amp;nbsp; &amp;lt;/center&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/form&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;function footer(){&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;container&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div
class=&quot;row&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;div class=&quot;col-sm-12&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;hr&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;center&amp;gt; &amp;lt;p&amp;gt;&amp;amp;copy; Copyright 2015 WORLD-INFO yoga
iman&amp;lt;/p&amp;gt;&amp;lt;/center&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;function koneksi_db(){&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$host = &quot;localhost&quot;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$database = &quot;world-info&quot;;//sesuaikan nama db
kamu&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$user = &quot;root&quot;;//sesuaikan usernya, kalau di
cpanel usernya ganti juga, biasanya nama user akun cpanel&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$password=&quot;&quot;;// sesuaikan password kamu,
kalau di cpanel ganti juga, biasanya password akun cpanel&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;$link = mysql_connect($host,$user,$password);//koneksi
ke db&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;mysql_select_db($database,$link);//pilih nama
db&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;if(!$link)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;echo &quot;Error : &quot;.mysql_error();&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;return $link;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 1.0pt 1.0pt 1.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Fungsi Function diatas antara lain :&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;a. Fungsi koneksi database&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;b. Fungsi form registrasi&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;c. Fungsi Modal Login.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;d. Fungsi Navbar index&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;e. Fungsi Footer.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Manfaat ketika menggunakan Function
misalnya jika kita ingin mengganti isi dari Footer sebuah halaman web, kita
tidak perlu repot-repot mengganti footer pada semua halaman web, kita cukup
mengganti isi function footer pada library.php.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;b&gt;NB : jika ada error, di periksa syntak kode
library.php-nya. Yang teliti ya sobat.&lt;/b&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: left;&quot;&gt;
&lt;o:p&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;o:p&gt;&amp;nbsp;5.&amp;nbsp;&lt;/o:p&gt;&lt;span style=&quot;text-align: center; text-indent: -18pt;&quot;&gt;Kemudian edit index.php. Kita panggil function
yg sudah kita buat menggunakan syntax &#39;Include&#39; seperti&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;text-align: center; text-indent: -18pt;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;berikut :&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: center; text-indent: -18pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; margin-left: 36.0pt; margin-right: 0cm; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;

&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;include (&quot;library.php&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Pasang syntax ini pada bagian atas
index.php dan panggil function yang ada pada library.php dengan syntax berikut
:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Lebih lengkapnya syntak ini sobat copy ke
dalam index.php, dan ganti kode index.php dengan kode ini.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: solid windowtext 1.0pt; margin-left: 36.0pt; margin-right: 0cm; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;&quot;&gt;

&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;include (&quot;library.php&quot;);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0
Transitional//EN&quot;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;meta http-equiv=&quot;Content-Type&quot;
content=&quot;text/html; charset=utf-8&quot; /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;title&amp;gt;Selamat Datang&amp;lt;/title&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;link rel=&quot;stylesheet&quot;
type=&quot;text/css&quot; href=&quot;css/bootstrap.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;link rel=&quot;stylesheet&quot;
type=&quot;text/css&quot; href=&quot;css/bootstrap-theme.min.css&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;src=&quot;http://code.jquery.com/jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;
src=&quot;js/bootstrap.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;navbarindex(); //memanggil function navbar&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;modallogin(); //memanggil function modal login&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;div class=&quot;container&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;div class=&quot;jumbotron&quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;h2&amp;gt;WORLD-INFO&amp;lt;/h2&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;p&amp;gt;good time with my blog&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;?php&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;register(); // memanggil form untuk registrasi&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;footer(); // memanggil footer dari web&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/div&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;border: none; margin-left: 0cm; mso-add-space: auto; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;lt;/html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;o:p&gt;&amp;nbsp;6.&amp;nbsp;&lt;/o:p&gt;&lt;span style=&quot;text-indent: -18pt;&quot;&gt;Save file index.php dan coba buka project yang
dibuat pada localhost&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;text-indent: -24px;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;Contoh : localhost/world-info(nama project
sobat) di browser sobat&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;text-indent: -24px;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;jika
ada notif error, tanya saja dan tulis di kotak komentar. Jika lancar-lancar
aja, maka tampilannya akan&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;text-indent: -24px;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;seperti ini.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;text-indent: -24px;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk1FX6FQqPRHEtYIJq3eZfTRWXEOJzF2Bk_5E7IHtynw9Rl_rOO-L4IpKI0M7QTyrrrjQttpj3x_PGO3b6RixkZnZnwuHPcd_tmfEkOAf8LKeyf4lvhjtnPTVIrwvhVK_7LGqDzFUZdTvq/s1600/tampilan+index.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;213&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk1FX6FQqPRHEtYIJq3eZfTRWXEOJzF2Bk_5E7IHtynw9Rl_rOO-L4IpKI0M7QTyrrrjQttpj3x_PGO3b6RixkZnZnwuHPcd_tmfEkOAf8LKeyf4lvhjtnPTVIrwvhVK_7LGqDzFUZdTvq/s400/tampilan+index.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan index.php&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;text-indent: -24px;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;text-indent: -24px;&quot;&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;b&gt;&amp;nbsp;NB : untuk syntak kode index.php silahkan
bisa sobat edit&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot; style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Langkah untuk proses login dan register
akan dibahas pada tutorial part 2 karena panjang. Jadi saya membagikan tutorial
ini secara part-part-an. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Pada part 2 akan dibahas tentang SESSION
login, proses Simpan pendaftaran akun ke database, Logout, validasi isi Form
registrasi, Login gagal dan Login sukses menuju home.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Semoga sobat tetap menunggu update-tannya
ya? Semoga tutorial ini bermanfaat buat sobat.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;maaf jika paragraf masih acak-acakan....&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Terima Kasih atas kerja kerasnya&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Sampai Jumpa pada tutorial selanjutnya :)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpMiddle&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;text-align: justify;&quot;&gt;





























































































































&lt;/div&gt;
&lt;div class=&quot;MsoListParagraphCxSpLast&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/6589715248334141668/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/10/membuat-jejaring-sosial-sederhana.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/6589715248334141668'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/6589715248334141668'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/10/membuat-jejaring-sosial-sederhana.html' title='Membuat Jejaring Sosial Sederhana dengan PHP, MYSQL, Bootstrap di Localhost (part 1)'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8RgnwZHknUoYFcl-qBHomwlE6MPk_75m6H64Hr59Dp5IdUnvZXd1kxQUWc7ebwrs6o_51006RgVLjPNFSrm3fR_KfAz-QugBKTnl7Y4gJX6DzyFnDkuCmtvZV9kk7MXZoiOZX7kPcakk/s72-c/social+network+php+mysql.PNG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-1935439345412280480</id><published>2015-10-23T16:13:00.000+07:00</published><updated>2016-01-05T07:38:11.608+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Software"/><title type='text'>VSDC Video Editor Free Edition </title><content type='html'>selamat sore,&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
wah, kita ketemuan lagi di hari yang cerah ini. semoga sobat selalu di beri kesehatan,,, Amin.&lt;br /&gt;
sobat masih setia kan? untuk membaca blog yang jelek ini? semoga sobat terus setia membaca maupun mendownload di blog ini.&lt;br /&gt;
&lt;br /&gt;
lanjut hari ini, saya akan membagikan editor video, yaitu VSDC Video Editor Free Editor. bagi sobat yang suka edit-edit video, ini adalah salah satunya yang paling mudah untuk mempelajarinya. tapi masih ada kekurangannya, adan sulit untuk di pahami.&lt;br /&gt;
sedikit penjelaan dari saya,&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;kelebihan :&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Mendukung format video yang paling populer&lt;/li&gt;
&lt;li&gt;mudah untuk menyisipkan transisi&lt;/li&gt;
&lt;li&gt;program cepat diinstall&lt;/li&gt;
&lt;li&gt;program User Friendly&lt;/li&gt;
&lt;li&gt;Tidak ada watermark, keterbatasan, atau apapun; benar-benar gratis&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;b&gt;kekurangan :&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Aplikasi ini tidak sesuai untuk pengguna dengan keterampilan yang buruk&lt;/li&gt;
&lt;li&gt;Aplikasi ini tidak dapat menangkap video dari cam&lt;/li&gt;
&lt;li&gt;Anda harus menghabiskan sekitar 30 menit untuk menangani program ini&lt;/li&gt;
&lt;li&gt;Sulit untuk di pahami.&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMhok56xuLMZqrXYxpu8czkNb8valE1EvCvLzb-gR1ijQPRgABc_ONyhDLUFWtZGJoP_C5xGpEv6nZVU4gMxU3y26ynPp9vh5fwEg04VBrAwyexg8Mz3doHZD-q9sJ53JdVR1v2-Pou5ZG/s1600/awal+VSDC+video+editor.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;178&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMhok56xuLMZqrXYxpu8czkNb8valE1EvCvLzb-gR1ijQPRgABc_ONyhDLUFWtZGJoP_C5xGpEv6nZVU4gMxU3y26ynPp9vh5fwEg04VBrAwyexg8Mz3doHZD-q9sJ53JdVR1v2-Pou5ZG/s400/awal+VSDC+video+editor.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan saat buka VSDC Free Video Editor&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjunsgrN51AVNsha-8mGNJV0lTYXiG8dxcX4Hw8QNHtgKPVgK1LkxmmKVI7yONlVlX42J2-TaOJngqNab3XDsSV-LnT-sr9IDnE5jLG3QyVbP-A7YX0Xmo_q9e-jrMWdsXvkpjAfSHf5J1i/s1600/Capture+VSDC+Video+Edition.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;236&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjunsgrN51AVNsha-8mGNJV0lTYXiG8dxcX4Hw8QNHtgKPVgK1LkxmmKVI7yONlVlX42J2-TaOJngqNab3XDsSV-LnT-sr9IDnE5jLG3QyVbP-A7YX0Xmo_q9e-jrMWdsXvkpjAfSHf5J1i/s400/Capture+VSDC+Video+Edition.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;tampilan home VSDC VIdeo Editor&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
wah, gimana sobat, tampilannya aja keren banget. pasti sobat pada pensarankan dengan aplikasinya. jika sobat tertarik untuk memilikinya.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
silahkan di download di link bawah secara gratis&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Via &lt;a href=&quot;http://adf.ly/1QR6vX&quot;&gt;solidfiles&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
jika ada kerusakan pada link download, silahkan di laporkan pada kotak komentar.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Terima Kasih telah Berkunjung&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/1935439345412280480/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/10/vsdc-video-editor-free-edition.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/1935439345412280480'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/1935439345412280480'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/10/vsdc-video-editor-free-edition.html' title='VSDC Video Editor Free Edition '/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMhok56xuLMZqrXYxpu8czkNb8valE1EvCvLzb-gR1ijQPRgABc_ONyhDLUFWtZGJoP_C5xGpEv6nZVU4gMxU3y26ynPp9vh5fwEg04VBrAwyexg8Mz3doHZD-q9sJ53JdVR1v2-Pou5ZG/s72-c/awal+VSDC+video+editor.PNG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-6374363577293266098</id><published>2015-10-22T16:33:00.000+07:00</published><updated>2016-01-05T07:39:13.001+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Software"/><title type='text'>UCBrowser V5.4.5426.1034 for windows</title><content type='html'>&lt;span style=&quot;font-family: inherit;&quot;&gt;Selamat sore pembaca setia blog saya,&lt;/span&gt;&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;gimana kabarnya, mudah-mudahan selalu diberi kesehatan ya? Amin...&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;lanjut.... hari ini saya akan membagikan browser yang sekarang sangat populer dan juga menghemat banyak kuota. apalagi kalo bukan UCBrowser.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNdLy0giv9r1PJT5ECXxJU7TosBwImU8DWLEAerCcNX1OmODPz_LZbN4C5nl4VALa27H1bjJungYZoyfKdjJpzBDGw7Ioi9K7WjldYkroCnvdv-LonXH5covBTbcfinCX2WqNQNC0H4yme/s1600/UCBrowser.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;260&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNdLy0giv9r1PJT5ECXxJU7TosBwImU8DWLEAerCcNX1OmODPz_LZbN4C5nl4VALa27H1bjJungYZoyfKdjJpzBDGw7Ioi9K7WjldYkroCnvdv-LonXH5covBTbcfinCX2WqNQNC0H4yme/s400/UCBrowser.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
sedikit penjelasan dari saya,&lt;br /&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;b style=&quot;background-color: white; color: #252525; line-height: 22.3999996185303px;&quot;&gt;UC Browser&lt;/b&gt;&lt;span style=&quot;background-color: white; color: #252525; line-height: 22.3999996185303px;&quot;&gt;, UCWeb Inc. (UCWeb) adalah penyedia teknologi software internet mobile dan layanan aplikasi terdepan. Berdiri sejak tahun 2004, Misi UCWeb adalah memberikan pengalaman internet yang lebih baik untuk milyaran penggunanya di seluruh dunia. (sumber : &lt;a href=&quot;https://id.wikipedia.org/wiki/UC_Browser&quot;&gt;wikipedia&lt;/a&gt;)&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;kelebihan UCBrowser yaitu&lt;/b&gt;,&lt;br /&gt;
&lt;br /&gt;
1. Menghemat Kuota&lt;br /&gt;
2. User Interfaces yang Mudah&lt;br /&gt;
3. Mampu membaca teks Arabic&lt;br /&gt;
4. Unduhan tak terputus&lt;br /&gt;
&lt;br /&gt;
WOW!! gimana sobat, terkejut bukan? bahkan saya pun saat menggunakan UCBrowser pertama kali, langsung tercengang, dan jadinya sering download dan browsing pakai UCBrowser.&lt;br /&gt;
&lt;br /&gt;
ini dia sedikit tampilan UC Browser.&lt;br /&gt;
&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxl6d8FvE1L5FMrCgTFsW1m5VBmrasX8dg21uDj7n3-cQgmA7RcgIFOfOowKDRBMAeYmWiTcb36Ymd6I8BDQOke1ic3N8AA6dHVN39E9r2h-gL6yPIXTqbgVVh_vNawVSkh8KFp0QqWc8e/s1600/tampilan+uc+browser.JPG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;340&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxl6d8FvE1L5FMrCgTFsW1m5VBmrasX8dg21uDj7n3-cQgmA7RcgIFOfOowKDRBMAeYmWiTcb36Ymd6I8BDQOke1ic3N8AA6dHVN39E9r2h-gL6yPIXTqbgVVh_vNawVSkh8KFp0QqWc8e/s640/tampilan+uc+browser.JPG&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Tampilan Home UCBrowser&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
oh ya, sedikit tambahan informasi sedikit, UCBrowser ini dapat di ubah tema yang sobat inginkan. bahkan pada tampilan home UCBrowser ini, sudah terdapat web-web, seperti facebook, youtube, blogger, yahoo!, twitter, wikipedia dll.&lt;br /&gt;
&lt;br /&gt;
jika sobat penasaran dengan UCBrowser V5.4.5426.1034 ini, silahkan didownload di link bawah secara gratis&lt;br /&gt;
&lt;br /&gt;
Via &lt;a href=&quot;http://adf.ly/1QNMUm&quot;&gt;solidfiles&lt;/a&gt;&lt;br /&gt;
Via &lt;a href=&quot;http://adf.ly/1QNNIb&quot;&gt;googledrive&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
yah, mungkin cukup untuk hari ini saja, jika sobat memiliki keganjalan pada link atau softwarenya. silahkan di tulis kotak komentar.&lt;br /&gt;
&lt;br /&gt;
Sampai Jumpa dan Terima kasih telah berkunjung&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/6374363577293266098/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/10/ucbrowser-v5454261034-for-windows.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/6374363577293266098'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/6374363577293266098'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/10/ucbrowser-v5454261034-for-windows.html' title='UCBrowser V5.4.5426.1034 for windows'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNdLy0giv9r1PJT5ECXxJU7TosBwImU8DWLEAerCcNX1OmODPz_LZbN4C5nl4VALa27H1bjJungYZoyfKdjJpzBDGw7Ioi9K7WjldYkroCnvdv-LonXH5covBTbcfinCX2WqNQNC0H4yme/s72-c/UCBrowser.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-1424904303143036393</id><published>2015-10-12T15:34:00.000+07:00</published><updated>2015-10-21T16:20:00.310+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Software"/><title type='text'>Download Videospirit pro full keygen</title><content type='html'>Selamat siang sobat,&lt;br /&gt;
&lt;br /&gt;
bertemu lagi dengan saya di hari yang cerah ini. semoga sobat tetpa sehat wal&#39;afiat dan tetap setia membaca dan berkunjung ke blog saya.&lt;br /&gt;
sekali lagi terima kasih telah berkunjung ke blog ini ya.&lt;br /&gt;
&lt;br /&gt;
lanjut dengan post hari ini, saya akan membagikan aplikasi pembuat video AMV atau yang lainnya. nama aplikasinya yaitu, Videospirit pro.&lt;br /&gt;
&lt;br /&gt;
pasti sobat udah pada tahu kan videospirit?&lt;br /&gt;
&lt;br /&gt;
fitur videospirit pro diantaranya yaitu&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span class=&quot;notranslate&quot; style=&quot;background-color: white; color: #303030; line-height: 15.6000003814697px;&quot;&gt;Mengkonversi File Video di antara VCD / SVCD / DVD / MPEG / AVI / DivX / ASF / WMV / DAT / SWF / FLV / 3GP / RM / MP4 / MOV&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span class=&quot;notranslate&quot; style=&quot;background-color: white; color: #303030; line-height: 15.6000003814697px;&quot;&gt;Mengekstrak track audio dari file video&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #303030; line-height: 15.6000003814697px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span class=&quot;notranslate&quot; style=&quot;background-color: white; color: #303030; line-height: 15.6000003814697px;&quot;&gt;Ekstrak gambar dari file video&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #303030; line-height: 15.6000003814697px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span class=&quot;notranslate&quot; style=&quot;background-color: white; color: #303030; line-height: 15.6000003814697px;&quot;&gt;Mengedit Video, menambahkan efek slide / judul / subjudul untuk klip video, bergabung /menggabungkan / warp klip video.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span class=&quot;notranslate&quot; style=&quot;background-color: white; color: #303030; line-height: 15.6000003814697px;&quot;&gt;Cerdas dan rapi antarmuka, sangat mudah digunakan untuk para pemula.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;span style=&quot;color: #303030;&quot;&gt;&lt;span style=&quot;line-height: 15.6000003814697px;&quot;&gt;ini adalah sedikit screenshoot tampilan dari aplikasi videospirit pro&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #303030;&quot;&gt;&lt;span style=&quot;line-height: 15.6000003814697px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbs_zpn2LAp-2MXXg21E5wlyBrmtrA_TwJ8PPiTQAEhhNCu1bmgbuRfd0Fp2ezmoJ-JbJfwH21EdCEJr_bP0zx2PhbOldS1ANm-RT6mWLVkDg-4j7k7mJj3tvGwolhwiZGfqJ_nVwasHCv/s1600/videospiritpro.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;192&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbs_zpn2LAp-2MXXg21E5wlyBrmtrA_TwJ8PPiTQAEhhNCu1bmgbuRfd0Fp2ezmoJ-JbJfwH21EdCEJr_bP0zx2PhbOldS1ANm-RT6mWLVkDg-4j7k7mJj3tvGwolhwiZGfqJ_nVwasHCv/s320/videospiritpro.PNG&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #303030;&quot;&gt;&lt;span style=&quot;line-height: 15.6000003814697px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #303030;&quot;&gt;&lt;span style=&quot;line-height: 15.6000003814697px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYo1TBP-HsPp7EjXyf2sGSoC7XYTzSbQq5zntuzPy7aslRaJyk3NsRShiY5IyCdwtVA52v_-ShBxTGFif5nmMje_YBCzlif-I9sKiSxaFYNMaMDNlkXzAuuTDcpZueuU-6kAuyreg1QfuB/s1600/videspirit+pro+home.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;186&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYo1TBP-HsPp7EjXyf2sGSoC7XYTzSbQq5zntuzPy7aslRaJyk3NsRShiY5IyCdwtVA52v_-ShBxTGFif5nmMje_YBCzlif-I9sKiSxaFYNMaMDNlkXzAuuTDcpZueuU-6kAuyreg1QfuB/s320/videspirit+pro+home.PNG&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
untuk yang tertarik dengan aplikasinya, silahkan di download di link dibawah ini&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
Via &lt;a href=&quot;http://adf.ly/1PmNik&quot;&gt;solidfiles&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
Via &lt;a href=&quot;http://adf.ly/1PmOW9&quot;&gt;google drive&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
yah, mungkin cukup hari ini saja yang bisa saya bagikan. mudah-mudahan aplikasinya dapat bermanfaat buat sobat.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;u&gt;&lt;b&gt;NB : untuk cara mengaktifkan product key videspirit pro. di dalam folder tersebut sudah saya berikan tutorialnya, sehingga sobat tinggal memahami dan mengikutinya.&lt;/b&gt;&lt;/u&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;u&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/u&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
Terima Kasih telah berkunjung&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
sampai jumpa di hari selanjutnya&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #303030;&quot;&gt;&lt;span style=&quot;line-height: 15.6000003814697px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #303030;&quot;&gt;&lt;span style=&quot;line-height: 15.6000003814697px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #303030;&quot;&gt;&lt;span style=&quot;line-height: 15.6000003814697px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/1424904303143036393/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/10/download-videospirit-pro-full-keygen.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/1424904303143036393'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/1424904303143036393'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/10/download-videospirit-pro-full-keygen.html' title='Download Videospirit pro full keygen'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbs_zpn2LAp-2MXXg21E5wlyBrmtrA_TwJ8PPiTQAEhhNCu1bmgbuRfd0Fp2ezmoJ-JbJfwH21EdCEJr_bP0zx2PhbOldS1ANm-RT6mWLVkDg-4j7k7mJj3tvGwolhwiZGfqJ_nVwasHCv/s72-c/videospiritpro.PNG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-7779033187264020592</id><published>2015-10-10T14:16:00.000+07:00</published><updated>2015-10-21T16:20:07.962+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Software"/><title type='text'>Download Bandicam versi 2.2.3.803 + full keygen</title><content type='html'>&lt;span style=&quot;font-family: inherit;&quot;&gt;Selamat Siang,&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;akhirnya saya bisa bertemu dengan kalian hari ini. semoga sobat selalu sehat selalu, jadi bisa tetap setia membaca blog saya hehehehe :D&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;di hari yang cerah ini seperti biasa saya akan membagikan software Bandicam. pasti sobat udah pada tahu kan apa itu bandicam?&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;sedikit dari penjelasan saya,&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;a href=&quot;http://www.bandicam.com/&quot;&gt;Bandicam&lt;/a&gt; adalah program Perekam Game, Video, Presentasi, Layar Komputer dengan kualitas terbaik.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;sobat dapat merekam Minecraft, WoW, MapleStory iTunes, YouTube, PowerPoint, Excel, Firefox, HDTV, Webcam, Skype, Video chatting, Java/Flash games, Streaming Video dan Desktop.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;b&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Fungsi&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Merekam DirectX/OpenGL(AVI, MP4)&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Merekam layar kotak (AVI, MP4)&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Menangkap Gambar (BMP, PNG, JPG)&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Mendukung H.264, Xvid, MPEG-1, MJPEG, MP2, PCM&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Kontrol/Overlay FPS&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Fitur&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Dapat membuat rekaman video dengan ukuran kecil&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Dapat merekam hingga 24 jam&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Dapat merekam hingga resolusi 3840x2160&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Unggah video ke YouTube tanpa mengubah/mengurangi kualitas (720p/1080p)&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: inherit;&quot;&gt;Tidak ada batasan ukuran (bisa lebih dari 3.9GB)&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
inilah sedikit screenshoot aplikasi Bandicam yang sudah registered&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgATkzxe7BUVFdvS2dzdkQy2PKBQycKkqwjAsrhNJd5ceo_BmZ-8QEbvQqed_0QZYrj50WC19VAceYOzTGecb3A-230gEoydEkMBFiW_JQF0ko5rGcB7pz73oJhGKJo8__afffcwVxKrp5V/s1600/bandicam.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;113&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgATkzxe7BUVFdvS2dzdkQy2PKBQycKkqwjAsrhNJd5ceo_BmZ-8QEbvQqed_0QZYrj50WC19VAceYOzTGecb3A-230gEoydEkMBFiW_JQF0ko5rGcB7pz73oJhGKJo8__afffcwVxKrp5V/s320/bandicam.PNG&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9YVJ2AajlwhlgXUKoJ0t_lCaqH0LhVFrOPvbdMvk_iaOMJ1GVqqQXmF8t9fGr8Zpyr-Gh-npAp6PY7R02ECzKLmZBKfbhp-lfI_l_mEY4JuwbzvUBqYIUzIeuvf4Exoq3Z_1IHwZhTsp3/s1600/bandicam+home.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9YVJ2AajlwhlgXUKoJ0t_lCaqH0LhVFrOPvbdMvk_iaOMJ1GVqqQXmF8t9fGr8Zpyr-Gh-npAp6PY7R02ECzKLmZBKfbhp-lfI_l_mEY4JuwbzvUBqYIUzIeuvf4Exoq3Z_1IHwZhTsp3/s320/bandicam+home.png&quot; width=&quot;298&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
bagaimana sobat pasti sobat penasaran kan dengan softwarenya. apalagi kalau lihat fiturnya yang sangat luar biasa. saya menyarankan sobat untuk mencobanya, pasti nggak rugi kok.&lt;/div&gt;
&lt;div&gt;
pas sekali, hari ini saya akan membagikan aplikasinya, silahkan bagi sobat yang mau langsung di download di link bawah&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Via &lt;a href=&quot;http://adf.ly/1PdzRI&quot;&gt;solidfiles&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
Via &lt;a href=&quot;http://adf.ly/1Pe1YE&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
Via &lt;a href=&quot;http://adf.ly/1Pe0qh&quot;&gt;google drive&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;tutorial install&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
1. Ekstrak file winrar tersebut&lt;/div&gt;
&lt;div&gt;
2. install aplikasi hingga proses selesai&lt;/div&gt;
&lt;div&gt;
3. Ekstrak keymaker-MAZE yang ada di dalam folder tersebut&lt;/div&gt;
&lt;div&gt;
4. copy pastekan file_id dan keymaker ke dalam instalan bandicam&lt;/div&gt;
&lt;div&gt;
5. matikan firewall sobat&lt;/div&gt;
&lt;div&gt;
6. run as adminstrator aplikasi keymaker&lt;/div&gt;
&lt;div&gt;
7. masukkan data email sobat&lt;/div&gt;
&lt;div&gt;
8. dan berhasil ter-regrestasi&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
semoga aplikasi ini dapat bermanfaat buat sobat. jika ada pertanyaan harap tulis di kotak komentar.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
terima kasih telah berkunjung dan tunggu update-tannya&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/7779033187264020592/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/10/download-bandicam-versi-223803-full.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/7779033187264020592'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/7779033187264020592'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/10/download-bandicam-versi-223803-full.html' title='Download Bandicam versi 2.2.3.803 + full keygen'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgATkzxe7BUVFdvS2dzdkQy2PKBQycKkqwjAsrhNJd5ceo_BmZ-8QEbvQqed_0QZYrj50WC19VAceYOzTGecb3A-230gEoydEkMBFiW_JQF0ko5rGcB7pz73oJhGKJo8__afffcwVxKrp5V/s72-c/bandicam.PNG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-7968889507494145327</id><published>2015-10-08T14:14:00.001+07:00</published><updated>2015-10-21T16:18:19.447+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Anime"/><title type='text'>Charlotte Subtitle Indonesia </title><content type='html'>&lt;div style=&quot;margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;background: white; border: 1pt none windowtext; color: #333333; padding: 0cm;&quot;&gt;pagi semuanya,
saya disini akan membagikan anime 2015 yang sangat bagus. yaitu, charlotte.
saya akan memberikan informasi sedikit tentang anime charlotte.&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;background: white; border: 1pt none windowtext; color: #333333; padding: 0cm;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; class=&quot;separator&quot; style=&quot;margin: 0cm 0cm 0.0001pt; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1JXXbO-9a43owLK9pu9u_vdIWPbI3BqTRt7KzCwi_GI-d57Dh6QyPhYI2WaiGO7dxf5WlKTgUW-ulYFve6CCxE6Fqg7TdtcEPzxW_2M_hISTAF9ZPk02pjjnFXRyMSnGJ8TJ3CrcZRbA/s1600/charlotte.jpg&quot; imageanchor=&quot;1&quot;&gt;&lt;span style=&quot;text-decoration: none;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shapetype id=&quot;_x0000_t75&quot;
 coordsize=&quot;21600,21600&quot; o:spt=&quot;75&quot; o:preferrelative=&quot;t&quot; path=&quot;m@4@5l@4@11@9@11@9@5xe&quot;
 filled=&quot;f&quot; stroked=&quot;f&quot;&gt;
 &lt;v:stroke joinstyle=&quot;miter&quot;/&gt;
 &lt;v:formulas&gt;
  &lt;v:f eqn=&quot;if lineDrawn pixelLineWidth 0&quot;/&gt;
  &lt;v:f eqn=&quot;sum @0 1 0&quot;/&gt;
  &lt;v:f eqn=&quot;sum 0 0 @1&quot;/&gt;
  &lt;v:f eqn=&quot;prod @2 1 2&quot;/&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelWidth&quot;/&gt;
  &lt;v:f eqn=&quot;prod @3 21600 pixelHeight&quot;/&gt;
  &lt;v:f eqn=&quot;sum @0 0 1&quot;/&gt;
  &lt;v:f eqn=&quot;prod @6 1 2&quot;/&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelWidth&quot;/&gt;
  &lt;v:f eqn=&quot;sum @8 21600 0&quot;/&gt;
  &lt;v:f eqn=&quot;prod @7 21600 pixelHeight&quot;/&gt;
  &lt;v:f eqn=&quot;sum @10 21600 0&quot;/&gt;
 &lt;/v:formulas&gt;
 &lt;v:path o:extrusionok=&quot;f&quot; gradientshapeok=&quot;t&quot; o:connecttype=&quot;rect&quot;/&gt;
 &lt;o:lock v:ext=&quot;edit&quot; aspectratio=&quot;t&quot;/&gt;
&lt;/v:shapetype&gt;&lt;v:shape id=&quot;Picture_x0020_1&quot; o:spid=&quot;_x0000_i1029&quot; type=&quot;#_x0000_t75&quot;
 alt=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1JXXbO-9a43owLK9pu9u_vdIWPbI3BqTRt7KzCwi_GI-d57Dh6QyPhYI2WaiGO7dxf5WlKTgUW-ulYFve6CCxE6Fqg7TdtcEPzxW_2M_hISTAF9ZPk02pjjnFXRyMSnGJ8TJ3CrcZRbA/s400/charlotte.jpg&quot;
 href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1JXXbO-9a43owLK9pu9u_vdIWPbI3BqTRt7KzCwi_GI-d57Dh6QyPhYI2WaiGO7dxf5WlKTgUW-ulYFve6CCxE6Fqg7TdtcEPzxW_2M_hISTAF9ZPk02pjjnFXRyMSnGJ8TJ3CrcZRbA/s1600/charlotte.jpg&quot;
 style=&#39;width:300pt;height:168.75pt;visibility:visible;mso-wrap-style:square&#39;
 o:button=&quot;t&quot;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\lk3-01\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg&quot;
  o:title=&quot;charlotte&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCBihU1clz61bJG6H0C9vks8FcBVuIrFMnwW0R8SvRbbK3kjXWBl-kjYipN5pUyENIjAKqyi2F5keP_FZyt5UFxrDl2uZIk8DobDDm2rD4EPSIbgbKP1G1Kj7Ohh7cUhg4UHWFuKRbQzmB/s1600/charlotte.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;180&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCBihU1clz61bJG6H0C9vks8FcBVuIrFMnwW0R8SvRbbK3kjXWBl-kjYipN5pUyENIjAKqyi2F5keP_FZyt5UFxrDl2uZIk8DobDDm2rD4EPSIbgbKP1G1Kj7Ohh7cUhg4UHWFuKRbQzmB/s320/charlotte.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;background: white; border: 1pt none windowtext; color: #333333; padding: 0cm;&quot;&gt;&lt;br /&gt;
Menurut kabar yang beredar dikatakan bahwa anime
&quot;charlotte&quot;&amp;nbsp;merupakan inkarnasi dari anime Angel Beats. Bikin
penasaran bukan? tenang kami sudah menyiapkan sinopsis dari anime ini
sendiri.&amp;nbsp;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;br /&gt;
&lt;span style=&quot;background: white; border: none windowtext 1.0pt; mso-border-alt: none windowtext 0cm; padding: 0cm;&quot;&gt;Sinopsis&amp;nbsp;&lt;a href=&quot;http://www.indoseven.my.id/2015/04/charlotte-2015.html&quot; style=&quot;outline: 0px; transition: all 0.2s ease-in-out;&quot;&gt;&lt;span style=&quot;color: #444444; text-decoration: none; text-underline: none;&quot;&gt;Film anime Charlotte&lt;/span&gt;&lt;/a&gt;&amp;nbsp;ini akan berada
di dunia dimana beberapa kalangan anak-anak akan mendapat kekuatan super saat
tumbuh menjadi remaja.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;br /&gt;
&lt;span style=&quot;background: white; border: none windowtext 1.0pt; mso-border-alt: none windowtext 0cm; padding: 0cm;&quot;&gt;Ceritanya dari anime ini sendiri berpusat pada
para pemilik kekuatan yang tergabung dalam OSIS Akademi Hoshi no Umi yang
berusaha menyelesaikan masalah dengan kekuatan mereka.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;br /&gt;
&lt;span style=&quot;background: white; border: none windowtext 1.0pt; mso-border-alt: none windowtext 0cm; padding: 0cm;&quot;&gt;bagaimana kisah selanjutnya? dan bagaimana cara
mereka menyelesaikan masalah dengan kekuatan mereka? penasaran? karena kami
tidak memberikan trailernya, kami akan memberikan sedikit mengenai profil dari
pemeran anime charlotte ini.&lt;/span&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;br /&gt;
&lt;span style=&quot;background: white; border: none windowtext 1.0pt; mso-border-alt: none windowtext 0cm; padding: 0cm;&quot;&gt;Karakter film Charlotte (2015):&lt;/span&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqSnRxRm5FMwwiw5vpDfJIshj8D3bdbMy53Wm_jP5v8xyP8nfhxQXdBdWLukVjjDmNH0AJA2hgJMf1j5OFjrlYFnCSYZBJSM92ppRitM3Tm-e33QS8cVqkrisWL5DMm9pWjzENxs-noWnu/s1600/yuu+otasaka.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqSnRxRm5FMwwiw5vpDfJIshj8D3bdbMy53Wm_jP5v8xyP8nfhxQXdBdWLukVjjDmNH0AJA2hgJMf1j5OFjrlYFnCSYZBJSM92ppRitM3Tm-e33QS8cVqkrisWL5DMm9pWjzENxs-noWnu/s200/yuu+otasaka.jpg&quot; width=&quot;146&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Yuu Otosaka&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div align=&quot;center&quot; class=&quot;separator&quot; style=&quot;background: white; line-height: 16.8pt; margin: 0cm 0cm 0.0001pt; outline: none; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;background: white; border: 1pt none windowtext; color: #333333; padding: 0cm;&quot;&gt;&lt;br /&gt;
Yuu Otosaka, murid kasar dengan kemampuan untuk “membajak” tubuh orang lain
selama 5 detik. Ia menggunakannya kepada murid lain yang lebih pintar untuk
mencontek.&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhqLoVgVfgaiOjhLi8_6ADSdbRrZTzdhBN44ml0wQO9CTqm6R8vfz_vd9aOAwqKefkq5A2A0VhV3cIUZ-QQgNoenQQvKZ8yZ3zJ3TgihvdyatUoSSWyk7hzJBIVgdafeqT7tjj4WxhepOb/s1600/yao+tamori.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;150&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhqLoVgVfgaiOjhLi8_6ADSdbRrZTzdhBN44ml0wQO9CTqm6R8vfz_vd9aOAwqKefkq5A2A0VhV3cIUZ-QQgNoenQQvKZ8yZ3zJ3TgihvdyatUoSSWyk7hzJBIVgdafeqT7tjj4WxhepOb/s200/yao+tamori.jpg&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Nao Tomori&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; class=&quot;separator&quot; style=&quot;background: white; line-height: 16.8pt; margin: 0cm 0cm 0.0001pt; outline: none; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;border: none windowtext 1.0pt; mso-border-alt: none windowtext 0cm; padding: 0cm;&quot;&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-FF3VZUlpMpM/VStTXccOj_I/AAAAAAAAALU/wIs-x6wfMzo/s1600/yao%2Btamori.jpg&quot; imageanchor=&quot;1&quot; style=&quot;outline: 0px; transition: all 0.2s ease-in-out;&quot;&gt;&lt;span style=&quot;color: #444444; text-decoration: none;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape id=&quot;Picture_x0020_3&quot;
 o:spid=&quot;_x0000_i1027&quot; type=&quot;#_x0000_t75&quot; alt=&quot;https://4.bp.blogspot.com/-FF3VZUlpMpM/VStTXccOj_I/AAAAAAAAALU/wIs-x6wfMzo/s1600/yao%2Btamori.jpg&quot;
 href=&quot;http://4.bp.blogspot.com/-FF3VZUlpMpM/VStTXccOj_I/AAAAAAAAALU/wIs-x6wfMzo/s1600/yao%2Btamori.jpg&quot;
 style=&#39;width:150pt;height:112.5pt;visibility:visible;mso-wrap-style:square&#39;
 o:button=&quot;t&quot;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\lk3-01\AppData\Local\Temp\msohtmlclip1\01\clip_image004.jpg&quot;
  o:title=&quot;yao%2Btamori&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;background: white; border: 1pt none windowtext; color: #333333; padding: 0cm;&quot;&gt;&lt;br /&gt;
Nao Tomori, seorang Ketua OSIS yang pekerja keras namun narsis. Memiliki
kemampuan untuk menghilang dari pandangan seseorang. Penggemar dari band fiktif
ZHIEND/The End. Band ini dimotori oleh vokalis bernama Sarah, dan Jun Maeda
sendiri yang aan menulis lagunya yang nanti akan berbahasa Inggris.&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoAr0sz3-e3fXQ-CWJI7EIfXa55zdh1lY_-g9omXqk5rHJc_sKlCsJLMB-Kag7TWRr8RT5hVmzUTe5AE2GO5i5rGFhRnu5_KXjg_L6mnHI7D212IDxifa63refo3IIXMBZxgMXGicAA0ul/s1600/Charlotte-Anime-Character-Designs-Joujirou-Takajou.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;178&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoAr0sz3-e3fXQ-CWJI7EIfXa55zdh1lY_-g9omXqk5rHJc_sKlCsJLMB-Kag7TWRr8RT5hVmzUTe5AE2GO5i5rGFhRnu5_KXjg_L6mnHI7D212IDxifa63refo3IIXMBZxgMXGicAA0ul/s200/Charlotte-Anime-Character-Designs-Joujirou-Takajou.jpg&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Joujirou Takajou&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; class=&quot;separator&quot; style=&quot;margin: 0cm 0cm 0.0001pt; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxSchwpzq4o-CRNIwhBZASt_EHIKb9lKCqXs-0UcpQ3D67loePHnX_1oGqyeqkIolxyaydg8b7pl-jhtHBJQdgVgUeX4FMUCdkccOgOyb5kImQKwZm7Rmjlx9id0dRhngt1rtn9tkwla0/s1600/Charlotte-Anime-Character-Designs-Joujirou-Takajou.jpg&quot; imageanchor=&quot;1&quot;&gt;&lt;span style=&quot;text-decoration: none; text-underline: none;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape
 id=&quot;_x0000_i1025&quot; type=&quot;#_x0000_t75&quot; alt=&quot;&quot;
 href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxSchwpzq4o-CRNIwhBZASt_EHIKb9lKCqXs-0UcpQ3D67loePHnX_1oGqyeqkIolxyaydg8b7pl-jhtHBJQdgVgUeX4FMUCdkccOgOyb5kImQKwZm7Rmjlx9id0dRhngt1rtn9tkwla0/s1600/Charlotte-Anime-Character-Designs-Joujirou-Takajou.jpg&quot;
 style=&#39;width:150pt;height:133.5pt&#39; o:button=&quot;t&quot;/&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;background: white; border: 1pt none windowtext; color: #333333; padding: 0cm;&quot;&gt;&lt;br /&gt;
Joujirou Takajou, memiliki kemampuan bergerak cepat, tapi tak bisa berhenti.
Karena itu ia harus menggunakan pelindung agar tak cedera.&amp;nbsp;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyYvc4IGZV5XhbGiFNtaJR2achRB0YZui-ggLnEO1NYnXAUdB8PnrSzeA6iSjql6EQ_Fl285Fx-eR9-GxYR65e3Y-eqpE1RT2Jnf2bfRla5IKB1ye_1zSnHqLYWmnqAmYv5CQLO9MTolRF/s1600/Yusa_Nishimori.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyYvc4IGZV5XhbGiFNtaJR2achRB0YZui-ggLnEO1NYnXAUdB8PnrSzeA6iSjql6EQ_Fl285Fx-eR9-GxYR65e3Y-eqpE1RT2Jnf2bfRla5IKB1ye_1zSnHqLYWmnqAmYv5CQLO9MTolRF/s200/Yusa_Nishimori.png&quot; width=&quot;128&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Nishimori Yusa&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; class=&quot;separator&quot; style=&quot;background: white; line-height: 16.8pt; margin: 0cm 0cm 0.0001pt; outline: none; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;border: none windowtext 1.0pt; mso-border-alt: none windowtext 0cm; padding: 0cm;&quot;&gt;&lt;a href=&quot;http://3.bp.blogspot.com/-oJCM8XijcmI/VStTkQpiClI/AAAAAAAAALc/6YPE4pl5I44/s1600/Yusa_Nishimori.png&quot; imageanchor=&quot;1&quot; style=&quot;outline: 0px; transition: all 0.2s ease-in-out;&quot;&gt;&lt;span style=&quot;color: #444444; text-decoration: none;&quot;&gt;&lt;!--[if gte vml 1]&gt;&lt;v:shape id=&quot;Picture_x0020_5&quot;
 o:spid=&quot;_x0000_i1026&quot; type=&quot;#_x0000_t75&quot; alt=&quot;https://3.bp.blogspot.com/-oJCM8XijcmI/VStTkQpiClI/AAAAAAAAALc/6YPE4pl5I44/s1600/Yusa_Nishimori.png&quot;
 href=&quot;http://3.bp.blogspot.com/-oJCM8XijcmI/VStTkQpiClI/AAAAAAAAALc/6YPE4pl5I44/s1600/Yusa_Nishimori.png&quot;
 style=&#39;width:96pt;height:150pt;visibility:visible;mso-wrap-style:square&#39;
 o:button=&quot;t&quot;&gt;
 &lt;v:imagedata src=&quot;file:///C:\Users\lk3-01\AppData\Local\Temp\msohtmlclip1\01\clip_image007.png&quot;
  o:title=&quot;Yusa_Nishimori&quot;/&gt;
&lt;/v:shape&gt;&lt;![endif]--&gt;&lt;!--[if !vml]--&gt;&lt;!--[endif]--&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;&lt;br /&gt;
&lt;span style=&quot;background: white; border: none windowtext 1.0pt; mso-border-alt: none windowtext 0cm; padding: 0cm;&quot;&gt;Dan Nishimori Yusa, adalah seorang vokalis dari
band How-Low-Hello dalam serinya dan bisa berbicara kepada orang mati. Secara
tidak sadar terhubung dengan almarhum saudarinya dan terkadang berganti
kepribadian dengan kakaknya sehingga penampilannya berubah seperti yang bisa
dilihat digambar. dan Jun Maeda akan menulis dan membuat lagu untuk group band
How-Low-Hello.&lt;/span&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;background: white; border: 1pt none windowtext; color: #333333; padding: 0cm;&quot;&gt;&lt;br /&gt;
jika, masih penasaran dengan ceritanya, silahkan download dibawah ini.&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
&lt;br /&gt;
1. Charlotte subtitle indonesia Episode 01 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;DOWNLOAD =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;u&gt;&lt;a href=&quot;http://adf.ly/1NddA7&quot;&gt;googledrive&lt;/a&gt;&lt;/u&gt;&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;u&gt;&lt;a href=&quot;http://adf.ly/1NduMK&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/u&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
2. Charlotte subtitle indonesia Episode 02 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;DOWNLOAD =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;u&gt;&lt;a href=&quot;http://adf.ly/1NdwpS&quot;&gt;googledrive&lt;/a&gt;&lt;/u&gt;&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;u&gt;&lt;a href=&quot;http://adf.ly/1NdweM&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/u&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
3. Charlotte subtilte indonesia Episode 03 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;DOWNLOAD =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;u&gt;&lt;a href=&quot;http://adf.ly/1Ndxqg&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/u&gt;&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1Ndyfw&quot;&gt;google
drive&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
4. Charlotte subtitle indonesia Episode 04 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;DOWNLOAD =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1NdyOP&quot;&gt;kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
5. Charlotte subtitle Indonesia Episode 05 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;DOWNLOAD =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1Ne0BI&quot;&gt;kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
6. Charlotte subtitle Indonesia Episode 06 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;DOWNLOAD =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1Ne0UE&quot;&gt;kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
7. Charlotte subtitle Indonesia Episode 07 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;DOWNLOAD =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1Ne0ju&quot;&gt;kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
8. Charlotte subtitle Indonesia Episode 08 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;DOWNLOAD =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1Ne1Cz&quot;&gt;kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
9. Charlotte subtitle Indonesia Episode 09 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;DOWNLOAD =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1Ne25n&quot;&gt;kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
10. Charlotte subtitle Indonesia Episode 10 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;DOWNLOAD =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1NpMwM&quot;&gt;kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
11. Charlotte subtitle Indonesia Episode 11 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;DOWNLOAD =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1PXV2x&quot;&gt;kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
12. Charlotte subtitle Indonesia Episode 12 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;DOWNLOAD =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1PXi5r&quot;&gt;kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
13. Charlotte subtitle Indonesia Episode 13 (END) (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;DOWNLOAD =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1PXmCZ&quot;&gt;kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
Terima Kasih telah berkunjung
dan mendownload di blog ini.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;semoga sobat puas, dengan animenya :)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Sampai Jumpa&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/7968889507494145327/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/10/charlotte-subtitle-indonesia.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/7968889507494145327'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/7968889507494145327'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/10/charlotte-subtitle-indonesia.html' title='Charlotte Subtitle Indonesia '/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCBihU1clz61bJG6H0C9vks8FcBVuIrFMnwW0R8SvRbbK3kjXWBl-kjYipN5pUyENIjAKqyi2F5keP_FZyt5UFxrDl2uZIk8DobDDm2rD4EPSIbgbKP1G1Kj7Ohh7cUhg4UHWFuKRbQzmB/s72-c/charlotte.jpg" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-8387761915493535121</id><published>2015-09-15T15:11:00.001+07:00</published><updated>2015-10-21T16:18:19.451+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Anime"/><title type='text'>To LOVE-Ru Darkness 2nd Season subtitle indonesia lengkap</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiAzYjsfZHSKbV1Z89RVPjHYPW5rzvWUOAZQwIg_YpKKx-vuo2NXGAfKd4QTl0OratUEpC6mO5hMKDEQmq_OrdOIwQ7J0-wWe6W9V8QnY0xH67tnKVbbFqnL4_YMrXLpd52DVRKk1gKC6Y/s1600/to+love+ru+darkness.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;280&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiAzYjsfZHSKbV1Z89RVPjHYPW5rzvWUOAZQwIg_YpKKx-vuo2NXGAfKd4QTl0OratUEpC6mO5hMKDEQmq_OrdOIwQ7J0-wWe6W9V8QnY0xH67tnKVbbFqnL4_YMrXLpd52DVRKk1gKC6Y/s400/to+love+ru+darkness.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; mso-line-height-alt: 12.25pt; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; mso-line-height-alt: 12.25pt; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; mso-line-height-alt: 12.25pt; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Info:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; mso-line-height-alt: 12.25pt; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Judul: To LOVE-Ru Darkness 2nd Season&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; mso-line-height-alt: 12.25pt; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Type: TV Series&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; mso-line-height-alt: 12.25pt; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Episode: 14&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; mso-line-height-alt: 12.25pt; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Status: Ongoing&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; mso-line-height-alt: 12.25pt; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Producers: Xebec, Magic Capsule&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; mso-line-height-alt: 12.25pt; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Genre: Comedy, Ecchi, Harem, Romance, School, Sci-Fi, Shounen&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;Sinopsis :&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;Season ke
empat dari seri &quot; To Love RU &quot; dan juga sason kedua dari arc
&quot;Darkness&quot;. Menceritakan seorang pemuda bernama Yuuki Rito yang
keseharian-nya di kelilingi gadis-gadis cantik, Dia mulai terlibat dengan
makhluk-makhluk dari Planet Deviluke. Salah satunya adalah seorang gadis
bernama Lala, yakni putri tertua dari raja Deviluke yang pada ujung-ujugnya
jatuh cinta kepada Rito. Wakt pun berlalu, salah sat adik Lala bernama Momo
ingin mewujudkan rencana &quot; Harem &quot; untk Rito. Rencana itu bertujuan
ntuk membuat semua gadis di sekitar Rito jatuh hati kepadanya. Momo melakukan
hal tersebt karena ingin Rito dan semua gadis di sekelilingnya bahagia.
Sementara itu ada seorang pembunuh legendaris bernama Konjiki no Yami yang
tugasnya adalah untuk membunuh Yuki Rito. Kemudian datang lagi seorang yang
meiliki kemampuan yang serupa dengannya, bernama Kurosaki Mea yang ditugaskan
untuk membawa pulang Konjiki no Yami.&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;Jika ingin
lebih tahu jalan ceritanya, silahkan di download secara gratis link dibawah.&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;1. To Love Ru
Darkness Season 2 episode 01&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;download =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1NqDDp&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;2. To Love Ru
Darkness Season 2 episode 02&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;download =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1NqE8D&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;3.&amp;nbsp;To Love
Ru Darkness Season 2 episode 03&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;download =&amp;nbsp;&lt;a href=&quot;http://adf.ly/1NqENC&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;4.&amp;nbsp;To Love
Ru Darkness Season 2 episode 04&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;download =&amp;nbsp;&lt;a href=&quot;http://adf.ly/1NqEUj&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;5.&amp;nbsp;To Love
Ru Darkness Season 2 episode 05&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;download =&amp;nbsp;&lt;a href=&quot;http://adf.ly/1NqEae&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;6.&amp;nbsp;To Love
Ru Darkness Season 2 episode 06&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;download =&amp;nbsp;&lt;a href=&quot;http://adf.ly/1NqEeB&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;7.&amp;nbsp;To Love
Ru Darkness Season 2 episode 07&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;download =&amp;nbsp;&lt;a href=&quot;http://adf.ly/1NqEiv&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;8.&amp;nbsp;To Love
Ru Darkness Season 2 episode 08&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;download =&amp;nbsp;&lt;a href=&quot;http://adf.ly/1NqEnn&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;9.&amp;nbsp;To Love
Ru Darkness Season 2 episode 09&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;download =&amp;nbsp;&lt;a href=&quot;http://adf.ly/1Nsgja&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;10.&amp;nbsp;To Love
Ru Darkness Season 2 episode 10&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;download =&amp;nbsp;&lt;a href=&quot;http://adf.ly/1OWBfM&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;11.&amp;nbsp;To Love
Ru Darkness Season 2 episode 11&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;download =&amp;nbsp;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=1493424067918654923&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;12.&amp;nbsp;To Love
Ru Darkness Season 2 episode 12&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;download =&amp;nbsp;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=1493424067918654923&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;13.&amp;nbsp;To Love
Ru Darkness Season 2 episode 13&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;download =&amp;nbsp;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=1493424067918654923&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;14.&amp;nbsp;To Love
Ru Darkness Season 2 episode 14&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;download =&amp;nbsp;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=1493424067918654923&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;untuk lanjutannya, tunggu update-tannya
ya sob.&amp;nbsp;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;terima kasih telah berkunjung dan
mendownload di blog ini.&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background: white; margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #141823;&quot;&gt;sampai jumpa&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/8387761915493535121/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/09/to-love-ru-darkness-2nd-season-subtitle.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/8387761915493535121'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/8387761915493535121'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/09/to-love-ru-darkness-2nd-season-subtitle.html' title='To LOVE-Ru Darkness 2nd Season subtitle indonesia lengkap'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiAzYjsfZHSKbV1Z89RVPjHYPW5rzvWUOAZQwIg_YpKKx-vuo2NXGAfKd4QTl0OratUEpC6mO5hMKDEQmq_OrdOIwQ7J0-wWe6W9V8QnY0xH67tnKVbbFqnL4_YMrXLpd52DVRKk1gKC6Y/s72-c/to+love+ru+darkness.jpg" height="72" width="72"/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-3184326304347945257</id><published>2015-09-15T15:09:00.004+07:00</published><updated>2015-10-21T16:18:19.413+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Anime"/><title type='text'>Grisaia no Rakuen; Le Eden de la Grisaia subtitle indonesia lengkap</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfxpBHQfvLoqy-lnALl7ARRfbFcuwif5Sub8HwjJwnhOe5xaa8AiSdwQ9JHTlHjXtjO7OV0f9Z_wINE8SDdteLzew2z-slqHhrwtTrnY2S-zPzE9bN6b3RjOA-PoxDDfKMQ1DjmlCTIkhA/s1600/grisaia+no+rakuen.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfxpBHQfvLoqy-lnALl7ARRfbFcuwif5Sub8HwjJwnhOe5xaa8AiSdwQ9JHTlHjXtjO7OV0f9Z_wINE8SDdteLzew2z-slqHhrwtTrnY2S-zPzE9bN6b3RjOA-PoxDDfKMQ1DjmlCTIkhA/s400/grisaia+no+rakuen.jpg&quot; width=&quot;285&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;strong&gt;&lt;span style=&quot;background: white; color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div style=&quot;margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;strong&gt;&lt;span style=&quot;background: white; color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div style=&quot;margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;strong&gt;&lt;span style=&quot;background: white; color: #222222; font-family: inherit, serif;&quot;&gt;Alternative
Title&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Synonyms : The Eden of Grisaia; Le Eden
de la Grisaia&lt;/span&gt;&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Japanese : &lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;グリザイアの楽園&lt;/span&gt;&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;&lt;span style=&quot;background: white;&quot;&gt;Information&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Type : TV&lt;/span&gt;&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Episodes : Unkown&lt;/span&gt;&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Status : Not yet Aired&lt;/span&gt;&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Aired : Apr 20, 2015 to ?&lt;/span&gt;&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Producers : Frontier Works, Sentai
FilmworksL, 8bi&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: inherit, serif;&quot;&gt;t&lt;/span&gt;&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Genres : Psychological,&amp;nbsp;Harem,
Romance, School, Drama&lt;/span&gt;&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Duration : ? Min per Episode&lt;/span&gt;&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Rating : None&lt;/span&gt;&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;
&lt;span style=&quot;background: white;&quot;&gt;© Share :&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;a href=&quot;http://anime-allworld.blogspot.com/&quot;&gt;&lt;span style=&quot;background: white; color: red;&quot;&gt;Anime-Share&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;&lt;span style=&quot;background: white;&quot;&gt;Sinopsis&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;span style=&quot;background: white;&quot;&gt;Anime Ini Adalah Sequel Dari Anime&amp;nbsp;&lt;/span&gt;&lt;/span&gt;Grisaia no
Meikyuu&lt;span style=&quot;background: white; color: #222222;&quot;&gt;&amp;nbsp;Sekaligus
Season Kedua dari Anime&amp;nbsp;&lt;/span&gt;Grisaia
no Kajitsu&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;strong&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt;Theme Song&lt;/span&gt;&lt;/strong&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222;&quot;&gt;→ Opening&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222;&quot;&gt;1. &quot;Setsuna no
Kajitsu&quot; by Maon Kurosaki&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222;&quot;&gt;→ Ending&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222;&quot;&gt;1. &quot;Tasogare no
Starlight&quot; by Yoshino Nanjou&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222;&quot;&gt;2. &quot;Kimi wo
Sagashi ni&quot; by Yoshino Nanjou&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222;&quot;&gt;&lt;br /&gt;
Jika sobat ingin lebih tahu jalan ceritanya, silahkan di download secara gratis
link dibawah.&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
1. The Eden of Grisaia; Le Eden de la
Grisaia Eps 01 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;a href=&quot;http://adf.ly/1NjpXP&quot;&gt;Kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
2. The Eden of Grisaia; Le Eden de la
Grisaia Eps 02 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;a href=&quot;http://adf.ly/1NjphT&quot;&gt;Kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
3. The Eden of Grisaia; Le Eden de la
Grisaia Eps 03 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;a href=&quot;http://adf.ly/1Njpl3&quot;&gt;Kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
4. The Eden of Grisaia; Le Eden de la
Grisaia Eps 04 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;a href=&quot;http://adf.ly/1Njpon&quot;&gt;Kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
5. The Eden of Grisaia; Le Eden de la
Grisaia Eps 05 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;a href=&quot;http://adf.ly/1Njprh&quot;&gt;Kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
6. The Eden of Grisaia; Le Eden de la
Grisaia Eps 06 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;a href=&quot;http://adf.ly/1Njpu2&quot;&gt;Kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
7. The Eden of Grisaia; Le Eden de la
Grisaia Eps 07 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;a href=&quot;http://adf.ly/1Njpwe&quot;&gt;Kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
8. The Eden of Grisaia; Le Eden de la
Grisaia Eps 08 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;a hre=&quot;http://adf.ly/1Njpzi&quot; href=&quot;https://www.blogger.com/null&quot;&gt;Kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
9. The Eden of Grisaia; Le Eden de la
Grisaia Eps 09 (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;a href=&quot;http://adf.ly/1Njq3k&quot;&gt;Kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
10. The Eden of Grisaia; Le Eden de la
Grisaia Eps 10(END) (480p)&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;a href=&quot;http://adf.ly/1Njq6i&quot;&gt;Kumpulbagi&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
yah, itulah anime grisaia no Rauken, anime tersebut merupakan
lanjutan dari anime Grisaia no Kajitsu.&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;div style=&quot;margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
Terima Kasih Telah Berkunjung&lt;o:p&gt;&lt;/o:p&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/3184326304347945257/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/09/grisaia-no-rakuen-le-eden-de-la-grisaia.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/3184326304347945257'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/3184326304347945257'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/09/grisaia-no-rakuen-le-eden-de-la-grisaia.html' title='Grisaia no Rakuen; Le Eden de la Grisaia subtitle indonesia lengkap'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfxpBHQfvLoqy-lnALl7ARRfbFcuwif5Sub8HwjJwnhOe5xaa8AiSdwQ9JHTlHjXtjO7OV0f9Z_wINE8SDdteLzew2z-slqHhrwtTrnY2S-zPzE9bN6b3RjOA-PoxDDfKMQ1DjmlCTIkhA/s72-c/grisaia+no+rakuen.jpg" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-6175534732552129331</id><published>2015-09-15T15:08:00.000+07:00</published><updated>2015-10-21T16:18:19.426+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Anime"/><title type='text'>Grisaia no Meikyuu: Caprice no Mayu HD subtitle indonesia</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiLqdm7x79I4UPauckgAS2iXfotWN-K9SBUeU43AStHVM7Mf9PuZRCauSE54uIVGAKB4ZY0r-eHB9yem9DvADIfz69Hc-yK72Gl8so8Az87ZEfWYMQYxrV-xrAVBpzx1sQEU7FOmpFg-5M/s1600/Grisaia+no+Meikyuu.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiLqdm7x79I4UPauckgAS2iXfotWN-K9SBUeU43AStHVM7Mf9PuZRCauSE54uIVGAKB4ZY0r-eHB9yem9DvADIfz69Hc-yK72Gl8so8Az87ZEfWYMQYxrV-xrAVBpzx1sQEU7FOmpFg-5M/s400/Grisaia+no+Meikyuu.jpg&quot; width=&quot;283&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;Alternative Title&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;
Synonyms : Le Labyrinthe de la Grisaia&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;
Japanese : &lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;グリザイアの迷宮&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;Information&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt; Type
: OVA&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;
Episodes : 1&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;
Status : Finished Airing&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;
Aired : Apr 13, 2015&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;
Producers : Frontier Works, Sentai FilmworksL, 8bit&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;
Genres : Drama, Harem, Psychological, Romance, School&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;
Duration : 47 Min per Episode&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222; font-family: &#39;MS Mincho&#39;;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222; font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;
Rating : R - 17+ (violence &amp;amp; profanity)&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222; font-family: inherit, serif;&quot;&gt;© Credit :&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://anime-allworld%2Cblogspot.com/&quot;&gt;&lt;span style=&quot;color: red; mso-bidi-font-size: 11.0pt;&quot;&gt;Anime-Share&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;b&gt;&lt;span style=&quot;color: #222222; font-family: inherit, serif;&quot;&gt;Sinopsis&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222; font-family: inherit, serif;&quot;&gt;Grisaia no Meikyuu adalah anime
Special menceritakan kehidupan Yuuji sewaktu masih anak-anak, Yuuji membunuh
Ayahnya sendiri karena kelakuan ayahnya seperti binatang, dan ibunya meninggal
karena bunuh diri.&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;background: white; color: #222222; font-family: inherit, serif;&quot;&gt;&lt;br /&gt;
Jika sobat ingin mengetahui lagi jalan ceritanya, silahkan download secara
gratis dibawah&lt;/span&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; class=&quot;MsoNormal&quot; style=&quot;margin: 0cm -6.8pt 3.4pt; text-align: center;&quot;&gt;
Grisaia no
Meikyuu: Caprice no Mayu&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt; text-align: center;&quot;&gt;
download =&amp;nbsp;&lt;a href=&quot;http://adf.ly/1NjoGS&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;kumpulbagi&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
Terima Kasih ya sudah berkunjung dan mendownload di
sini. mudah-mudahan sobat selalu setia mengunjungi blog ini.&amp;nbsp;&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;margin-bottom: 0.0001pt;&quot;&gt;
Terima Kasih&lt;span style=&quot;font-family: &#39;Times New Roman&#39;, serif;&quot;&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/6175534732552129331/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/09/grisaia-no-meikyuu-caprice-no-mayu-hd.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/6175534732552129331'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/6175534732552129331'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/09/grisaia-no-meikyuu-caprice-no-mayu-hd.html' title='Grisaia no Meikyuu: Caprice no Mayu HD subtitle indonesia'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiLqdm7x79I4UPauckgAS2iXfotWN-K9SBUeU43AStHVM7Mf9PuZRCauSE54uIVGAKB4ZY0r-eHB9yem9DvADIfz69Hc-yK72Gl8so8Az87ZEfWYMQYxrV-xrAVBpzx1sQEU7FOmpFg-5M/s72-c/Grisaia+no+Meikyuu.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2456315145768016065.post-6423367456895335989</id><published>2015-09-15T15:06:00.001+07:00</published><updated>2015-10-21T16:18:19.435+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Anime"/><title type='text'>inou battle wa nichijou kei no naka de subtitle indonesia lengkap</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQi5XABsISK0c0oE8AkaFtdqjFoNfd1Oatl8KiLHR3vTMbWkJUcyLf_xn3X_fiQCWviMlwmO4z5Sc9cF2u1S392qfXmPJ6yNEMWrFbT_5BJ1rJoKKBHQQuCCvARKUdbjT7rd-_SpcWnYN/s1600/yande.re+303544+sample+andou_jurai+dress+himeki_chifuyu+inou-battle_wa_nichijou-kei_no_naka_de+kanzaki_tomoyo+kushikawa_hatoko+saitou_kengo+seifuku+takanashi_sayumi.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;257&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQi5XABsISK0c0oE8AkaFtdqjFoNfd1Oatl8KiLHR3vTMbWkJUcyLf_xn3X_fiQCWviMlwmO4z5Sc9cF2u1S392qfXmPJ6yNEMWrFbT_5BJ1rJoKKBHQQuCCvARKUdbjT7rd-_SpcWnYN/s400/yande.re+303544+sample+andou_jurai+dress+himeki_chifuyu+inou-battle_wa_nichijou-kei_no_naka_de+kanzaki_tomoyo+kushikawa_hatoko+saitou_kengo+seifuku+takanashi_sayumi.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt;Information&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;color: #222222;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Type : TV&lt;/span&gt;&lt;span style=&quot;color: #222222;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Episodes : 12&lt;/span&gt;&lt;span style=&quot;color: #222222;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Status : Finished Airing&lt;/span&gt;&lt;span style=&quot;color: #222222;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Aired : Oct 7, 2014 to Dec 23, 2014&lt;/span&gt;&lt;span style=&quot;color: #222222;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Producers : Trigger, DIVE II
Entertainment&lt;/span&gt;&lt;span style=&quot;color: #222222;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Genres : Comedy, Romance, School,
Supernatural&lt;/span&gt;&lt;span style=&quot;color: #222222;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Duration : 24 Min per Episode&lt;/span&gt;&lt;span style=&quot;color: #222222;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt;☆&lt;/span&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt; Rating : PG-13 - Teens 13 or older&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt;&lt;br /&gt;
&lt;strong&gt;Sinopsis&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color: #222222;&quot;&gt;&lt;br /&gt;
&lt;span style=&quot;background: white;&quot;&gt;Inou Battle wa Nichijou-kei no Naka de
menceritakan tentang 5 anggota klub literatur yang tiba-tiba terbangun dengan
kekuatan super setengah tahun lalu. Ketika mereka mengira mereka akan terjebak
dalam sebuah dunia fantasi penuh musuh dan segala macamnya ternyata mereka
tetap ada di kehidupan normal mereka seperti biasa. Tak ada raja iblis,
organisasi rahasia, atau apapun dan mereka pun memutuskan untuk membuat sendiri
petualangan mereka.&lt;/span&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt;&lt;br /&gt;
jika masih ingin lihat cerita selanjutnya,&amp;nbsp;Silahkan download secara gratis
link di bawah&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin: 0cm 0cm 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;background: white; color: #222222;&quot;&gt;1.&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #222222;&quot;&gt;inou battle
wa nichijou kei no naka de episode 01 (480p)&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;download via =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1NgPX4&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;2.&amp;nbsp;inou battle wa nichijou kei no
naka de episode 02 (480p)&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;download via =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1NgPZH&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;3.&amp;nbsp;inou battle wa nichijou kei no
naka de episode 03 (480p)&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;download via =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1NgPaY&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;4.&amp;nbsp;inou battle wa nichijou kei no
naka de episode 04 (480p)&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;download via = kumpulbagi&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;5.&amp;nbsp;inou battle wa nichijou kei no
naka de episode 05 (480p)&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;download via =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1NgPiy&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;6.&amp;nbsp;inou battle wa nichijou kei no
naka de episode 06 (480p)&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;download via =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1NgPml&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;7.&amp;nbsp;inou battle wa nichijou kei no
naka de episode 07 (480p)&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;download via =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1NgPqH&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;8.&amp;nbsp;inou battle wa nichijou kei no
naka de episode 08 (480p)&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;download via =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1NgPsD&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;9.&amp;nbsp;inou battle wa nichijou kei no
naka de episode 09 (480p)&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;download via =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1NgPvn&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;10.&amp;nbsp;inou battle wa nichijou kei no
naka de episode 10 (480p)&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;download via =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1NgQ1h&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;11.&amp;nbsp;inou battle wa nichijou kei no
naka de episode 11 (480p)&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;download via =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1NgQ4D&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;12.&amp;nbsp;inou battle wa nichijou kei no
naka de episode 12 (END) (480p)&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;download via =&lt;span class=&quot;apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://adf.ly/1NgQ6c&quot;&gt;kumpulbagi&lt;/a&gt;&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div align=&quot;center&quot; style=&quot;margin-bottom: .0001pt; margin: 0cm; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;jika ada kerusakan pada file link, silahkan tulis di kotak
komentar.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;margin-bottom: .0001pt; margin: 0cm;&quot;&gt;
&lt;span style=&quot;font-family: inherit;&quot;&gt;Terima Kasih sudah berkunjung dan mendownload&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://hail-world.blogspot.com/feeds/6423367456895335989/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://hail-world.blogspot.com/2015/09/inou-battle-wa-nichijou-kei-no-naka-de.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/6423367456895335989'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2456315145768016065/posts/default/6423367456895335989'/><link rel='alternate' type='text/html' href='http://hail-world.blogspot.com/2015/09/inou-battle-wa-nichijou-kei-no-naka-de.html' title='inou battle wa nichijou kei no naka de subtitle indonesia lengkap'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/06329433986383675830</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQi5XABsISK0c0oE8AkaFtdqjFoNfd1Oatl8KiLHR3vTMbWkJUcyLf_xn3X_fiQCWviMlwmO4z5Sc9cF2u1S392qfXmPJ6yNEMWrFbT_5BJ1rJoKKBHQQuCCvARKUdbjT7rd-_SpcWnYN/s72-c/yande.re+303544+sample+andou_jurai+dress+himeki_chifuyu+inou-battle_wa_nichijou-kei_no_naka_de+kanzaki_tomoyo+kushikawa_hatoko+saitou_kengo+seifuku+takanashi_sayumi.jpg" height="72" width="72"/><thr:total>0</thr:total></entry></feed>