<?xml version='1.0' encoding='UTF-8'?><rss xmlns:atom="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" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-6220890542251379017</atom:id><lastBuildDate>Tue, 06 Mar 2018 20:57:42 +0000</lastBuildDate><category>pemrograman</category><category>Backend</category><category>css</category><category>framework</category><category>frontend</category><category>install</category><category>pengenalan</category><category>php 7</category><title>tempat sharing seputar PHP dan Pemrograman</title><description>tempat sharing seputar php dan mengulas semua tentang php dan juga berisi seputar pemrograman</description><link>http://ikhsanphp.blogspot.com/</link><managingEditor>noreply@blogger.com (Fatihul Ikhsan)</managingEditor><generator>Blogger</generator><openSearch:totalResults>3</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6220890542251379017.post-1909602426808933057</guid><pubDate>Sat, 20 Jan 2018 08:53:00 +0000</pubDate><atom:updated>2018-01-21T02:14:05.734-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">css</category><category domain="http://www.blogger.com/atom/ns#">framework</category><category domain="http://www.blogger.com/atom/ns#">pemrograman</category><category domain="http://www.blogger.com/atom/ns#">pengenalan</category><title>pengenalan framework materialize</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;b&gt;PEGENALAN FRAMEWORK MATERIALIZE&lt;/b&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://seeklogo.com/images/M/materialize-logo-0FCAD8A6F8-seeklogo.com.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;153&quot; data-original-width=&quot;300&quot; height=&quot;203&quot; src=&quot;https://seeklogo.com/images/M/materialize-logo-0FCAD8A6F8-seeklogo.com.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Di dunia pemrograman, banyak dari para programmer web sekarang yang banyak menggunakan framework untuk memudahkan mereka membuat project website mereka, dari sekian banyak framework CSS seperti , &lt;i&gt;Bootstrap , Skeleton , Flat UI , &lt;/i&gt;dll. pasti kalian belum pernah atau baru tahu tentang framework yang satu ini. Framework ini dibuat oleh Alvin Wang dan teamnya berdasarkan konsep &lt;i&gt;&quot;kekinian&quot;&lt;/i&gt;&amp;nbsp; seperti tema flat dll. Menurut saya ini framework yang paling bagus mungkin menurut anda bagaimana .... mungkin bisa diceritakan ..heheheh.. .. .OK Framework ini memiliki fitur fitur berbeda , mungkin saja framework lain punya kali ya.... Materialize ini sebenarnya sudah diakuisisi Google .. coba saja kalian mencoba framework ini gk heran website punya google yang lain mirip mirip dah tools nya kyk Framework ini ... , Materialize ini memiliki kelebihan yaitu bisa menggunakan SASS ataupun yg lain dan juga pastinya JQUERY. Mungkin kalian bisa cekidot langsung di official website nya&amp;nbsp;&lt;i&gt;&lt;b&gt;&lt;a href=&quot;http://www.materializecss.com/&quot;&gt;www.materializecss.com&lt;/a&gt;.&lt;/b&gt;&lt;/i&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;Ok langsung cekidot fitur fitur yang ditawarkan seperti ..&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;/div&gt;&lt;ul&gt;&lt;li&gt;&lt;b&gt;Components&lt;/b&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;CSS&amp;nbsp;&lt;/b&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;Javascript&lt;/b&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;Mobile&lt;/b&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;disini saya akan memberikan Fitur fitur yang menurut saya itu baru berikut daftar nnya&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;1. Color&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;color ini gampang hanya memanggilnya lewat kelas kelasnya seperti ini&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt; &lt;br /&gt;&lt;pre style=&quot;background: rgb(238, 238, 238); border-left-color: rgb(0, 116, 217); border-left-style: solid; border-left-width: 3px; box-sizing: inherit; font-family: inconsolata, monospace; font-size: 16px; line-height: 24px; max-width: 100%; overflow: auto; padding: 24px;&quot;&gt;&lt;span style=&quot;color: #222222;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;div &lt;/span&gt;&lt;span style=&quot;color: lime;&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color: #222222;&quot;&gt; = &quot;&lt;/span&gt;&lt;span style=&quot;color: orange;&quot;&gt;black lighten-3&lt;/span&gt;&lt;span style=&quot;color: #222222;&quot;&gt;&quot;&amp;gt;Hitam &amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: #222222;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/pre&gt;bisa dilihat kan ini sangat gampang sekali berikut gambar Screenshotnya&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://cdn.codeclouds.com/wp-content/uploads/2016/02/material-design-color-pallete-1024x797.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;623&quot; data-original-width=&quot;800&quot; height=&quot;498&quot; src=&quot;https://cdn.codeclouds.com/wp-content/uploads/2016/02/material-design-color-pallete-1024x797.jpg&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;/div&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;   2. Card&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;       card ini memudahkan untuk membuat konten dengan model kartu seperti gambar di bawah ini&lt;/pre&gt;&lt;pre&gt;&lt;/pre&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://ampersandacademy.com/fileman/Uploads/materializecss/materialize-card.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;277&quot; data-original-width=&quot;372&quot; height=&quot;476&quot; src=&quot;https://ampersandacademy.com/fileman/Uploads/materializecss/materialize-card.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;pre&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;     berikut baris kodenya&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;br /&gt;&lt;pre style=&quot;background: rgb(238, 238, 238); border-left-color: rgb(0, 116, 217); border-left-style: solid; border-left-width: 3px; box-sizing: inherit; font-family: inconsolata, monospace; font-size: 16px; line-height: 24px; max-width: 100%; overflow: auto; padding: 24px;&quot;&gt;&lt;pre class=&quot; language-markup&quot; style=&quot;background: rgb(245, 242, 240); border: 1px solid rgba(51, 51, 51, 0.117647); box-sizing: inherit; direction: ltr; font-family: Inconsolata, Monaco, Consolas, &#39;Andale Mono&#39;, monospace; font-size: 1.1rem; line-height: 1.4; margin-bottom: 0.5em; margin-top: 0.5em; overflow: auto; padding: 25px 12px 7px; position: relative; tab-size: 4; word-break: normal;&quot;&gt;&lt;code class=&quot; language-markup&quot; style=&quot;box-sizing: inherit; direction: ltr; font-family: Inconsolata, Monaco, Consolas, &#39;Andale Mono&#39;, monospace; font-size: 1.1rem; line-height: 1.4; position: relative; tab-size: 4; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: inherit; color: #669900;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: inherit; color: #0077aa;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;row&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;        &lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: inherit; color: #669900;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: inherit; color: #0077aa;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;col s12 m6&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;          &lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: inherit; color: #669900;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: inherit; color: #0077aa;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;card blue-grey darken-1&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;            &lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: inherit; color: #669900;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: inherit; color: #0077aa;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;card-content white-text&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;              &lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;&lt;/span&gt;span&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: inherit; color: #669900;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: inherit; color: #0077aa;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;card-title&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Card Title&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;/&lt;/span&gt;span&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;              &lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;&lt;/span&gt;p&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;I am a very simple card. I am good at containing small bits of information.&lt;br /&gt;              I am convenient because I require little markup to use effectively.&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;/&lt;/span&gt;p&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;            &lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;            &lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: inherit; color: #669900;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: inherit; color: #0077aa;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;card-action&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;              &lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;&lt;/span&gt;a&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: inherit; color: #669900;&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: inherit; color: #0077aa;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;#&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;This is a link&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;/&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;              &lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;&lt;/span&gt;a&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: inherit; color: #669900;&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: inherit; color: #0077aa;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;#&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;This is a link&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;/&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;            &lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;          &lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;        &lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;      &lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;            &lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;code class=&quot; language-markup&quot; style=&quot;box-sizing: inherit; direction: ltr; font-family: Inconsolata, Monaco, Consolas, &#39;Andale Mono&#39;, monospace; font-size: 1.1rem; line-height: 1.4; position: relative; tab-size: 4; word-break: normal; word-spacing: normal;&quot;&gt;&lt;/code&gt;&lt;/div&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/pre&gt;3. Parallax&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;          ini mencapurkan background konten dengan gambar tapi saat di scroll akan memiliki keceptannya seperti ini &lt;a href=&quot;http://materializecss.com/parallax-demo.html&quot;&gt;demonya&lt;/a&gt;&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;    &amp;nbsp;&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;     4. Scrollfire&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;          fitur ini seperti saat kita menscroll objek halaman nanti akan muncul animasinya seperti fadein , SlideLeft , dll. berikut &lt;a href=&quot;http://materializecss.com/scrollfire.html&quot;&gt;demonya&lt;/a&gt;&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;     5. Pushpin&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;          fitur yang ditawarkan ini seperti saat kita menscroll nanti akan memunculkan bagian bagian tertentu , daripada bingung mending lihat &lt;a href=&quot;http://materializecss.com/pushpin-demo.html&quot;&gt;demonya&lt;/a&gt;&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;     6. FeatureDiscovery&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;          fitur ini bisa digunakan saat ada pengunjung baru yang bingung akan toolbar toolbar website kita. Berikut &lt;a href=&quot;http://materializecss.com/feature-discovery.html&quot;&gt;demonya&lt;/a&gt;&lt;br /&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;     7. Toast &lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;          yaitu fitur seperti aplikasi di android seperti gambar di bawah&lt;/code&gt;&lt;/pre&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://storage.googleapis.com/material-design/publish/material_v_12/assets/0Bx4BSt6jniD7ZDd4OXY0X0t3cEE/components-toasts-usage4.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;384&quot; data-original-width=&quot;720&quot; height=&quot;170&quot; src=&quot;https://storage.googleapis.com/material-design/publish/material_v_12/assets/0Bx4BSt6jniD7ZDd4OXY0X0t3cEE/components-toasts-usage4.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;/div&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;        &lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;         hanya dengan sebaris kode javascript ini&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;br /&gt;&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt;&lt;pre class=&quot; language-javascript&quot; style=&quot;background: rgb(245, 242, 240); border: 1px solid rgba(51, 51, 51, 0.117647); box-sizing: inherit; direction: ltr; font-family: Inconsolata, Monaco, Consolas, &#39;Andale Mono&#39;, monospace; font-size: 1.1rem; line-height: 1.4; margin-bottom: 0.5em; margin-top: 0.5em; overflow: auto; padding: 25px 12px 7px; position: relative; tab-size: 4; word-break: normal;&quot;&gt;&lt;code class=&quot; language-javascript&quot; style=&quot;box-sizing: inherit; direction: ltr; font-family: Inconsolata, Monaco, Consolas, &#39;Andale Mono&#39;, monospace; font-size: 1.1rem; line-height: 1.4; position: relative; tab-size: 4; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token comment&quot; spellcheck=&quot;true&quot; style=&quot;box-sizing: inherit; color: slategrey;&quot;&gt;// Materialize.toast(message, displayLength, className, completeCallback);&lt;br /&gt;&lt;/span&gt;  Materialize&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: inherit; color: #dd4a68;&quot;&gt;toast&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: inherit; color: #669900;&quot;&gt;&#39;Second message sent&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token number&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;4000&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token comment&quot; spellcheck=&quot;true&quot; style=&quot;box-sizing: inherit; color: slategrey;&quot;&gt;// 4000 is the duration of the toas&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;         atau dengan tag html ini&lt;/pre&gt;&lt;pre&gt;&lt;pre class=&quot; language-markup&quot; style=&quot;background: rgb(245, 242, 240); border: 1px solid rgba(51, 51, 51, 0.117647); box-sizing: inherit; direction: ltr; font-family: Inconsolata, Monaco, Consolas, &#39;Andale Mono&#39;, monospace; font-size: 1.1rem; line-height: 1.4; margin-bottom: 0.5em; margin-top: 0.5em; overflow: auto; padding: 25px 12px 7px; position: relative; tab-size: 4; word-break: normal;&quot;&gt;&lt;code class=&quot; language-markup&quot; style=&quot;box-sizing: inherit; direction: ltr; font-family: Inconsolata, Monaco, Consolas, &#39;Andale Mono&#39;, monospace; font-size: 1.1rem; line-height: 1.4; position: relative; tab-size: 4; word-break: normal; word-spacing: normal;&quot;&gt; &lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;&lt;/span&gt;a&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: inherit; color: #669900;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: inherit; color: #0077aa;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;btn&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: inherit; color: #669900;&quot;&gt;onclick&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: inherit; color: #0077aa;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;Materialize.toast(&#39;First message sent&#39;, 4000)&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Toast!&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit; color: #990055;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: inherit;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;lt;/&lt;/span&gt;a&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: inherit; color: #999999;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/pre&gt;&lt;/code&gt;&lt;/pre&gt;&amp;nbsp; &amp;nbsp; dan masih banyak lagi, mungkin bisa cekidot di official websitenya ,&lt;br /&gt;&lt;blockquote class=&quot;tr_bq&quot;&gt;untuk e-booknya bisa didownload secara gratis di&lt;a href=&quot;https://www.tutorialspoint.com/materialize/materialize_tutorial.pdf&quot;&gt; sini&lt;/a&gt;&amp;nbsp;tapi semuanya bahasa inggris...hehehe&lt;/blockquote&gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp;Ok sekian dari saya mohon maaf hanya ini yang saya bagikan , karena prinsip saya &lt;i&gt;learn new for share &lt;/i&gt;. Salam Programmer</description><link>http://ikhsanphp.blogspot.com/2018/01/pengenalan-framework-materialize.html</link><author>noreply@blogger.com (Fatihul Ikhsan)</author><thr:total>0</thr:total><georss:featurename>Bekasi, Bekasi City, West Java, Indonesia</georss:featurename><georss:point>-6.2382699 106.97557260000008</georss:point><georss:box>-6.4908014 106.65284910000008 -5.9857384 107.29829610000007</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6220890542251379017.post-7946618148273096336</guid><pubDate>Sun, 31 Dec 2017 15:20:00 +0000</pubDate><atom:updated>2018-01-21T02:13:32.650-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">install</category><category domain="http://www.blogger.com/atom/ns#">pemrograman</category><category domain="http://www.blogger.com/atom/ns#">php 7</category><title>Langkah Langkah Install PHP 7 untuk Windows 7 32 bit </title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://devzone.zend.com/wp-content/uploads/2015/07/php7_white_large-1.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;406&quot; data-original-width=&quot;800&quot; height=&quot;323&quot; src=&quot;https://devzone.zend.com/wp-content/uploads/2015/07/php7_white_large-1.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Hiii semuanya saya kali ini akan menjelaskan cara install php 7 di windows 7 untuk 32 bit , okay sebelumnya kalian harus tahu bahwa php ini sekarang sudah upgrade menjadi PHP 7 keunggulannya yaitu lebih cepat 12 kali dari PHP &amp;nbsp;5 yang lama WOW... Okay tidak usah lama lama kita langsung mulai pertama ini bahan-bahan sebelum instal PHP 7 :&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;XAMPP komponen utama kalian bisa langsung install&lt;/li&gt;&lt;li&gt;&lt;span id=&quot;goog_2057614240&quot;&gt;&lt;/span&gt;&lt;a href=&quot;https://draft.blogger.com/&quot;&gt;&lt;/a&gt;&lt;span id=&quot;goog_2057614241&quot;&gt;&lt;/span&gt;&amp;nbsp; installer PHP 7 32 bit bisa diklik&amp;nbsp;&lt;a href=&quot;http://windows.php.net/downloads/releases/php-7.1.12-Win32-VC14-x86.zip&quot;&gt;disin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Microsoft Visual C++ 2015&amp;nbsp;&lt;a href=&quot;https://www.microsoft.com/en-us/download/details.aspx?id=40784&quot;&gt;disin&lt;/a&gt;i&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;Ok selanjutnya kalian buat folder di Folder htdocs seperti ini&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;a href=&quot;https://4.bp.blogspot.com/-IgmfVHWJeNw/Wkj4Xt90IYI/AAAAAAAAAB4/ZpI8ons3Xes5q7hMwKpNvg1nn7BnC6WAgCLcBGAs/s1600/forder-php7.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; data-original-height=&quot;64&quot; data-original-width=&quot;93&quot; src=&quot;https://4.bp.blogspot.com/-IgmfVHWJeNw/Wkj4Xt90IYI/AAAAAAAAAB4/ZpI8ons3Xes5q7hMwKpNvg1nn7BnC6WAgCLcBGAs/s1600/forder-php7.png&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;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;selanjutnya untuk tahap ini kalian harus menyalakan XAMPP nya bagian APACHE dan MYSQL &lt;b&gt;&lt;i&gt;lalu buka tombol config bagian APACHE kemudian buka XAMPP settings berikut Screenshotnya&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&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://1.bp.blogspot.com/-pSMz5sA_Obk/V85bw28eouI/AAAAAAAAAOw/0F_fxr56ds47TUTbrGbrDmAriiKpf_U-QCLcB/s1600/httpd.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;xampp ss&quot; border=&quot;0&quot; data-original-height=&quot;1015&quot; data-original-width=&quot;1600&quot; height=&quot;406&quot; src=&quot;https://1.bp.blogspot.com/-pSMz5sA_Obk/V85bw28eouI/AAAAAAAAAOw/0F_fxr56ds47TUTbrGbrDmAriiKpf_U-QCLcB/s640/httpd.png&quot; title=&quot;gambar xampp&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;Pokoknya buka deh bagian &lt;i style=&quot;font-weight: bold;&quot;&gt;httpd-xampp.conf &lt;/i&gt;kalo gk salah ya...hheheheheheh nanti sampe ada teks seperti ini&lt;br /&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot;&gt; &lt;br /&gt;&lt;pre style=&quot;background: rgb(238, 238, 238); border-left-color: rgb(0, 116, 217); border-left-style: solid; border-left-width: 3px; box-sizing: inherit; color: #222222; font-family: Inconsolata, monospace; font-size: 16px; line-height: 24px; max-width: 100%; overflow: auto; padding: 24px;&quot;&gt;#&lt;br /&gt;# XAMPP settings&lt;br /&gt;#&lt;br /&gt;&lt;br /&gt;&amp;lt;IfModule env_module&amp;gt;&lt;br /&gt; SetEnv MIBDIRS &quot;C:/xampp/&lt;b&gt;php7&lt;/b&gt;/extras/mibs&quot;&lt;br /&gt; SetEnv MYSQL_HOME &quot;\\xampp\\mysql\\bin&quot;&lt;br /&gt; SetEnv OPENSSL_CONF &quot;C:/xampp/apache/bin/&lt;span class=&quot;skimlinks-unlinked&quot; style=&quot;box-sizing: inherit;&quot;&gt;openssl.cnf&lt;/span&gt;&quot;&lt;br /&gt; SetEnv PHP_PEAR_SYSCONF_DIR &quot;\\xampp\\&lt;b&gt;php7&lt;/b&gt;&quot;&lt;br /&gt; SetEnv PHPRC &quot;\\xampp\\&lt;b&gt;php7&lt;/b&gt;&quot;&lt;br /&gt; SetEnv TMP &quot;\\xampp\\tmp&quot;&lt;br /&gt;&amp;lt;/IfModule&amp;gt;&lt;br /&gt;&lt;br /&gt;#&lt;br /&gt;# PHP-Module setup&lt;br /&gt;# &lt;br /&gt;LoadFile &quot;C:/xampp/&lt;b&gt;php7&lt;/b&gt;/php7ts.dll&quot; &lt;br /&gt;LoadFile &quot;C:/xampp/&lt;b&gt;php7&lt;/b&gt;/&lt;span class=&quot;skimlinks-unlinked&quot; style=&quot;box-sizing: inherit;&quot;&gt;libpq.dll&lt;/span&gt;&quot;&lt;br /&gt;LoadModule php7_module &quot;C:/xampp/&lt;b&gt;php7&lt;/b&gt;/&lt;b&gt;php7&lt;/b&gt;apache2_4.dl&lt;/pre&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;Nah yang di bold itu tadinya tulisan &lt;i style=&quot;font-weight: bold;&quot;&gt;PHP5 &lt;/i&gt;&amp;nbsp;jadi tinggal ganti &lt;i style=&quot;font-weight: bold;&quot;&gt;PHP7 &lt;/i&gt;&amp;nbsp;Ok selanjutnya kalian buka &lt;i&gt;Systems Environtment Variable &lt;/i&gt;&amp;nbsp;di bagian control panel&lt;br /&gt;&lt;b&gt;CARA BUKANYA&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;ol&gt;&lt;li&gt;&lt;b&gt;Klik start&amp;nbsp;&lt;/b&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;klik control panel&lt;/b&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;lalu buka tempat yang biasanya lihat kapasitas ram&lt;/b&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;kemudian buka Advance systems Settings&lt;/b&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;lalu ubah environtmentt variable nya di bagian Advance&lt;/b&gt;&lt;/li&gt;&lt;li&gt;&lt;b&gt;klik path lalu edit&lt;/b&gt;&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;Seperti ini mengubah environtment variablenya&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://2.bp.blogspot.com/-04A-V4aikAM/Vim13viFMJI/AAAAAAAAFVg/BIiISQUBJTw/s1600/edit_system_variable.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;147&quot; data-original-width=&quot;561&quot; height=&quot;166&quot; src=&quot;https://2.bp.blogspot.com/-04A-V4aikAM/Vim13viFMJI/AAAAAAAAFVg/BIiISQUBJTw/s1600/edit_system_variable.png&quot; width=&quot;640&quot; /&gt;&lt;/a&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;/div&gt;&lt;div&gt;Di ujungnya tambahin &lt;b&gt;nama direktori php 7 anda&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Kemudian anda restart XAMPP anda , lalu anda check melalui phpinfo()&lt;br /&gt;berikut screenshotnya&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://logikapagi.files.wordpress.com/2017/02/phpv7.png?w=863&amp;amp;h=316&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;293&quot; data-original-width=&quot;800&quot; height=&quot;234&quot; src=&quot;https://logikapagi.files.wordpress.com/2017/02/phpv7.png?w=863&amp;amp;h=316&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;thank you ...&lt;br /&gt;&lt;b&gt;NOTE :&amp;nbsp;&lt;/b&gt;&lt;br /&gt;&lt;blockquote class=&quot;tr_bq&quot;&gt;&lt;i&gt;Jika anda menemukan kesalahan langsung saja di kolom komentar untuk visual c++ nya itu untuk file&amp;nbsp;&lt;/i&gt;&lt;span style=&quot;background-color: white; color: #222222; font-family: &amp;quot;lora&amp;quot; , serif; font-size: 16px; line-height: 24px;&quot;&gt;VCRUNTIME140.dll agar installnya berhasil&lt;/span&gt;&lt;/blockquote&gt;&lt;br /&gt;Ok sekian dari saya salam programmer indonesia&amp;nbsp;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;</description><link>http://ikhsanphp.blogspot.com/2017/12/install-php-7-di-windows-7-untuk-32-bit.html</link><author>noreply@blogger.com (Fatihul Ikhsan)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://4.bp.blogspot.com/-IgmfVHWJeNw/Wkj4Xt90IYI/AAAAAAAAAB4/ZpI8ons3Xes5q7hMwKpNvg1nn7BnC6WAgCLcBGAs/s72-c/forder-php7.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6220890542251379017.post-3317466141501472053</guid><pubDate>Wed, 20 Dec 2017 14:39:00 +0000</pubDate><atom:updated>2018-01-21T02:13:07.343-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Backend</category><category domain="http://www.blogger.com/atom/ns#">frontend</category><category domain="http://www.blogger.com/atom/ns#">pemrograman</category><title>Perbedaan FrontEnd Developer dan BackEnd Developer</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://vironit-bevc00m.netdna-ssl.com/wp-content/uploads/2016/08/front-end-vs-back-end-750x375.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;375&quot; data-original-width=&quot;750&quot; height=&quot;160&quot; src=&quot;https://vironit-bevc00m.netdna-ssl.com/wp-content/uploads/2016/08/front-end-vs-back-end-750x375.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Hii para programmer di kesempatan kali ini saya akan menjelaskan tentang perbedaan Front End Developer dengan BackEnd developer sebelumnya kalian pernah atau belom mengetahui saat masih pemula di dunia pemrograman web apa sih backend ? apasih frontend ? sama saya dulu juga seperti itu Ok.. disini saya akan mengupas semuanya yang saya tahu .. disini konsepnya gampang FrontEnd mengatur tentang tampilan dari web dan BackEnd mengatur bagaimana web bekerja .. berikut perbedaanya&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;ol&gt;&lt;li&gt;Front End Developer&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;Biasanya berkutik ditampilan web&lt;/li&gt;&lt;li&gt;Membuat animasi&amp;nbsp;&lt;/li&gt;&lt;li&gt;Menggunakan bahasa pemrograman Javascript , Jquery , CSS , dan HTML dst.&lt;/li&gt;&lt;li&gt;Biasanya suka membuat website statis&amp;nbsp;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;ol&gt;&lt;li&gt;Back End Developer&lt;/li&gt;&lt;/ol&gt;&lt;ul&gt;&lt;li&gt;Berurusan dengan database seperti MySQL , SQL dst.&lt;/li&gt;&lt;li&gt;biasanya logikanya kuat ya.. mungkin&lt;/li&gt;&lt;li&gt;Menggunakan bahasa backend seperti PHP (&lt;i&gt;&lt;a href=&quot;https://ikhsanphp.blogspot.com/2017/12/install-php-7-di-windows-7-untuk-32-bit.html&quot;&gt;baca cara install PHP 7&lt;/a&gt;&lt;/i&gt;) , PERL , PYTHON , JAVA , C++ dst.&lt;/li&gt;&lt;li&gt;Biasanya suka membuat website dinamis&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;&amp;nbsp;Ok itu saja penjelasan dari saya &amp;nbsp;, itu saja yang saya tahu seputar perbedaan front end dan back end . jadi kalian bisa menentukan minatnya dibidang programming web . Mungkin jika anda bisa menguasai front and back end akan lebih bagus.... WOW That&#39;s amazing&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;/div&gt;</description><link>http://ikhsanphp.blogspot.com/2017/12/perbedaan-frontend-developer-dan.html</link><author>noreply@blogger.com (Fatihul Ikhsan)</author><thr:total>0</thr:total></item></channel></rss>