tag:blogger.com,1999:blog-35022458229636419702026-10-14T19:58:40.217+07:00ArmithemesGratis Download Template Premium Blogger, Wordpress, dan Tips Trik BloggingSeruyanCommunityhttp://www.blogger.com/profile/15652852314833498575noreply@blogger.comBlogger18125tag:blogger.com,1999:blog-3502245822963641970.post-81346138909390065492019-07-15T08:07:00.000+07:002019-07-15T08:24:53.204+07:00The Smart - Premium Free Download Blogger Template<br /> <div class="separator" style="clear: both; text-align: justify;"><img alt="download the smart premium blogger theme" data-original-height="387" data-original-width="600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtVR4JVpjwuWkSqpB74UyFWJpww9kBzi88ShMTnP-XXfnCW7KhVzF1y_dayzdNAicrp4N7hbXp3FIRsnmhZ-Ca9MFDMJI6M6YXJ01dKXjmcpkdgCFnnNjTYqVHbH_rjG-TDTjTKfUK3hU/s1600/download-The-Smart-premium-blogger-theme.png" title="download the smart v1 - high quality premium blogger template" /></div><div style="text-align: justify;">The smart blogger template adalah template blogger buatan Bamz.co.id yang memiliki 2 kolom dan footer 4 kolom, serta dibagian menunya terdapat mega menu yang cocok untuk kebutuhan blog pribadi yang gaul. </div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Armithemes akan jabarkan beberapa fitur-fiturnya dibawah ini.</div><div style="text-align: justify;"><br /> </div><h3 style="text-align: justify;">Responsive</h3><div style="text-align: justify;">Dengan desain responsif, website atau blog sobat akan terlihat bagus ketika di akses menggunakan desktop, tablet atau smartphone karena konten selalu ditampilkan dengan fokus utama. </div><h3 style="text-align: justify;">SEO</h3><div style="text-align: justify;">Template The Smart menggunakan H1, H2, H3 yang dinamis, Google Breadcrumbs, dan internal link yang sudah di sesuaikan sehingga website atau blog sobat lebih optimal &amp; SEO Friendly. </div><h3 style="text-align: justify;">Cross Browser</h3><div style="text-align: justify;">Desain dan kode yang digunakan sesuai dengan standar web. Hal ini memastikan desain website tampil dengan baik di browser internet modern, seperti Firefox, Chrome dll. </div><h3 style="text-align: justify;">Mudah digunakan</h3><div style="text-align: justify;">Tata letak pada Admin panel yang simpel akan memudahkan sobat mengatur posisi widget, sehingga blog sibat tetap tertata rapi dan pengunjung juga betah berada di website anda. </div><h3 style="text-align: justify;">Custom menu</h3><div style="text-align: justify;">Template ini menggunakan menu navigasi yang di sesuaikan. Sobat dapat menambah dan memodifikasi item menu navigasi yang lebih mudah dari sebelumnya. Halaman, kategori, external link, dll. </div><h3 style="text-align: justify;">Social share button</h3><div style="text-align: justify;">Dengan social share ini membuat pengunjung lebih aktif, mereka dapat membagikan tulisan sobat kepada teman-teman mereka di situs sosial media populer seperti facebook, twitter dan Google Plus. </div><h3 style="text-align: justify;">ADS READY</h3><div style="text-align: justify;">Penempatan iklan yang sempurna akan meningkatkan CTR / konversi iklan pada blog sobat. Hal ini juga memungkinkan penghasilan aobat juga akan meningkat. </div><h3 style="text-align: justify;">Support HTTPS</h3><div style="text-align: justify;">Sobat armithemea tidak perlu ragu untuk mengaktifkan HTTPS pada blogspot sobat, karena template ini sudah mendukung sepenuhnya fitur baru blogspot tersebut. </div><h3 style="text-align: justify;">Dan lain lain</h3><div style="text-align:justify;">Untuk link download / preview nya silahkan sobat klik pada tombol dibawah ini.</div><br/><br /> <div id="wrap"><a class="btn-slide" href="http://esimari.info/wi60M1" target="_blank"><br /> <span class="circle"><i class="fa fa-rocket"></i></span><br /> <span class="title">Dokumentasi</span><br /> <span class="title-hover">Click here</span><br /> </a><br /> <a class="btn-slide2" href="http://esimari.info/uN24MMF" target="_blank"><br /> <span class="circle2"><i class="fa fa-download"></i></span><br /> <span class="title2">Download</span><br /> <span class="title-hover2">Click here</span><br /> </a></div><br /> <br /> <div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com12tag:blogger.com,1999:blog-3502245822963641970.post-17538361077939189682019-05-23T20:52:00.000+07:002019-05-23T20:52:34.656+07:00Template Blog Mirip Torrent (Torrentism) Gratis Download<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Armithemes | Gratis Download Template Premium Blogger, Wordpress, dan Tips Trik Blogging - Template Blog Mirip Torrent (Torrentism) Gratis Download &nbsp;</div><div style="text-align: justify;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWmBGkcIiojLLjXPwJhp37lGPWX18WZ3iSV0vdjF_ZmgEFocu7AS-T7B4Dpu5zoIexX7AhB98rF1KJ88YxCM-j-OtyTd8J-kEzyPXf4knvDhkKV6SaQQrI3zlN0iwEdy-9NQgxUAzuW-IG/s1600/images.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="https://armithemes.blogspot.com/2019/05/template-blog-mirip-torrent-free-download.html" border="0" data-original-height="350" data-original-width="589" height="380" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWmBGkcIiojLLjXPwJhp37lGPWX18WZ3iSV0vdjF_ZmgEFocu7AS-T7B4Dpu5zoIexX7AhB98rF1KJ88YxCM-j-OtyTd8J-kEzyPXf4knvDhkKV6SaQQrI3zlN0iwEdy-9NQgxUAzuW-IG/s640/images.jpg" title="Template Blog Mirip Torrent (Torrentism) Gratis Download" width="640" /></a></div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Halo sobat blogger, setelah lama vakum untuk update blog, kali ini Armithemes akan membagikan secara gratis template blog seperti yang dipakai situs Torrent.&nbsp;</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Pastinya sobat pada tahu an situs Torrent itu?? Bagi yang belum tahu, situs Torrent adalah situs kumpulan berbagai macam file download yang disediakan secara gratis, namun file tersebut berektensikan *.torrent. Jadi kalau ingin mengunduh, harus menggunakan aplikasi tersendiri yang telah disediakan pihak Torrent itu sendiri.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Tanpa banyak basa-basi, silahkan sobat langsung sedot aja ini template dengan meng-klik tombol download dibawah ini.&nbsp;</div><div style="text-align: justify;"><br /> </div><br /> <div id="wrap"><a class="btn-slide" href="http://infosehatku.club/I1dDf4bZjekx" target="_blank"><br /> <span class="circle"><i class="fa fa-rocket"></i></span><br /> <span class="title">Dokumentasi</span><br /> <span class="title-hover">Click here</span><br /> </a><br /> <a class="btn-slide2" href="http://infosehatku.club/3OCDdoQ0N" target="_blank"><br /> <span class="circle2"><i class="fa fa-download"></i></span><br /> <span class="title2">Download</span><br /> <span class="title-hover2">Click here</span><br /> </a></div></div><br /> <br /> <br /> <div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3502245822963641970.post-52571646676430077112019-05-02T17:52:00.000+07:002019-05-02T17:52:52.127+07:00Download Template Liberty - 3 Column Premium Blogger Template<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><img alt="download premium blogger template" data-original-height="456" data-original-width="800" height="364" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyXlxOrZM-hpyax19pzLglxQksBq-kHga3xnZXnBIY1d7gcEz078Je3H95IqXaJfyWuGdvcGsMD7djMumdOWcXvovvv6qyizZMQe1yCrhRBgss6NXbGKZABbZ7QJU3b1-C4WhrBPpOrEM/s640/liberty-blog-blogger-template.png" title="download premium blogger template" width="640" /></div><div style="text-align: justify;"><br /> <br /> <a name='more'></a>Liberty adalah template blogger 3 kolom, didesain khusus untuk blog adsense dengan penempatan iklan yang lebih baik. Fokus pada Liberty Multi-Purpose Responsive Creative design Template yang dapat menggunakan semua jenis situs Bisnis. Homepage dirancang untuk multi guna, Otoritas blog, Agen, Aplikasi, Arsitek, Toko Roti, Kotak, Desain perbatasan, Bisnis, Amal, Perguruan Tinggi, Konstruksi, Perusahaan, Pendidikan, Hosting, Industri, Majalah, Medis, Pribadi, Portofolio, Restoran, Sekolah, Toko, Perjalanan, Universitas, Pernikahan dll. Desain dapat melampirkan orang-orang untuk meningkatkan merek Anda. Kesederhanaan dan warna-warni web membuat Anda bisnis yang berkelas untuk hubungan intim dengan pembaca Anda. Anda juga sedang menggali posting fitur Responsif dan desain responsif yang dapat menjadi pengalaman luar biasa kelas dunia bagi pengunjung dan pembaca Anda saat ini. </div><br /> <br /> <b>Fitur fitur liberty - 3 column premium blogger template</b><br /> <br /> <table cellpadding="0" cellspacing="0" style="text-align: left;"><tbody> <tr> <th>Features</th> <th>Availability</th> </tr> <tr> <td>Responsive</td> <td>True <a href="http://www.responsinator.com/?url=http%3A%2F%2Fidviralgo.blogspot.com%2F" rel="nofollow noopener" target="_blank">Cek</a></td> </tr> <tr> <td>Mobile Friendly</td> <td>True <a href="https://search.google.com/test/mobile-friendly?id=fSehBwxWKLL1i48VIdqU7w" rel="nofollow noopener" target="_blank">Cek</a></td> </tr> <tr> <td>SEO Friendly</td> <td>True</td> </tr> <tr> <td>Google testing tool validator</td> <td>True</td> </tr> <tr> <td>3 Column</td> <td>True</td> </tr> <tr> <td>Fast loading</td> <td>True</td> </tr> <tr> <td>Featured post</td> <td>True</td> </tr> <tr> <td>Ads sidebar</td> <td>True</td> </tr> <tr> <td>two type of menu</td> <td>True</td> </tr> <tr> <td>Dropdown menu</td> <td>True</td> </tr> <tr> <td>Tabbed sidebar</td> <td>True</td> </tr> <tr> <td>news ticker</td> <td>True</td> </tr> <tr> <td>3 type of comment</td> <td>True</td> </tr> <tr> <td>other feature</td> <td>True</td> </tr> </tbody></table><br /> </div><br /> <div id="wrap"><a href="http://liberty-templatesyard.blogspot.com/" class="btn-slide" target="_blank"><br /> <span class="circle"><i class="fa fa-rocket"></i></span><br /> <span class="title">Demo</span><br /> <span class="title-hover">Click here</span><br /> </a><br /> <a href="http://advancedautorepairtips.me/OHVsDOJIQDL1" class="btn-slide2" target="_blank"><br /> <span class="circle2"><i class="fa fa-download"></i></span><br /> <span class="title2">Download</span><br /> <span class="title-hover2">Click here</span><br /> </a><br /> </div></div><div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3502245822963641970.post-13402023376913927252019-03-31T08:59:00.003+07:002019-04-06T08:09:27.464+07:00 Gratis Download FlexiMag - Viral Blogger News Magazine / Blog Theme<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://armithemes.blogspot.com/2019/03/gratis-download-fleximag-viral-blogger.html"><img alt=" Gratis Download FlexiMag - Viral Blogger News Magazine / Blog Theme" border="0" data-original-height="326" data-original-width="640" height="326" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJmGlfbyX6Ura1hJ7zgEpIVpajSdRfli5hCUiYxls5msVy41EIEws2DZoZ2YzkfX-h2D6V2qrCoSLb11R4VDzk4pNW0fJSFCSoGfol0dabOkZaDcn1hjQ0RgKD3-t2cJr3pOCQ0ex5qelT/s640/ads-fleximag.webp" title=" Gratis Download FlexiMag - Viral Blogger News Magazine / Blog Theme" width="640" /></a></div><br /><br /> <div style="text-align: justify;">Fleximag adalah template blogger yang mengedepankan dan memaksimalkan jumlah klik pengunjung di blog kalian. fleximag memberikan versi yang lebih beda dengan sosial share option, trending post, SEO dan design yang atraktif. fleximag akan memberikan pengalamn yang mengesankan bagi pengunjung web blog kalian.</div><br /><br /> <b>Fitur fitur Fleximag - viral blogger news magazine / blog </b><br /><br /> <br /><br /> <ul><li>Fully Responsive Design - <a href="http://www.responsinator.com/?url=http://flexiblemagazinetheme.blogspot.com/" target="_blank">Check</a></li> <li>Google Testing Tool Validator - <a href="https://developers.google.com/structured-data/testing-tool/?url=http://flexiblemagazinetheme.blogspot.com" target="_blank">Check</a></li> <li>Mobile Friendly Design - <a href="https://www.google.com/webmasters/tools/mobile-friendly/?url=http://flexiblemagazinetheme.blogspot.com" target="_blank">Check</a></li> <li>Professional Theme</li> <li>Beautiful Large Featured Slider by Label</li> <li>Recent Posts support in page post</li> <li>Sticky Navigation &amp; Sidebar</li> <li>Trending Numbered Widget</li> <li>Super Easy Posting</li> <li>Useful Promo Boxes</li> <li>Theme-color Status Bar (mobile)</li> <li>Auto Image Lightbox</li> <li>Auto resize thumbnail image</li> <li>Threaded Comment</li> <li>Related posts support</li> <li>Social Media Icons in Footer</li> <li>Auto Author</li> <li>Unique Error 404 Page</li> <li>Compatible with major browsers (IE8+, Mozilla, Chrome, Safari)</li> <li>Professional admin layout, help you easy work with blog layout.</li> </ul><br /><br /> <br /><br /> <div id="wrap"><a href="http://flexiblemagazinetheme.blogspot.com/" class="btn-slide" target="_blank"><br /> <span class="circle"><i class="fa fa-rocket"></i></span><br /> <span class="title">Demo</span><br /> <span class="title-hover">Click here</span><br /> </a><br /> <a href="http://updatetribun.org/DkD58s" class="btn-slide2" target="_blank"><br /> <span class="circle2"><i class="fa fa-download"></i></span><br /> <span class="title2">Download</span><br /> <span class="title-hover2">Click here</span><br /> </a><br /> </div></div><div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com0Indonesia-0.789275 113.92132700000002-31.6684965 72.61273300000002 30.0899465 155.22992100000002tag:blogger.com,1999:blog-3502245822963641970.post-59026785318316081752019-03-07T18:04:00.003+07:002019-04-06T08:12:11.968+07:00Download Gratis Template Premium Mirip Hipwe<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://armithemes.blogspot.com/2019/03/download-template-mirip-hipwe-premium.html"><img alt="Download Gratis Template Premium Mirip Hipwe" border="0" data-original-height="387" data-original-width="600" height="412" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiC7-Y9M0EV2-Gtl8BkgHyLIi3Zdnz_Zf5cPPWyuQFSSkcRxR70IkgUmUUUW6gGeWQvkhkuQo0Z7eONkwWh8Y3uH0aNTomd7I409-rpCthLe12jF8l0d4coQBLaElFtiGxatbnmVnn_g1M/s640/hipwee1.webp" title="Download Gratis Template Premium Mirip Hipwe" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><br /> <div style="text-align: justify;">Hipwee merupakan media online berkonsep “social news site” yang menyajikan konten dengan potensi viral tinggi di media sosial. Hipwee memiliki ciri khas tersendiri dimana hampir kebanyakan tulisan-tulisannya berupa artikel dengan tema populer yang dekat dengan kehidupan sehari-hari anak muda urban dan menggunakan jenis esai berformat “listing” yang bertaburan foto</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Maka kali ini saya kana bagikan template premium mirip hipwe buatan <a href="https://foldertheme.blogspot.com/search/label/bamz.co.id" target="_blank" title="template buatan bamz.co.id">bamz.co.id</a> yang sangat responsive dan pastinya SEO friendly</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Untuk fitur fiturnya template mirip hipwe premium dibekali dengan framework bootstrap dan premium widget</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><br /> </div><h3 style="text-align: justify;"><b>Fitur fitur template hipwe blogger</b></h3><h4 style="text-align: justify;">Responsive</h4><div style="text-align: justify;">Dengan desain responsif, website Anda akan terlihat bagus ketika di akses menggunakan desktop, tablet atau smartphone karena konten selalu ditampilkan dengan fokus utama.</div><div style="text-align: justify;"><br /> </div><h4 style="text-align: justify;">SEO</h4><div style="text-align: justify;">Template kami menggunakan H1, H2, H3 yang dinamis, Google Breadcrumbs, dan internal link yang sudah di sesuaikan sehingga website anda lebih optimal &amp; SEO Friendly.</div><div style="text-align: justify;"><br /> </div><h4 style="text-align: justify;">Cross Browser</h4><div style="text-align: justify;">Desain dan kode yang Kami gunakan sesuai dengan standar web. Hal ini memastikan desain website tampil dengan baik di browser internet modern, seperti Firefox, Chrome dll.</div><div style="text-align: justify;"><br /> </div><h4 style="text-align: justify;">Mudah digunakan</h4><div style="text-align: justify;">Tata letak pada Admin panel yang simpel akan memudahkan Anda mengatur posisi widget, sehingga blog Anda tetap tertata rapi dan pengunjung juga betah berada di website anda.</div><div style="text-align: justify;"><br /> </div><h4 style="text-align: justify;">Custom menu</h4><div style="text-align: justify;">Template kami menggunakan menu navigasi yang di sesuaikan. Anda dapat menambah dan memodifikasi item menu navigasi yang lebih mudah dari sebelumnya. Halaman, kategori, external link, dll.</div><div style="text-align: justify;"><br /> </div><h4 style="text-align: justify;">Social share button</h4><div style="text-align: justify;">Dengan social share ini membuat pengunjung lebih aktif, mereka dapat membagikan tulisan anda kepada teman-teman mereka di situs sosial media populer seperti facebook, twitter dan Google Plus.</div><div style="text-align: justify;"><br /> </div><h4 style="text-align: justify;">ADS READY</h4><div style="text-align: justify;">Penempatan iklan yang sempurna akan meningkatkan CTR / konversi iklan pada blog Anda. Hal ini juga memungkinkan penghasilan Anda juga akan meningkat.</div><div style="text-align: justify;"><br /> </div><h4 style="text-align: justify;">Support HTTPS</h4><div style="text-align: justify;">Anda tidak perlu ragu untuk mengaktifkan HTTPS pada blogspot Anda, karena template kami sudah mendukung sepenuhnya fitur baru blogspot tersebut. </div><div style="text-align: justify;"><br /> </div><h4 style="text-align: justify;">Dan lain lain</h4><div style="text-align: justify;"><br /> </div><div id="wrap"><a href="https://demo.bamz.co.id/hipwee/" class="btn-slide" target="_blank"><br /> <span class="circle"><i class="fa fa-rocket"></i></span><br /> <span class="title">Demo</span><br /> <span class="title-hover">Click here</span><br /> </a><br /> <a href="http://1idsly.com/i0eLaKtH8" class="btn-slide2" target="_blank"><br /> <span class="circle2"><i class="fa fa-download"></i></span><br /> <span class="title2">Download</span><br /> <span class="title-hover2">Click here</span><br /> </a><br /> </div></div><div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com0Indonesia-0.789275 113.92132700000002-31.6684965 72.61273300000002 30.0899465 155.22992100000002tag:blogger.com,1999:blog-3502245822963641970.post-19270472733452439742019-03-04T17:01:00.000+07:002019-04-06T08:13:11.170+07:00Download Premium Blogmag Clean and Responsive Blogger Template Gratis<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://armithemes.blogspot.com/2019/03/download-premium-blogmag-clean-and.html"><img alt="Download Premium Blogmag Clean and Responsive Blogger Template Gratis" border="0" data-original-height="370" data-original-width="630" height="375" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDNOcWB9-icVmJWjSLqP9c5X0FyylP4R4ktQw2aSyibKlzh94pNIkSbC5MaF8_yU2tuB53LWNu2p5aTLoTE0ywmgg8s4G0JGZC6tUq_lV6g1U9El_0swa837hD3tXGCZeov6TLzYTFC57v/s640/blogmag-responsive-blogger-template.webp" title="Download Premium Blogmag Clean and Responsive Blogger Template Gratis" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><br /> <div style="text-align: justify;">Blogmag adalah template blogger yang simple, bersih, cocok untuk blog pribadi, desain yang modern dan responsiv, dan bisa juga digunakan sebagai template blog magazine dan berita, jurnal, dan berbagi curhatan. </div><br /> <h3 style="text-align: left;"><b>Fitur fitur blogmag clean and responsive blogger template</b></h3><ul><li>Fully Responsive Design</li> <li> Auto resize thumbnail image</li> <li> Well Documentation</li> <li> Threaded Comment</li> <li> Optimize SEO</li> <li> Ads Ready</li> <li> 2 Comment System (Blogger, Facebook)</li> <li> Auto Author Image</li> <li> Newsletter Subscription</li> <li> Custom Error 404 Page</li> <li> Compatible with major browsers (IE8+,Mozilla,Chrome,Safari)</li> <li> Professional admin layout, help you easy work with blog layout.</li> </ul><br /> <div id="wrap"><a href="http://blog-mag-themexpose.blogspot.com/" class="btn-slide" target="_blank"><br /> <span class="circle"><i class="fa fa-rocket"></i></span><br /> <span class="title">Demo</span><br /> <span class="title-hover">Click here</span><br /> </a><br /> <a href="http://1idsly.com/cwRtHxLrJ" class="btn-slide2" target="_blank"><br /> <span class="circle2"><i class="fa fa-download"></i></span><br /> <span class="title2">Download</span><br /> <span class="title-hover2">Click here</span><br /> </a><br /> </div><br /> </div><div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3502245822963641970.post-31635178830324237752019-03-03T19:16:00.000+07:002019-04-06T08:14:25.823+07:00Download Sevida v.2.5 Template Blogger Premium Terbaru Gratis<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://armithemes.blogspot.com/2019/03/download-sevida-v25-template-blogger.html"><img alt="Download Sevida v.2.5 Template Blogger Premium Terbaru Gratis" border="0" data-original-height="300" data-original-width="590" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRogOx5w3Vi9ZFTnTrRLSuVbs-L7Pw7f-zq6bdf3liCTrF6_Rin6zaKFs8LbsZShkRX-EpDUtshBJGgb04pU7T-9Wv1z_vMh4Hfa6riZA4sJbf4HCX0fnHiYewBMjmTGpJ-kZxZ-Zmv-I0/s640/download+template+blogger+premium+sevida+terbaru.webp" title="Download Sevida v.2.5 Template Blogger Premium Terbaru Gratis" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><br /> <div style="text-align: justify;">Sevida adalah template blogger premium yang responsive untuk blog dan magazine untuk para blogger. dengan template ini web blog kalian akan terlihat lebih keren dan fleksibel seperti website berbayar lainnya.</div><br /> <h3 style="text-align: left;"><b>Fitur Fitur Template Blogger Premium Sevida v.2.5</b></h3><br /> <ul><li>100% Responsive</li> <li>Widget by Labels with 15+ styles</li> <li>View Mode List and Grid on Latest Post width Cookies</li> <li>Shortcodes</li> <li>RTL Support</li> <li>Page Navigation support Ajax Effect</li> <li>Load More Post support Ajax Effect</li> <li>5 Styles Featured Post</li> <li>2 Styles Slider and Carousel</li> <li>Dropdown Menu</li> <li>5 Styles Mega Menu</li> <li>4 Comment System (Blogger, Facebook, Disqus, Spot.IM)</li> <li>Blogger Comment with Emoticon</li> <li>Newsticker Widget</li> <li>Support Print CSS and allow visitors share articles email</li> <li>Search using blogger JSON or Google Custom Search Engine</li> <li>Allow visitor increase / decrease text size on post and auto remember for future.</li> <li>Recent Post Widget</li> <li>3 Style Related Post Widget</li> <li>Recommended Widget</li> <li>Recent Comment Widget</li> <li>Social Icon (Top Menu and Sidebar)</li> <li>Support Sticky Menu and Sidebarv Custom Error 404 Page</li> <li>Ads ready</li> <li>Compatible with major browsers (IE8+,Mozilla,Chrome,Safari)</li> <li>Professional admin layout, help you easy work with blog layout.</li> <li>Support Advance Editor: upload background images, change background color, key colors, fonts</li> <li>and More.</li> </ul><br /> <div id="wrap"><a href="http://sevida-satankmkr.blogspot.com/" class="btn-slide" target="_blank"><br /> <span class="circle"><i class="fa fa-rocket"></i></span><br /> <span class="title">Demo</span><br /> <span class="title-hover">Click here</span><br /> </a><br /> <a href="http://1idsly.com/Y8tgX7g" class="btn-slide2" target="_blank"><br /> <span class="circle2"><i class="fa fa-download"></i></span><br /> <span class="title2">Download</span><br /> <span class="title-hover2">Click here</span><br /> </a><br /> </div></div><div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-3502245822963641970.post-1294530258099242952019-02-26T10:08:00.001+07:002019-02-27T12:20:11.425+07:00Kumpulan Kode Warna HTML CSS Lengkap Serta Cara Penggunaan Pada Teks Dan Latar Belakang<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://armithemes.blogspot.com/2019/02/kumpulan-kode-warna-html-css-lengkap.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="kode warna html - css" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl0ShS8NmtmSCcOiSJ8zkV8hoGKT92NLZECVua5F6rINsGxLuiIMhizTa-cGgzzXTSz8YYw-FngFYPaQ5SXcG65jxTnXmUe8kQgarGpyH6IApIs_5FIrpD_epbXyWwfoOOvzW2H2sey6bo/s640/New+Picture.bmp" width="645" height="636" data-original-width="645" data-original-height="636" /></a></div> <meta content="Kode Warna" itemprop="description"> <style type="text/css"> #flatuarlina ul.flatui{position:relative;display:table;width:100%;text-align:center;color:#fff;font-size:12px;margin:auto;position:relative;padding:0} #flatuarlina ul.flatui li{position:relative;display:flex;float:left;width:25%;min-height:160px;padding:4%;list-style:none;background:#444;text-align:center;font-family:inherit;color:rgba(255,255,255,);font-size:1.1rem;margin:auto;font-weight:700;backface-visibility:hidden;transition:all .3s cubic-bezier(1,0.015,0.295,1.225)} #flatuarlina ul.flatui li:hover{z-index:4} #flatuarlina ul.flatui li:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:;z-index:1;opacity:0;visibility:hidden;transform:scale(0.4)} #flatuarlina ul.flatui li:hover:before{opacity:1;visibility:visible;transform:scale(1.0)} #flatuarlina ul.flatui li:after{content:'Salin kode warna';display:block;position:absolute;padding:10px 0;font-weight:400;font-size:.8rem;left:0;right:0;bottom:0;opacity:0;color:rgba(255,255,255,.5);font-weight:700;visibility:hidden;transform:translate(0,30px);transition:all .3s cubic-bezier(1,0.015,0.295,1.225);transition-delay:.1s} #flatuarlina ul.flatui li:hover:after{opacity:1;visibility:visible;transform:translate(0,-10px);z-index:1;transition-delay:.8s} #flatuarlina ul.flatui li .kodebesar{width:100%;padding:0;display:block;float:none;margin:auto;clear:both;z-index:3} #flatuarlina ul.flatui li .kodekecil{width:100%;padding:0;display:block;float:none;margin:0 auto 10px auto;font-weight:400;font-size:.8rem;clear:both;z-index:3} @media screen and (max-width:800px){#flatuarlina ul.flatui li{width:33.3%;line-height:normal}} @media screen and (max-width:640px){#flatuarlina ul.flatui li{width:50%}} @media screen and (max-width:480px){#flatuarlina ul.flatui li{width:100%}</style><br> <style scoped="" type="text/css"> #outer-wrapper {margin:0 auto;text-align:left;float:none;background-position:center!important;} #post-wrapper {width:100%;max-width:100%;margin:0 auto;text-align:left;float:none;background-position:center!important;} .post-body,.post{background-position:center!important;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;} #blog1,#artikel,.blog-posts{background-position:center!important;} #comments,#sidebar-wrapper,#menu-wrap {display:none;margin-top:0;margin:0;} .post img{background:#fff;} #part-aside {box-shadow: 0 0 10px 5px #ddd;} #article {background:#fff;} .post {background:#fff;} .post-inner {padding:15px 0 0 0;} #font-awesome-list{margin-top:3em}#font-awesome-list ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px} #font-awesome-list li{list-style:none;padding:6px;border-radius:4px;transition:initial;} #font-awesome-list li:before{display:none;width:0;height:0} #font-awesome-list li i:before{font-size:24px;font-size:1.5rem;position:relative;top:4px;color:#666} #font-awesome-list li:hover{background-color:#27A0DC;color:#fff;transition:initial;} #font-awesome-list li:hover i:before{color:#fff} #font-awesome-list span{display:inline-block;font-family:'Open Sans',sans-serif;font-size:13px;font-size:.8125rem;transition:initial;} #font-awesome-list span:hover{transition:initial;} #font-awesome-list i{width:30px;text-align:center;margin-right:20px} #font-awesome-list .icon-name{width:180px;text-align:left;transition:initial;} #font-awesome-list .icon-name:hover{transition:initial;} #font-awesome-list .icon-value,#font-awesome-list .icon-value:hover{transition:initial;} .non-semantic-protector{position:relative;z-index:1}h1.post-title {visibility:hidden;width:0;height:0;}.ribbon{font-size:20px!important;text-transform:uppercase;width:50%;position:relative;background:#f35b5b;color:#fff;text-align:center;padding:1em 2em;margin:2em auto 3em}.ribbon:after,.ribbon:before{content:"";position:absolute;display:block;bottom:-1em;border:1.5em solid #d74545;z-index:-1}.ribbon:before{left:-2em;border-right-width:1.5em;border-left-color:transparent}.ribbon:after{right:-2em;border-left-width:1.5em;border-right-color:transparent}.ribbon .ribbon-content:after,.ribbon .ribbon-content:before{content:"";position:absolute;display:block;border-style:solid;border-color:#b23232 transparent transparent;bottom:-1em}.ribbon .ribbon-content:before{left:0;border-width:1em 0 0 1em}.ribbon .ribbon-content:after{right:0;border-width:1em 1em 0 0} pre{background-color:#f5f5f5;border-radius:5px;border:1px solid #e5e5e5} pre[data-codetype="CSSku"]:before,pre[data-codetype="HTMLku"]:before,pre[data-codetype="JavaScriptku"]:before,pre[data-codetype="JQueryku"]:before{background-color:#fff;box-shadow:none;border-bottom:1px solid #e5e5e5} pre code{color:#666} #main-wrapper{padding:0;width:100%;border:0} .prewrap{margin:auto;max-width:72%} .post ul li span{margin:0} @media only screen and (max-width:640px){ .prewrap{max-width:98%}} </style> <div class="entry-content"> <p style="text-align: justify;">Kali ini ArMi Themes akan membagikan<strong> kode warna HTML – CSS</strong> lengkap berdasarkan kode hexadecimal dan kode RGB. Semoga bermanfaat buat temen-teman blogger yang mau belajar mengubah desain blog pada kode warna HTML – CSS.</p> <h2>Berikut&nbsp; 350 + Kode Warna HTML – CSS Lengkap :</h2> <div class="non-semantic-protector"><h3 class="ribbon"><strong class="ribbon-content">Daftar Kode Warna HTML – CSS</strong><br> </h3></div> <p>&nbsp;</p> <table style="overflow-x:auto;"> <tbody> <tr> <th style="width: 208px; text-align: center;">Nama Warna HTML</th> <th style="width: 115px; text-align: center;">HEX</th> <th style="width: 240px; text-align: center;">Color</th> </tr> <tr> <td style="width: 208px;">AliceBlue</td> <td style="width: 115px;text-align: center;">#F0F8FF</td> <td style="background-color: #f0f8ff; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">AntiqueWhite</td> <td style="width: 115px;text-align: center;">#FAEBD7</td> <td style="background-color: #faebd7; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Aqua</td> <td style="width: 115px;text-align: center;">#00FFFF</td> <td style="background-color: #00ffff; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Aquamarine</td> <td style="width: 115px;text-align: center;">#7FFFD4</td> <td style="background-color: #7fffd4; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Azure</td> <td style="width: 115px;text-align: center;">#F0FFFF</td> <td style="background-color: #f0ffff; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Beige</td> <td style="width: 115px;text-align: center;">#F5F5DC</td> <td style="background-color: #f5f5dc; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Bisque</td> <td style="width: 115px;text-align: center;">#FFE4C4</td> <td style="background-color: #ffe4c4; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Black</td> <td style="width: 115px;text-align: center;">#000000</td> <td style="background-color: #000000; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">BlanchedAlmond</td> <td style="width: 115px;text-align: center;">#FFEBCD</td> <td style="background-color: #ffebcd; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Blue</td> <td style="width: 115px;text-align: center;">#0000FF</td> <td style="background-color: #0000ff; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">BlueViolet</td> <td style="width: 115px;text-align: center;">#8A2BE2</td> <td style="background-color: #8a2be2; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Brown</td> <td style="width: 115px;text-align: center;">#A52A2A</td> <td style="background-color: #a52a2a; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">BurlyWood</td> <td style="width: 115px;text-align: center;">#DEB887</td> <td style="background-color: #deb887; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">CadetBlue</td> <td style="width: 115px;text-align: center;">#5F9EA0</td> <td style="background-color: #5f9ea0; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Chartreuse</td> <td style="width: 115px;text-align: center;">#7FFF00</td> <td style="background-color: #7fff00; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Chocolate</td> <td style="width: 115px;text-align: center;">#D2691E</td> <td style="background-color: #d2691e; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Coral</td> <td style="width: 115px;text-align: center;">#FF7F50</td> <td style="background-color: #ff7f50; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">CornflowerBlue</td> <td style="width: 115px;text-align: center;">#6495ED</td> <td style="background-color: #6495ed; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Cornsilk</td> <td style="width: 115px;text-align: center;">#FFF8DC</td> <td style="background-color: #fff8dc; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Crimson</td> <td style="width: 115px;text-align: center;">#DC143C</td> <td style="background-color: #dc143c; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Cyan</td> <td style="width: 115px;text-align: center;">#00FFFF</td> <td style="background-color: #00ffff; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkBlue</td> <td style="width: 115px;text-align: center;">#00008B</td> <td style="background-color: #00008b; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkCyan</td> <td style="width: 115px;text-align: center;">#008B8B</td> <td style="background-color: #008b8b; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkGoldenRod</td> <td style="width: 115px;text-align: center;">#B8860B</td> <td style="background-color: #b8860b; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkGray</td> <td style="width: 115px;text-align: center;">#A9A9A9</td> <td style="background-color: #a9a9a9; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkGrey</td> <td style="width: 115px;text-align: center;">#A9A9A9</td> <td style="background-color: #a9a9a9; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkGreen</td> <td style="width: 115px;text-align: center;">#006400</td> <td style="background-color: #006400; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkKhaki</td> <td style="width: 115px;text-align: center;">#BDB76B</td> <td style="background-color: #bdb76b; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkMagenta</td> <td style="width: 115px;text-align: center;">#8B008B</td> <td style="background-color: #8b008b; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkOliveGreen</td> <td style="width: 115px;text-align: center;">#556B2F</td> <td style="background-color: #556b2f; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkOrange</td> <td style="width: 115px;text-align: center;">#FF8C00</td> <td style="background-color: #ff8c00; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkOrchid</td> <td style="width: 115px;text-align: center;">#9932CC</td> <td style="background-color: #9932cc; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkRed</td> <td style="width: 115px;text-align: center;">#8B0000</td> <td style="background-color: #8b0000; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkSalmon</td> <td style="width: 115px;text-align: center;">#E9967A</td> <td style="background-color: #e9967a; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkSeaGreen</td> <td style="width: 115px;text-align: center;">#8FBC8F</td> <td style="background-color: #8fbc8f; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkSlateBlue</td> <td style="width: 115px;text-align: center;">#483D8B</td> <td style="background-color: #483d8b; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkSlateGray</td> <td style="width: 115px;text-align: center;">#2F4F4F</td> <td style="background-color: #2f4f4f; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkSlateGrey</td> <td style="width: 115px;text-align: center;">#2F4F4F</td> <td style="background-color: #2f4f4f; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkTurquoise</td> <td style="width: 115px;text-align: center;">#00CED1</td> <td style="background-color: #00ced1; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DarkViolet</td> <td style="width: 115px;text-align: center;">#9400D3</td> <td style="background-color: #9400d3; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DeepPink</td> <td style="width: 115px;text-align: center;">#FF1493</td> <td style="background-color: #ff1493; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DeepSkyBlue</td> <td style="width: 115px;text-align: center;">#00BFFF</td> <td style="background-color: #00bfff; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DimGray</td> <td style="width: 115px;text-align: center;">#696969</td> <td style="background-color: #696969; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DimGrey</td> <td style="width: 115px;text-align: center;">#696969</td> <td style="background-color: #696969; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">DodgerBlue</td> <td style="width: 115px;text-align: center;">#1E90FF</td> <td style="background-color: #1e90ff; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">FireBrick</td> <td style="width: 115px;text-align: center;">#B22222</td> <td style="background-color: #b22222; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">FloralWhite</td> <td style="width: 115px;text-align: center;">#FFFAF0</td> <td style="background-color: #fffaf0; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">ForestGreen</td> <td style="width: 115px;text-align: center;">#228B22</td> <td style="background-color: #228b22; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Fuchsia</td> <td style="width: 115px;text-align: center;">#FF00FF</td> <td style="background-color: #ff00ff; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Gainsboro</td> <td style="width: 115px;text-align: center;">#DCDCDC</td> <td style="background-color: #dcdcdc; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">GhostWhite</td> <td style="width: 115px;text-align: center;">#F8F8FF</td> <td style="background-color: #f8f8ff; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Gold</td> <td style="width: 115px;text-align: center;">#FFD700</td> <td style="background-color: #ffd700; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">GoldenRod</td> <td style="width: 115px;text-align: center;">#DAA520</td> <td style="background-color: #daa520; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Grey</td> <td style="width: 115px;text-align: center;">#808080</td> <td style="background-color: #808080; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Green</td> <td style="width: 115px;text-align: center;">#008000</td> <td style="background-color: #008000; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">GreenYellow</td> <td style="width: 115px;text-align: center;">#ADFF2F</td> <td style="background-color: #adff2f; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">HoneyDew</td> <td style="width: 115px;text-align: center;">#F0FFF0</td> <td style="background-color: #f0fff0; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">HotPink</td> <td style="width: 115px;text-align: center;">#FF69B4</td> <td style="background-color: #ff69b4; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">IndianRed</td> <td style="width: 115px;text-align: center;">#CD5C5C</td> <td style="background-color: #cd5c5c; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Indigo</td> <td style="width: 115px;text-align: center;">#4B0082</td> <td style="background-color: #4b0082; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Ivory</td> <td style="width: 115px;text-align: center;">#FFFFF0</td> <td style="background-color: #fffff0; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Khaki</td> <td style="width: 115px;text-align: center;">#F0E68C</td> <td style="background-color: #f0e68c; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Lavender</td> <td style="width: 115px;text-align: center;">#E6E6FA</td> <td style="background-color: #e6e6fa; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LavenderBlush</td> <td style="width: 115px;text-align: center;">#FFF0F5</td> <td style="background-color: #fff0f5; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LawnGreen</td> <td style="width: 115px;text-align: center;">#7CFC00</td> <td style="background-color: #7cfc00; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LemonChiffon</td> <td style="width: 115px;text-align: center;">#FFFACD</td> <td style="background-color: #fffacd; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LightBlue</td> <td style="width: 115px;text-align: center;">#ADD8E6</td> <td style="background-color: #add8e6; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LightCoral</td> <td style="width: 115px;text-align: center;">#F08080</td> <td style="background-color: #f08080; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LightCyan</td> <td style="width: 115px;text-align: center;">#E0FFFF</td> <td style="background-color: #e0ffff; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LightGoldenRodYellow</td> <td style="width: 115px;text-align: center;">#FAFAD2</td> <td style="background-color: #fafad2; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LightGrey</td> <td style="width: 115px;text-align: center;">#D3D3D3</td> <td style="background-color: #d3d3d3; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LightGreen</td> <td style="width: 115px;text-align: center;">#90EE90</td> <td style="background-color: #90ee90; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LightPink</td> <td style="width: 115px;text-align: center;">#FFB6C1</td> <td style="background-color: #ffb6c1; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LightSalmon</td> <td style="width: 115px;text-align: center;">#FFA07A</td> <td style="background-color: #ffa07a; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LightSeaGreen</td> <td style="width: 115px;text-align: center;">#20B2AA</td> <td style="background-color: #20b2aa; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LightSkyBlue</td> <td style="width: 115px;text-align: center;">#87CEFA</td> <td style="background-color: #87cefa; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LightSlateGrey</td> <td style="width: 115px;text-align: center;">#778899</td> <td style="background-color: #778899; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LightSteelBlue</td> <td style="width: 115px;text-align: center;">#B0C4DE</td> <td style="background-color: #b0c4de; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LightYellow</td> <td style="width: 115px;text-align: center;">#FFFFE0</td> <td style="background-color: #ffffe0; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Lime</td> <td style="width: 115px;text-align: center;">#00FF00</td> <td style="background-color: #00ff00; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">LimeGreen</td> <td style="width: 115px;text-align: center;">#32CD32</td> <td style="background-color: #32cd32; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Linen</td> <td style="width: 115px;text-align: center;">#FAF0E6</td> <td style="background-color: #faf0e6; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Magenta</td> <td style="width: 115px;text-align: center;">#FF00FF</td> <td style="background-color: #ff00ff; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Maroon</td> <td style="width: 115px;text-align: center;">#800000</td> <td style="background-color: #800000; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">MediumAquaMarine</td> <td style="width: 115px;text-align: center;">#66CDAA</td> <td style="background-color: #66cdaa; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">MediumBlue</td> <td style="width: 115px;text-align: center;">#0000CD</td> <td style="background-color: #0000cd; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">MediumOrchid</td> <td style="width: 115px;text-align: center;">#BA55D3</td> <td style="background-color: #ba55d3; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">MediumPurple</td> <td style="width: 115px;text-align: center;">#9370DB</td> <td style="background-color: #9370db; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">MediumSeaGreen</td> <td style="width: 115px;text-align: center;">#3CB371</td> <td style="background-color: #3cb371; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">MediumSlateBlue</td> <td style="width: 115px;text-align: center;">#7B68EE</td> <td style="background-color: #7b68ee; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">MediumSpringGreen</td> <td style="width: 115px;text-align: center;">#00FA9A</td> <td style="background-color: #00fa9a; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">MediumTurquoise</td> <td style="width: 115px;text-align: center;">#48D1CC</td> <td style="background-color: #48d1cc; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">MediumVioletRed</td> <td style="width: 115px;text-align: center;">#C71585</td> <td style="background-color: #c71585; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">MidnightBlue</td> <td style="width: 115px;text-align: center;">#191970</td> <td style="background-color: #191970; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">MintCream</td> <td style="width: 115px;text-align: center;">#F5FFFA</td> <td style="background-color: #f5fffa; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">MistyRose</td> <td style="width: 115px;text-align: center;">#FFE4E1</td> <td style="background-color: #ffe4e1; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Moccasin</td> <td style="width: 115px;text-align: center;">#FFE4B5</td> <td style="background-color: #ffe4b5; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">NavajoWhite</td> <td style="width: 115px;text-align: center;">#FFDEAD</td> <td style="background-color: #ffdead; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Navy</td> <td style="width: 115px;text-align: center;">#000080</td> <td style="background-color: #000080; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">OldLace</td> <td style="width: 115px;text-align: center;">#FDF5E6</td> <td style="background-color: #fdf5e6; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Olive</td> <td style="width: 115px;text-align: center;">#808000</td> <td style="background-color: #808000; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">OliveDrab</td> <td style="width: 115px;text-align: center;">#6B8E23</td> <td style="background-color: #6b8e23; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Orange</td> <td style="width: 115px;text-align: center;">#FFA500</td> <td style="background-color: #ffa500; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">OrangeRed</td> <td style="width: 115px;text-align: center;">#FF4500</td> <td style="background-color: #ff4500; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Orchid</td> <td style="width: 115px;text-align: center;">#DA70D6</td> <td style="background-color: #da70d6; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">PaleGoldenRod</td> <td style="width: 115px;text-align: center;">#EEE8AA</td> <td style="background-color: #eee8aa; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">PaleGreen</td> <td style="width: 115px;text-align: center;">#98FB98</td> <td style="background-color: #98fb98; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">PaleTurquoise</td> <td style="width: 115px;text-align: center;">#AFEEEE</td> <td style="background-color: #afeeee; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">PaleVioletRed</td> <td style="width: 115px;text-align: center;">#DB7093</td> <td style="background-color: #db7093; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">PapayaWhip</td> <td style="width: 115px;text-align: center;">#FFEFD5</td> <td style="background-color: #ffefd5; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">PeachPuff</td> <td style="width: 115px;text-align: center;">#FFDAB9</td> <td style="background-color: #ffdab9; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Peru</td> <td style="width: 115px;text-align: center;">#CD853F</td> <td style="background-color: #cd853f; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Pink</td> <td style="width: 115px;text-align: center;">#FFC0CB</td> <td style="background-color: #ffc0cb; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Plum</td> <td style="width: 115px;text-align: center;">#DDA0DD</td> <td style="background-color: #dda0dd; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">PowderBlue</td> <td style="width: 115px;text-align: center;">#B0E0E6</td> <td style="background-color: #b0e0e6; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Purple</td> <td style="width: 115px;text-align: center;">#800080</td> <td style="background-color: #800080; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">RebeccaPurple</td> <td style="width: 115px;text-align: center;">#663399</td> <td style="background-color: #663399; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Red</td> <td style="width: 115px;text-align: center;">#FF0000</td> <td style="background-color: #ff0000; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">RosyBrown</td> <td style="width: 115px;text-align: center;">#BC8F8F</td> <td style="background-color: #bc8f8f; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">RoyalBlue</td> <td style="width: 115px;text-align: center;">#4169E1</td> <td style="background-color: #4169e1; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">SaddleBrown</td> <td style="width: 115px;text-align: center;">#8B4513</td> <td style="background-color: #8b4513; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Salmon</td> <td style="width: 115px;text-align: center;">#FA8072</td> <td style="background-color: #fa8072; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">SandyBrown</td> <td style="width: 115px;text-align: center;">#F4A460</td> <td style="background-color: #f4a460; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">SeaGreen</td> <td style="width: 115px;text-align: center;">#2E8B57</td> <td style="background-color: #2e8b57; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">SeaShell</td> <td style="width: 115px;text-align: center;">#FFF5EE</td> <td style="background-color: #fff5ee; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Sienna</td> <td style="width: 115px;text-align: center;">#A0522D</td> <td style="background-color: #a0522d; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Silver</td> <td style="width: 115px;text-align: center;">#C0C0C0</td> <td style="background-color: #c0c0c0; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">SkyBlue</td> <td style="width: 115px;text-align: center;">#87CEEB</td> <td style="background-color: #87ceeb; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">SlateBlue</td> <td style="width: 115px;text-align: center;">#6A5ACD</td> <td style="background-color: #6a5acd; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">SlateGrey</td> <td style="width: 115px;text-align: center;">#708090</td> <td style="background-color: #708090; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Snow</td> <td style="width: 115px;text-align: center;">#FFFAFA</td> <td style="background-color: #fffafa; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">SpringGreen</td> <td style="width: 115px;text-align: center;">#00FF7F</td> <td style="background-color: #00ff7f; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">SteelBlue</td> <td style="width: 115px;text-align: center;">#4682B4</td> <td style="background-color: #4682b4; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Tan</td> <td style="width: 115px;text-align: center;">#D2B48C</td> <td style="background-color: #d2b48c; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Teal</td> <td style="width: 115px;text-align: center;">#008080</td> <td style="background-color: #008080; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Thistle</td> <td style="width: 115px;text-align: center;">#D8BFD8</td> <td style="background-color: #d8bfd8; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Tomato</td> <td style="width: 115px;text-align: center;">#FF6347</td> <td style="background-color: #ff6347; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Turquoise</td> <td style="width: 115px;text-align: center;">#40E0D0</td> <td style="background-color: #40e0d0; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Violet</td> <td style="width: 115px;text-align: center;">#EE82EE</td> <td style="background-color: #ee82ee; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Wheat</td> <td style="width: 115px;text-align: center;">#F5DEB3</td> <td style="background-color: #f5deb3; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">White</td> <td style="width: 115px;text-align: center;">#FFFFFF</td> <td style="background-color: #ffffff; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">WhiteSmoke</td> <td style="width: 115px;text-align: center;">#F5F5F5</td> <td style="background-color: #f5f5f5; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">Yellow</td> <td style="width: 115px;text-align: center;">#FFFF00</td> <td style="background-color: #ffff00; width: 240px;"></td> </tr> <tr> <td style="width: 208px;">YellowGreen</td> <td style="width: 115px;text-align: center;">#9ACD32</td> <td style="background-color: #9acd32; width: 240px;"></td> </tr> </tbody> </table> <p>&nbsp;</p> <h2>Cara Menggunakan Kode Warna HTML – CSS</h2> <p><span style="font-size: 18pt;"><strong>Penggunaan kode warna HTML – CSS pada teks</strong></span></p> <div class="non-semantic-protector"><h3 class="ribbon"><strong class="ribbon-content">Contoh Penulisan HTML</strong><br> </h3></div> <div style="bacground: #ccc; border: 1px solid #ff0000; padding: 5px;"><code>&lt;h3 style="color:#ff0000"&gt;Kode Warna HTML CSS&lt;/h3&gt;</code><br> <code>&lt;h3 style="color:#ffff00"&gt;Kode Warna HTML CSS&lt;/h3&gt;</code><br> <code>&lt;h3 style="color:#00ff00"&gt;Kode Warna HTML CSS&lt;/h3&gt;</code><br> <code>&lt;h3 style="color:#00ffff"&gt;Kode Warna HTML CSS&lt;/h3&gt;</code><br> <code>&lt;h3 style="color:#0000ff"&gt;Kode Warna HTML CSS&lt;/h3&gt;</code></div> <div class="non-semantic-protector"><h3 class="ribbon"><strong class="ribbon-content">Hasil Penulisan HTML</strong><br> </h3></div> <h3 style="color: #ff0000;">Kode Warna HTML CSS</h3> <h3 style="color: #ffff00;">Kode Warna HTML CSS</h3> <h3 style="color: #00ff00;">Kode Warna HTML CSS</h3> <h3 style="color: #00ffff;">Kode Warna HTML CSS</h3> <h3 style="color: #0000ff;">Kode Warna HTML CSS</h3> <p><span style="font-size: 18pt;"><strong>Penggunaan kode warna HTML – CSS pada background</strong></span></p> <div class="non-semantic-protector"><h3 class="ribbon"><strong class="ribbon-content">Contoh Penulisan HTML</strong><br> </h3></div> <div style="bacground: #ccc; border: 1px solid #ff0000; padding: 5px;"><code>&lt;h3 style="background-color:#ff0000"&gt;Kode Warna HTML CSS&lt;/h3&gt;</code><br> <code>&lt;h3 style="background-color:#ffff00"&gt;Kode Warna HTML CSS&lt;/h3&gt;</code><br> <code>&lt;h3 style="background-color:#00ff00"&gt;Kode Warna HTML CSS&lt;/h3&gt;</code><br> <code>&lt;h3 style="background-color:#00ffff"&gt;Kode Warna HTML CSS&lt;/h3&gt;</code><br> <code>&lt;h3 style="background-color:#0000ff"&gt;Kode Warna HTML CSS&lt;/h3&gt;</code></div> <div class="non-semantic-protector"><h3 class="ribbon"><strong class="ribbon-content">Hasil Penulisan HTML</strong><br> </h3></div> <h3 style="background-color: #ff0000;">Kode Warna HTML CSS</h3> <h3 style="background-color: #ffff00;">Kode Warna HTML CSS</h3> <h3 style="background-color: #00ff00;">Kode Warna HTML CSS</h3> <h3 style="background-color: #00ffff;">Kode Warna HTML CSS</h3> <h3 style="background-color: #0000ff;">Kode Warna HTML CSS</h3> <p><span style="font-size: 18pt;"><strong>Penggunaan kode warna HTML – CSS pada border</strong></span></p> <div class="non-semantic-protector"><h3 class="ribbon"><strong class="ribbon-content">Contoh Penulisan HTML</strong><br> </h3></div> <div style="bacground: #ccc; border: 1px solid #ff0000; padding: 5px;"><code>&lt;h3 style="border: 2px solid #ff0000"&gt;Kode Warna HTML CSS&lt;/h3&gt;</code><br> <code>&lt;h3 style="border: 2px solid #ffff00;""&gt;Kode Warna HTML CSS&lt;/h3&gt;</code><br> <code>&lt;h3 style="border: 2px solid #00ff00"&gt;Kode Warna HTML CSS&lt;/h3&gt;</code><br> <code>&lt;h3 style="border: 2px solid #00ffff"&gt;Kode Warna HTML CSS&lt;/h3&gt;</code><br> <code>&lt;h3 style="border: 2px solid #0000ff"&gt;Kode Warna HTML CSS&lt;/h3&gt;</code></div> <div class="non-semantic-protector"><h3 class="ribbon"><strong class="ribbon-content">Hasil Penulisan HTML</strong><br> </h3></div> <h3 style="border: 2px solid #ff0000;">Kode Warna HTML CSS</h3> <h3 style="border: 2px solid #ffff00;">Kode Warna HTML CSS</h3> <h3 style="border: 2px solid #00ff00;">Kode Warna HTML CSS</h3> <h3 style="border: 2px solid #00ffff;">Kode Warna HTML CSS</h3> <h3 style="border: 2px solid #0000ff;">Kode Warna HTML CSS</h3> <hr> <div class="non-semantic-protector"><h3 class="ribbon"><strong class="ribbon-content">Daftar Kode Warna HTML – CSS Lainnya</strong><br> </h3></div> <div id="flatuarlina"> <ul class="flatui"> <li style="background: #5C97BF;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #5C97BF</span><br> </li> <li style="background: #4B77BE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #4B77BE</span><br> </li> <li style="background: #1F3A93;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1F3A93</span><br> </li> <li style="background: #2574A9;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2574A9</span><br> </li> <li style="background: #67809F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #67809F</span><br> </li> <li style="background: #34495E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #34495E</span><br> </li> <li style="background: #3A539B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #3A539B</span><br> </li> <li style="background: #1E8BC3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1E8BC3</span><br> </li> <li style="background: #6BB9F0;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #6BB9F0</span><br> </li> <li style="background: #22313F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #22313F</span><br> </li> <li style="background: #336E7B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #336E7B</span><br> </li> <li style="background: #19B5FE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #19B5FE</span><br> </li> <li style="background: #89C4F4;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #89C4F4</span><br> </li> <li style="background: #2C3E50;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2C3E50</span><br> </li> <li style="background: #3498DB;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #3498DB</span><br> </li> <li style="background: #22A7F0;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #22A7F0</span><br> </li> <li style="background: #94E0EE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #94E0EE</span><br> </li> <li style="background: #52B3D9;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #52B3D9</span><br> </li> <li style="background: #59ABE3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #59ABE3</span><br> </li> <li style="background: #26A65B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #26A65B</span><br> </li> <li style="background: #1E824C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1E824C</span><br> </li> <li style="background: #00B16A;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #00B16A</span><br> </li> <li style="background: #2ABB9B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2ABB9B</span><br> </li> <li style="background: #4DAF7C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #4DAF7C</span><br> </li> <li style="background: #03A678;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #03A678</span><br> </li> <li style="background: #26C281;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #26C281</span><br> </li> <li style="background: #019875;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #019875</span><br> </li> <li style="background: #3FC380;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #3FC380</span><br> </li> <li style="background: #16A085;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #16A085</span><br> </li> <li style="background: #2ECC71;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2ECC71</span><br> </li> <li style="background: #C5EFF7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C5EFF7</span><br> </li> <li style="background: #C8F7C5;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C8F7C5</span><br> </li> <li style="background: #049372;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #049372</span><br> </li> <li style="background: #36D7B7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #36D7B7</span><br> </li> <li style="background: #66CC99;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #66CC99</span><br> </li> <li style="background: #1BA39C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1BA39C</span><br> </li> <li style="background: #1BBC9B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1BBC9B</span><br> </li> <li style="background: #65C6BB;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #65C6BB</span><br> </li> <li style="background: #BFBFBF;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BFBFBF</span><br> </li> <li style="background: #ABB7B7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #ABB7B7</span><br> </li> <li style="background: #DADFE1;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #DADFE1</span><br> </li> <li style="background: #95A5A6;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #95A5A6</span><br> </li> <li style="background: #C5DCE2;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C5DCE2</span><br> </li> <li style="background: #BDC3C7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BDC3C7</span><br> </li> <li style="background: #EEEEEE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EEEEEE</span><br> </li> <li style="background: #D2D7D3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D2D7D3</span><br> </li> <li style="background: #F0E2C5;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F0E2C5</span><br> </li> <li style="background: #EB9532;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EB9532</span><br> </li> <li style="background: #E67E22;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E67E22</span><br> </li> <li style="background: #F27935;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F27935</span><br> </li> <li style="background: #F9BF3B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F9BF3B</span><br> </li> <li style="background: #F7CA18;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F7CA18</span><br> </li> <li style="background: #F9690E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F9690E</span><br> </li> <li style="background: #F39C12;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F39C12</span><br> </li> <li style="background: #D35400;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D35400</span><br> </li> <li style="background: #F4D03F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F4D03F</span><br> </li> <li style="background: #F5AB35;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F5AB35</span><br> </li> <li style="background: #EB974E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EB974E</span><br> </li> <li style="background: #F2784B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F2784B</span><br> </li> <li style="background: #F4B350;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F4B350</span><br> </li> <li style="background: #E87E04;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E87E04</span><br> </li> <li style="background: #E74C3C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E74C3C</span><br> </li> <li style="background: #CF000F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #CF000F</span><br> </li> <li style="background: #C0392B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C0392B</span><br> </li> <li style="background: #D64541;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D64541</span><br> </li> <li style="background: #EF4836;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EF4836</span><br> </li> <li style="background: #96281B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #96281B</span><br> </li> <li style="background: #D91E18;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D91E18</span><br> </li> <li style="background: #E26A6A;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E26A6A</span><br> </li> <li style="background: #FF0000;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #FF0000</span><br> </li> <li style="background: #F22613;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F22613</span><br> </li> <li style="background: #E08283;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E08283</span><br> </li> <li style="background: #9B59B6;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #9B59B6</span><br> </li> <li style="background: #8E44AD;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #8E44AD</span><br> </li> <li style="background: #BE90D4;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BE90D4</span><br> </li> <li style="background: #BF55EC;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BF55EC</span><br> </li> <li style="background: #9A12B3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #9A12B3</span><br> </li> <li style="background: #913D88;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #913D88</span><br> </li> <li style="background: #722D6A;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #722D6A</span><br> </li> <li style="background: #740A4E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #740A4E</span><br> </li> </ul> <p>Terimakasih. Semoga bermanfaat.<br> </p></div> <div class="clear"></div> </div></div> <div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3502245822963641970.post-14125698773263288442019-02-25T22:40:00.000+07:002019-02-25T22:40:10.810+07:00Mempercepat Loading Website Dengan CSS Minifier<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://armithemes.blogspot.com/2019/02/mempercepat-loading-website-dengan-css.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIH3bWr2e8dUDXsp4BXR58W3NxFhBzJaGkmENGj74BLMtTSWVxFsiqAFrdyMnbo4e_0O1euXtiJkXRGhoD2V-_Xh3GAOztVE-KCCUP_QUIyeDMxhQ67O7N1aYEUEqDTV3HCgKjQXypifJ_/s400/Add+CSS+Minifier+and+Expander+tool+in+blogger.png" width="400" height="255" data-original-width="690" data-original-height="440" /></a></div> <div align="justify"> Minify adalah istilah pemrograman yang artinya adalah proses menghilangkan karakter yang tidak diperlukan dalam kode untuk dieksekusi. Melakukan minify code akan mempercepat kecepatan loading website Anda, efeknya, pengunjung Ada akan senang begitu juga dengan mesin pencari. Singkatnya, proes ini akan menghapus semua karakter white space, baris baru, komentar & delimiter dari kode Anda. Tipe karakter ini digunakan agar kode Anda bisa mudah dibaca, namun sebenarnya tidak terlalu dibutuhkan dan tidak dieksekusi oleh kode. Sehingga, proses minify ini mampu menigkatkan kecepatan download, parsing dan waktu eksekusi website Anda.</div> <br/> <div id="cssminifier"><style scoped="" type="text/css"> #outer-wrapper {margin:0 auto;text-align:left;float:none;background-position:center!important;} #post-wrapper {width:100%;max-width:100%;margin:0 auto;text-align:left;float:none;background-position:center!important;} .post-body,.post{background-position:center!important;} .post-body p{margin:0} #blog1,#artikel,.blog-posts{background-position:center!important;} #comments,#sidebar-wrapper,#menu-wrap {display:none;margin-top:0;margin:0;} #main-wrapper{padding:0;width:100%;border:0} #cssminifier{background:#ecf0f1;position:relative;display:block;clear:both;border-radius:5px;padding:20px} #cssminifier textarea{width:100%;height:240px;margin:0 auto;display:block;background-color:#fff;padding:20px;font-family:Monospace;font-size:13px;border:0;border-radius:5px 5px 0 0;resize:none;box-shadow:inset 0 3px #cdd1d2} textarea:focus{background-color:#fff;color:#303030} #cssminifier .box{margin:10px auto 30px;color:#fff;font-size:90%} #cssminifier .box p{margin:0 0 2px} #cssminifier button{cursor:pointer;} #cssminifier .col{width:48%;margin:0 auto 30px} #cssminifier .left{float:left;margin-left:1%} #cssminifier .right{float:right;margin-right:1%} #cssminifier .button-group{float:none;background:#4d6a79;text-align:center;padding:20px 20px 40px 20px;margin:0;border-radius:0 0 5px 5px} #cssminifier button,#cssminifier button[disabled]:active{background:rgba(255,255,255,.3);text-align:center;color:#fff;display:inline-block;padding:8px 16px;font-size:13px;font-weight:400;line-height:1.471;border-radius:99em;margin:0 5px;border:0;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1);transition:all .3s} #cssminifier button:hover,#cssminifier button:active{background:rgba(255,255,255,.5);color:#fff;box-shadow:0 10px 21px rgba(0,0,0,0.15),0 6px 6px rgba(0,0,0,0.12)} #cssminifier button[disabled],#cssminifier button[disabled]:active{background:rgba(255,255,255,.5);color:#fff;box-shadow:0 10px 21px rgba(0,0,0,0.15),0 6px 6px rgba(0,0,0,0.12)} #cssminifier .opt1,#cssminifier .opt2,#cssminifier .opt3,#cssminifier .opt4,#cssminifier .opt5{display:inline-block;margin:0 3px 0 10px;vertical-align:middle;border:none;outline:none} #cssminifier br{display:none} .option-input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;position:relative;right:0;bottom:0;left:0;height:16px;width:16px;transition:all 0.15s ease-out 0s;background:rgba(255,255,255,.3);border:0;color:#fff;cursor:pointer;display:inline-block;margin-right:0.5rem;outline:none;position:relative;border-radius:99em} .option-input:hover{background:rgba(255,255,255,.3)} .option-input:checked{background:rgba(0,0,0,.2);animation:rubberBand 1s} .option-input:checked::before{height:16px;width:16px;position:absolute;content:'\f00c';font-family:fontawesome;display:inline-block;font-size:12.66667px;text-align:center;line-height:16px} .option-input:checked::after{-webkit-animation:click-wave 0.65s;-moz-animation:click-wave 0.65s;animation:click-wave 0.65s;background:#40e0d0;content:'';display:block;position:relative;z-index:100} .option-input.radio{border-radius:50%} .option-input.radio::after{border-radius:50%} </style><br> <span class="clear"></span><br> <textarea autofocus="" id="cssField" placeholder="Paste your CSS code here..." spellcheck="false"></textarea><br> <div class="button-group"><div class="box"><input class="option-input checkbox opt1" id="stripAllComment" type="checkbox"> <br> <label for="stripAllComment">Strip all comments</label><br> <input class="option-input checkbox opt2" id="superCompact" type="checkbox"> <br> <label for="superCompact">Super compact</label><br> <input class="option-input checkbox opt3" id="betterIndentation" type="checkbox"> <br> <label for="betterIndentation">Keep indentation</label><br> <input checked="" class="option-input checkbox opt4" id="keepLastComma" type="checkbox"> <br> <label for="keepLastComma">Remove the last semicolon</label></div><button class="ripplelink" onclick="compressCSS(&quot;cssField&quot;);">Compress CSS</button><br> <button class="ripplelink" onclick="clearField(&quot;cssField&quot;);">Clear Field</button> <br> <button class="ripplelink" onclick="selectAll(&quot;cssField&quot;);">Select All</button></div><div class="clear"></div><script type="text/javascript"> function get(e){return document.getElementById(e)}function highlightCode(e){if(hc.checked){var a=e.innerHTML;a=a.replace(/\{([\s\S]+?)\}/g,function(e){return e.replace(/\'(.*?)\'/g,"<span class='st'>'$1'</span>").replace(/\"(.*?)\"/g,"<span class='st'>\"$1\"</span>").replace(/(\{|\n|;)?(.[^\{]*?):(.[^\{]*?)(;|\})/g,"$1<span class='pr'>$2</span>:<span class='vl'>$3</span>$4").replace(/<span class='pr'>\{/g,"{<span class='pr'>")}),a=a.replace(/&lt;(.*?)('|")(.*?)('|")&gt;/g,function(e){return e.replace(/'(.*?)'/g,"<span class='vl'>'$1'</span>").replace(/"(.*?)"/g,"<span class='vl'>\"$1\"</span>")}),a=a.replace(/\{([\s\S]+?)\}/g,function(e){return e.replace(/([\(\)\{\}\[\]\:\;\,]+)/g,"<span class='pn'>$1</span>").replace(/\!important/gi,"<span class='im'>!important</span>")}),a=a.replace(/\/\*([\w\W]+?)\*\//gm,"<span class='cm'>/*$1*/</span>"),e.innerHTML="<code>"+a+"</code>",hr.style.display="block",rt.style.display="block"}else hr.style.display="none",rt.style.display="none"}function compressCSS(e){var a=get(e),c=/@(media|-w|-m|-o|keyframes|page)(.*?)\{([\s\S]+?)?\}\}/gi,n=a.value,t=n.length;n=sa.checked||sc.checked?n.replace(/\/\*[\w\W]*?\*\//gm,""):n.replace(/(\n+)?(\/\*[\w\W]*?\*\/)(\n+)?/gm,"\n$2\n"),n=n.replace(/([\n\r\t\s ]+)?([\,\:\;\{\}]+?)([\n\r\t\s ]+)?/g,"$2"),n=sc.checked?n:n.replace(/\}(?!\})/g,"}\n"),n=bi.checked?n.replace(c,function(e){return e.replace(/\n+/g,"\n ")}):n.replace(c,function(e){return e.replace(/\n+/g,"")}),n=bi.checked&&!sc.checked?n.replace(/\}\}/g,"}\n}"):n,n=bi.checked&&!sc.checked?n.replace(/@(media|-w|-m|-o|keyframes)(.*?)\{/g,"@$1$2{\n "):n,n=cm.checked?n.replace(/;\}/g,"}"):n.replace(/\}/g,";}").replace(/;+\}/g,";}").replace(/\};\}/g,"}}"),n=n.replace(/\:0(px|em|pt)/gi,":0"),n=n.replace(/ 0(px|em|pt)/gi," 0"),n=n.replace(/\s+\!important/gi,"!important"),n=n.replace(/(^\n+|\n+$)/,""),a.value=n,hr.innerHTML="/* "+(t-n.length)+" of "+t+" unused characters has been removed. */\n"+n.replace(/</g,"&lt;").replace(/>/g,"&gt;"),highlightCode(hr)}function clearField(e){var a=get(e);a.value="",a.focus()}function selectAll(e){get(e).focus(),get(e).select()}var hc=get("highlightCode"),sa=get("stripAllComment"),sc=get("superCompact"),cm=get("keepLastComma"),bi=get("betterIndentation"),bs=get("breakSelector"),tt=get("toTab"),to=get("tabOpt").getElementsByTagName("input"),sb=get("spaceBetween"),ip=get("inlineSingleProp"),rs=get("removeLastSemicolon"),il=get("inlineLayout"),si=get("singleBreak"),hr=get("highlightedResult"),rt=document.getElementsByTagName("h2")[1]; </script><br> </div> </div> <div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3502245822963641970.post-35185993156662265832019-02-25T22:13:00.000+07:002019-02-25T22:13:13.409+07:00Daftar Icon Serta Unicode CSS Font Awesome Untuk Mempercantik Template Blog<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"><a href="https://armithemes.blogspot.com/2019/02/daftar-icon-unicode-css-fontawesome.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirzvXGEO30nnEhvIweoQXcIsvvJ8mRpGawdD79lXIHCaf2HdYGiZko4t9WQcTqGqaHZFeElSTWX5YtSzOvV04BB4HmDpBCtFDtILaTvW9Rq_Prxf3Ho_pXm2adszLIpRJNn4XAGSyuUtpw/s400/fontawesome.png" width="400" height="210" data-original-width="1200" data-original-height="630" /></a></div> <div class="non-semantic-protector"><h3 class="ribbon"><strong class="ribbon-content">Font Awesome Icons</strong><br> </h3></div> <div style="text-align: justify;"> Di bawah ini merupakan daftar dari Icon Serta Unicode CSS Font Awesome yang bisa sobat terapkan pada template blog. </div> <div style="text-align: center;"><span style="font-size: large;"><b>Contoh penulisan</b></span></div> <div class="prewrap"><pre data-codetype="CSSku" title="CSS"><code class="language-css hljs"><span class="hljs-selector-class">.namaclass</span> { <span class="hljs-attribute">position</span>: relative; } <span class="hljs-selector-class">.namaclass</span><span class="hljs-selector-pseudo">:before</span> { <span class="hljs-attribute">content</span>: <span class="hljs-string">"\f000"</span>; <span class="hljs-attribute">font-family</span>: FontAwesome; <span class="hljs-attribute">font-style</span>: normal; <span class="hljs-attribute">font-weight</span>: normal; <span class="hljs-attribute">text-decoration</span>: inherit; <span class="hljs-attribute">color</span>: <span class="hljs-number">#000</span>; <span class="hljs-attribute">font-size</span>: <span class="hljs-number">18px</span>; <span class="hljs-attribute">padding-right</span>: <span class="hljs-number">0.5em</span>; <span class="hljs-attribute">position</span>: absolute; <span class="hljs-attribute">top</span>: <span class="hljs-number">10px</span>; <span class="hljs-attribute">left</span>: <span class="hljs-number">0</span>; }</code></pre></div> <div id="font-awesome-list"> <ul class="font-group"> <li><i class="fa fa-glass"></i> <span class="icon-name">fa-glass</span> <span class="icon-value">"\f000"</span></li> <li><i class="fa fa-music"></i> <span class="icon-name">fa-music</span> <span class="icon-value">"\f001"</span></li> <li><i class="fa fa-search"></i> <span class="icon-name">fa-search</span> <span class="icon-value">"\f002"</span></li> <li><i class="fa fa-envelope-o"></i> <span class="icon-name">fa-envelope-o</span> <span class="icon-value">"\f003"</span></li> <li><i class="fa fa-heart"></i> <span class="icon-name">fa-heart</span> <span class="icon-value">"\f004"</span></li> <li><i class="fa fa-star"></i> <span class="icon-name">fa-star</span> <span class="icon-value">"\f005"</span></li> <li><i class="fa fa-star-o"></i> <span class="icon-name">fa-star-o</span> <span class="icon-value">"\f006"</span></li> <li><i class="fa fa-user"></i> <span class="icon-name">fa-user</span> <span class="icon-value">"\f007"</span></li> <li><i class="fa fa-film"></i> <span class="icon-name">fa-film</span> <span class="icon-value">"\f008"</span></li> <li><i class="fa fa-th-large"></i> <span class="icon-name">fa-th-large</span> <span class="icon-value">"\f009"</span></li> <li><i class="fa fa-th"></i> <span class="icon-name">fa-th</span> <span class="icon-value">"\f00a"</span></li> <li><i class="fa fa-th-list"></i> <span class="icon-name">fa-th-list</span> <span class="icon-value">"\f00b"</span></li> <li><i class="fa fa-check"></i> <span class="icon-name">fa-check</span> <span class="icon-value">"\f00c"</span></li> <li><i class="fa fa-times"></i> <span class="icon-name">fa-times</span> <span class="icon-value">"\f00d"</span></li> <li><i class="fa fa-search-plus"></i> <span class="icon-name">fa-search-plus</span> <span class="icon-value">"\f00e"</span></li> <li><i class="fa fa-search-minus"></i> <span class="icon-name">fa-search-minus</span> <span class="icon-value">"\f010"</span></li> <li><i class="fa fa-power-off"></i> <span class="icon-name">fa-power-off</span> <span class="icon-value">"\f011"</span></li> <li><i class="fa fa-signal"></i> <span class="icon-name">fa-signal</span> <span class="icon-value">"\f012"</span></li> <li><i class="fa fa-cog"></i> <span class="icon-name">fa-cog</span> <span class="icon-value">"\f013"</span></li> <li><i class="fa fa-trash-o"></i> <span class="icon-name">fa-trash-o</span> <span class="icon-value">"\f014"</span></li> <li><i class="fa fa-home"></i> <span class="icon-name">fa-home</span> <span class="icon-value">"\f015"</span></li> <li><i class="fa fa-file-o"></i> <span class="icon-name">fa-file-o</span> <span class="icon-value">"\f016"</span></li> <li><i class="fa fa-clock-o"></i> <span class="icon-name">fa-clock-o</span> <span class="icon-value">"\f017"</span></li> <li><i class="fa fa-road"></i> <span class="icon-name">fa-road</span> <span class="icon-value">"\f018"</span></li> <li><i class="fa fa-download"></i> <span class="icon-name">fa-download</span> <span class="icon-value">"\f019"</span></li> <li><i class="fa fa-arrow-circle-o-down"></i> <span class="icon-name">fa-arrow-circle-o-down</span> <span class="icon-value">"\f01a"</span></li> <li><i class="fa fa-arrow-circle-o-up"></i> <span class="icon-name">fa-arrow-circle-o-up</span> <span class="icon-value">"\f01b"</span></li> <li><i class="fa fa-inbox"></i> <span class="icon-name">fa-inbox</span> <span class="icon-value">"\f01c"</span></li> <li><i class="fa fa-play-circle-o"></i> <span class="icon-name">fa-play-circle-o</span> <span class="icon-value">"\f01d"</span></li> <li><i class="fa fa-repeat"></i> <span class="icon-name">fa-repeat</span> <span class="icon-value">"\f01e"</span></li> <li><i class="fa fa-refresh"></i> <span class="icon-name">fa-refresh</span> <span class="icon-value">"\f021"</span></li> <li><i class="fa fa-list-alt"></i> <span class="icon-name">fa-list-alt</span> <span class="icon-value">"\f022"</span></li> <li><i class="fa fa-lock"></i> <span class="icon-name">fa-lock</span> <span class="icon-value">"\f023"</span></li> <li><i class="fa fa-flag"></i> <span class="icon-name">fa-flag</span> <span class="icon-value">"\f024"</span></li> <li><i class="fa fa-headphones"></i> <span class="icon-name">fa-headphones</span> <span class="icon-value">"\f025"</span></li> <li><i class="fa fa-volume-off"></i> <span class="icon-name">fa-volume-off</span> <span class="icon-value">"\f026"</span></li> <li><i class="fa fa-volume-down"></i> <span class="icon-name">fa-volume-down</span> <span class="icon-value">"\f027"</span></li> <li><i class="fa fa-volume-up"></i> <span class="icon-name">fa-volume-up</span> <span class="icon-value">"\f028"</span></li> <li><i class="fa fa-qrcode"></i> <span class="icon-name">fa-qrcode</span> <span class="icon-value">"\f029"</span></li> <li><i class="fa fa-barcode"></i> <span class="icon-name">fa-barcode</span> <span class="icon-value">"\f02a"</span></li> <li><i class="fa fa-tag"></i> <span class="icon-name">fa-tag</span> <span class="icon-value">"\f02b"</span></li> <li><i class="fa fa-tags"></i> <span class="icon-name">fa-tags</span> <span class="icon-value">"\f02c"</span></li> <li><i class="fa fa-book"></i> <span class="icon-name">fa-book</span> <span class="icon-value">"\f02d"</span></li> <li><i class="fa fa-bookmark"></i> <span class="icon-name">fa-bookmark</span> <span class="icon-value">"\f02e"</span></li> <li><i class="fa fa-print"></i> <span class="icon-name">fa-print</span> <span class="icon-value">"\f02f"</span></li> <li><i class="fa fa-camera"></i> <span class="icon-name">fa-camera</span> <span class="icon-value">"\f030"</span></li> <li><i class="fa fa-font"></i> <span class="icon-name">fa-font</span> <span class="icon-value">"\f031"</span></li> <li><i class="fa fa-bold"></i> <span class="icon-name">fa-bold</span> <span class="icon-value">"\f032"</span></li> <li><i class="fa fa-italic"></i> <span class="icon-name">fa-italic</span> <span class="icon-value">"\f033"</span></li> <li><i class="fa fa-text-height"></i> <span class="icon-name">fa-text-height</span> <span class="icon-value">"\f034"</span></li> <li><i class="fa fa-text-width"></i> <span class="icon-name">fa-text-width</span> <span class="icon-value">"\f035"</span></li> <li><i class="fa fa-align-left"></i> <span class="icon-name">fa-align-left</span> <span class="icon-value">"\f036"</span></li> <li><i class="fa fa-align-center"></i> <span class="icon-name">fa-align-center</span> <span class="icon-value">"\f037"</span></li> <li><i class="fa fa-align-right"></i> <span class="icon-name">fa-align-right</span> <span class="icon-value">"\f038"</span></li> <li><i class="fa fa-align-justify"></i> <span class="icon-name">fa-align-justify</span> <span class="icon-value">"\f039"</span></li> <li><i class="fa fa-list"></i> <span class="icon-name">fa-list</span> <span class="icon-value">"\f03a"</span></li> <li><i class="fa fa-outdent"></i> <span class="icon-name">fa-outdent</span> <span class="icon-value">"\f03b"</span></li> <li><i class="fa fa-indent"></i> <span class="icon-name">fa-indent</span> <span class="icon-value">"\f03c"</span></li> <li><i class="fa fa-video-camera"></i> <span class="icon-name">fa-video-camera</span> <span class="icon-value">"\f03d"</span></li> <li><i class="fa fa-picture-o"></i> <span class="icon-name">fa-picture-o</span> <span class="icon-value">"\f03e"</span></li> <li><i class="fa fa-pencil"></i> <span class="icon-name">fa-pencil</span> <span class="icon-value">"\f040"</span></li> <li><i class="fa fa-map-marker"></i> <span class="icon-name">fa-map-marker</span> <span class="icon-value">"\f041"</span></li> <li><i class="fa fa-adjust"></i> <span class="icon-name">fa-adjust</span> <span class="icon-value">"\f042"</span></li> <li><i class="fa fa-tint"></i> <span class="icon-name">fa-tint</span> <span class="icon-value">"\f043"</span></li> <li><i class="fa fa-pencil-square-o"></i> <span class="icon-name">fa-pencil-square-o</span> <span class="icon-value">"\f044"</span></li> <li><i class="fa fa-share-square-o"></i> <span class="icon-name">fa-share-square-o</span> <span class="icon-value">"\f045"</span></li> <li><i class="fa fa-check-square-o"></i> <span class="icon-name">fa-check-square-o</span> <span class="icon-value">"\f046"</span></li> <li><i class="fa fa-arrows"></i> <span class="icon-name">fa-arrows</span> <span class="icon-value">"\f047"</span></li> <li><i class="fa fa-step-backward"></i> <span class="icon-name">fa-step-backward</span> <span class="icon-value">"\f048"</span></li> <li><i class="fa fa-fast-backward"></i> <span class="icon-name">fa-fast-backward</span> <span class="icon-value">"\f049"</span></li> <li><i class="fa fa-backward"></i> <span class="icon-name">fa-backward</span> <span class="icon-value">"\f04a"</span></li> <li><i class="fa fa-play"></i> <span class="icon-name">fa-play</span> <span class="icon-value">"\f04b"</span></li> <li><i class="fa fa-pause"></i> <span class="icon-name">fa-pause</span> <span class="icon-value">"\f04c"</span></li> <li><i class="fa fa-stop"></i> <span class="icon-name">fa-stop</span> <span class="icon-value">"\f04d"</span></li> <li><i class="fa fa-forward"></i> <span class="icon-name">fa-forward</span> <span class="icon-value">"\f04e"</span></li> <li><i class="fa fa-fast-forward"></i> <span class="icon-name">fa-fast-forward</span> <span class="icon-value">"\f050"</span></li> <li><i class="fa fa-step-forward"></i> <span class="icon-name">fa-step-forward</span> <span class="icon-value">"\f051"</span></li> <li><i class="fa fa-eject"></i> <span class="icon-name">fa-eject</span> <span class="icon-value">"\f052"</span></li> <li><i class="fa fa-chevron-left"></i> <span class="icon-name">fa-chevron-left</span> <span class="icon-value">"\f053"</span></li> <li><i class="fa fa-chevron-right"></i> <span class="icon-name">fa-chevron-right</span> <span class="icon-value">"\f054"</span></li> <li><i class="fa fa-plus-circle"></i> <span class="icon-name">fa-plus-circle</span> <span class="icon-value">"\f055"</span></li> <li><i class="fa fa-minus-circle"></i> <span class="icon-name">fa-minus-circle</span> <span class="icon-value">"\f056"</span></li> <li><i class="fa fa-times-circle"></i> <span class="icon-name">fa-times-circle</span> <span class="icon-value">"\f057"</span></li> <li><i class="fa fa-check-circle"></i> <span class="icon-name">fa-check-circle</span> <span class="icon-value">"\f058"</span></li> <li><i class="fa fa-question-circle"></i> <span class="icon-name">fa-question-circle</span> <span class="icon-value">"\f059"</span></li> <li><i class="fa fa-info-circle"></i> <span class="icon-name">fa-info-circle</span> <span class="icon-value">"\f05a"</span></li> <li><i class="fa fa-crosshairs"></i> <span class="icon-name">fa-crosshairs</span> <span class="icon-value">"\f05b"</span></li> <li><i class="fa fa-times-circle-o"></i> <span class="icon-name">fa-times-circle-o</span> <span class="icon-value">"\f05c"</span></li> <li><i class="fa fa-check-circle-o"></i> <span class="icon-name">fa-check-circle-o</span> <span class="icon-value">"\f05d"</span></li> <li><i class="fa fa-ban"></i> <span class="icon-name">fa-ban</span> <span class="icon-value">"\f05e"</span></li> <li><i class="fa fa-arrow-left"></i> <span class="icon-name">fa-arrow-left</span> <span class="icon-value">"\f060"</span></li> <li><i class="fa fa-arrow-right"></i> <span class="icon-name">fa-arrow-right</span> <span class="icon-value">"\f061"</span></li> <li><i class="fa fa-arrow-up"></i> <span class="icon-name">fa-arrow-up</span> <span class="icon-value">"\f062"</span></li> <li><i class="fa fa-arrow-down"></i> <span class="icon-name">fa-arrow-down</span> <span class="icon-value">"\f063"</span></li> <li><i class="fa fa-share"></i> <span class="icon-name">fa-share</span> <span class="icon-value">"\f064"</span></li> <li><i class="fa fa-expand"></i> <span class="icon-name">fa-expand</span> <span class="icon-value">"\f065"</span></li> <li><i class="fa fa-compress"></i> <span class="icon-name">fa-compress</span> <span class="icon-value">"\f066"</span></li> <li><i class="fa fa-plus"></i> <span class="icon-name">fa-plus</span> <span class="icon-value">"\f067"</span></li> <li><i class="fa fa-minus"></i> <span class="icon-name">fa-minus</span> <span class="icon-value">"\f068"</span></li> <li><i class="fa fa-asterisk"></i> <span class="icon-name">fa-asterisk</span> <span class="icon-value">"\f069"</span></li> <li><i class="fa fa-exclamation-circle"></i> <span class="icon-name">fa-exclamation-circle</span> <span class="icon-value">"\f06a"</span></li> <li><i class="fa fa-gift"></i> <span class="icon-name">fa-gift</span> <span class="icon-value">"\f06b"</span></li> <li><i class="fa fa-leaf"></i> <span class="icon-name">fa-leaf</span> <span class="icon-value">"\f06c"</span></li> <li><i class="fa fa-fire"></i> <span class="icon-name">fa-fire</span> <span class="icon-value">"\f06d"</span></li> <li><i class="fa fa-eye"></i> <span class="icon-name">fa-eye</span> <span class="icon-value">"\f06e"</span></li> <li><i class="fa fa-eye-slash"></i> <span class="icon-name">fa-eye-slash</span> <span class="icon-value">"\f070"</span></li> <li><i class="fa fa-exclamation-triangle"></i> <span class="icon-name">fa-exclamation-triangle</span> <span class="icon-value">"\f071"</span></li> <li><i class="fa fa-plane"></i> <span class="icon-name">fa-plane</span> <span class="icon-value">"\f072"</span></li> <li><i class="fa fa-calendar"></i> <span class="icon-name">fa-calendar</span> <span class="icon-value">"\f073"</span></li> <li><i class="fa fa-random"></i> <span class="icon-name">fa-random</span> <span class="icon-value">"\f074"</span></li> <li><i class="fa fa-comment"></i> <span class="icon-name">fa-comment</span> <span class="icon-value">"\f075"</span></li> <li><i class="fa fa-magnet"></i> <span class="icon-name">fa-magnet</span> <span class="icon-value">"\f076"</span></li> <li><i class="fa fa-chevron-up"></i> <span class="icon-name">fa-chevron-up</span> <span class="icon-value">"\f077"</span></li> <li><i class="fa fa-chevron-down"></i> <span class="icon-name">fa-chevron-down</span> <span class="icon-value">"\f078"</span></li> <li><i class="fa fa-retweet"></i> <span class="icon-name">fa-retweet</span> <span class="icon-value">"\f079"</span></li> <li><i class="fa fa-shopping-cart"></i> <span class="icon-name">fa-shopping-cart</span> <span class="icon-value">"\f07a"</span></li> <li><i class="fa fa-folder"></i> <span class="icon-name">fa-folder</span> <span class="icon-value">"\f07b"</span></li> <li><i class="fa fa-folder-open"></i> <span class="icon-name">fa-folder-open</span> <span class="icon-value">"\f07c"</span></li> <li><i class="fa fa-arrows-v"></i> <span class="icon-name">fa-arrows-v</span> <span class="icon-value">"\f07d"</span></li> <li><i class="fa fa-arrows-h"></i> <span class="icon-name">fa-arrows-h</span> <span class="icon-value">"\f07e"</span></li> <li><i class="fa fa-bar-chart"></i> <span class="icon-name">fa-bar-chart</span> <span class="icon-value">"\f080"</span></li> <li><i class="fa fa-twitter-square"></i> <span class="icon-name">fa-twitter-square</span> <span class="icon-value">"\f081"</span></li> <li><i class="fa fa-facebook-square"></i> <span class="icon-name">fa-facebook-square</span> <span class="icon-value">"\f082"</span></li> <li><i class="fa fa-camera-retro"></i> <span class="icon-name">fa-camera-retro</span> <span class="icon-value">"\f083"</span></li> <li><i class="fa fa-key"></i> <span class="icon-name">fa-key</span> <span class="icon-value">"\f084"</span></li> <li><i class="fa fa-cogs"></i> <span class="icon-name">fa-cogs</span> <span class="icon-value">"\f085"</span></li> <li><i class="fa fa-comments"></i> <span class="icon-name">fa-comments</span> <span class="icon-value">"\f086"</span></li> <li><i class="fa fa-thumbs-o-up"></i> <span class="icon-name">fa-thumbs-o-up</span> <span class="icon-value">"\f087"</span></li> <li><i class="fa fa-thumbs-o-down"></i> <span class="icon-name">fa-thumbs-o-down</span> <span class="icon-value">"\f088"</span></li> <li><i class="fa fa-star-half"></i> <span class="icon-name">fa-star-half</span> <span class="icon-value">"\f089"</span></li> <li><i class="fa fa-heart-o"></i> <span class="icon-name">fa-heart-o</span> <span class="icon-value">"\f08a"</span></li> <li><i class="fa fa-sign-out"></i> <span class="icon-name">fa-sign-out</span> <span class="icon-value">"\f08b"</span></li> <li><i class="fa fa-linkedin-square"></i> <span class="icon-name">fa-linkedin-square</span> <span class="icon-value">"\f08c"</span></li> <li><i class="fa fa-thumb-tack"></i> <span class="icon-name">fa-thumb-tack</span> <span class="icon-value">"\f08d"</span></li> <li><i class="fa fa-external-link"></i> <span class="icon-name">fa-external-link</span> <span class="icon-value">"\f08e"</span></li> <li><i class="fa fa-sign-in"></i> <span class="icon-name">fa-sign-in</span> <span class="icon-value">"\f090"</span></li> <li><i class="fa fa-trophy"></i> <span class="icon-name">fa-trophy</span> <span class="icon-value">"\f091"</span></li> <li><i class="fa fa-github-square"></i> <span class="icon-name">fa-github-square</span> <span class="icon-value">"\f092"</span></li> <li><i class="fa fa-upload"></i> <span class="icon-name">fa-upload</span> <span class="icon-value">"\f093"</span></li> <li><i class="fa fa-lemon-o"></i> <span class="icon-name">fa-lemon-o</span> <span class="icon-value">"\f094"</span></li> <li><i class="fa fa-phone"></i> <span class="icon-name">fa-phone</span> <span class="icon-value">"\f095"</span></li> <li><i class="fa fa-square-o"></i> <span class="icon-name">fa-square-o</span> <span class="icon-value">"\f096"</span></li> <li><i class="fa fa-bookmark-o"></i> <span class="icon-name">fa-bookmark-o</span> <span class="icon-value">"\f097"</span></li> <li><i class="fa fa-phone-square"></i> <span class="icon-name">fa-phone-square</span> <span class="icon-value">"\f098"</span></li> <li><i class="fa fa-twitter"></i> <span class="icon-name">fa-twitter</span> <span class="icon-value">"\f099"</span></li> <li><i class="fa fa-facebook"></i> <span class="icon-name">fa-facebook</span> <span class="icon-value">"\f09a"</span></li> <li><i class="fa fa-github"></i> <span class="icon-name">fa-github</span> <span class="icon-value">"\f09b"</span></li> <li><i class="fa fa-unlock"></i> <span class="icon-name">fa-unlock</span> <span class="icon-value">"\f09c"</span></li> <li><i class="fa fa-credit-card"></i> <span class="icon-name">fa-credit-card</span> <span class="icon-value">"\f09d"</span></li> <li><i class="fa fa-rss"></i> <span class="icon-name">fa-rss</span> <span class="icon-value">"\f09e"</span></li> <li><i class="fa fa-hdd-o"></i> <span class="icon-name">fa-hdd-o</span> <span class="icon-value">"\f0a0"</span></li> <li><i class="fa fa-bullhorn"></i> <span class="icon-name">fa-bullhorn</span> <span class="icon-value">"\f0a1"</span></li> <li><i class="fa fa-bell"></i> <span class="icon-name">fa-bell</span> <span class="icon-value">"\f0f3"</span></li> <li><i class="fa fa-certificate"></i> <span class="icon-name">fa-certificate</span> <span class="icon-value">"\f0a3"</span></li> <li><i class="fa fa-hand-o-right"></i> <span class="icon-name">fa-hand-o-right</span> <span class="icon-value">"\f0a4"</span></li> <li><i class="fa fa-hand-o-left"></i> <span class="icon-name">fa-hand-o-left</span> <span class="icon-value">"\f0a5"</span></li> <li><i class="fa fa-hand-o-up"></i> <span class="icon-name">fa-hand-o-up</span> <span class="icon-value">"\f0a6"</span></li> <li><i class="fa fa-hand-o-down"></i> <span class="icon-name">fa-hand-o-down</span> <span class="icon-value">"\f0a7"</span></li> <li><i class="fa fa-arrow-circle-left"></i> <span class="icon-name">fa-arrow-circle-left</span> <span class="icon-value">"\f0a8"</span></li> <li><i class="fa fa-arrow-circle-right"></i> <span class="icon-name">fa-arrow-circle-right</span> <span class="icon-value">"\f0a9"</span></li> <li><i class="fa fa-arrow-circle-up"></i> <span class="icon-name">fa-arrow-circle-up</span> <span class="icon-value">"\f0aa"</span></li> <li><i class="fa fa-arrow-circle-down"></i> <span class="icon-name">fa-arrow-circle-down</span> <span class="icon-value">"\f0ab"</span></li> <li><i class="fa fa-globe"></i> <span class="icon-name">fa-globe</span> <span class="icon-value">"\f0ac"</span></li> <li><i class="fa fa-wrench"></i> <span class="icon-name">fa-wrench</span> <span class="icon-value">"\f0ad"</span></li> <li><i class="fa fa-tasks"></i> <span class="icon-name">fa-tasks</span> <span class="icon-value">"\f0ae"</span></li> <li><i class="fa fa-filter"></i> <span class="icon-name">fa-filter</span> <span class="icon-value">"\f0b0"</span></li> <li><i class="fa fa-briefcase"></i> <span class="icon-name">fa-briefcase</span> <span class="icon-value">"\f0b1"</span></li> <li><i class="fa fa-arrows-alt"></i> <span class="icon-name">fa-arrows-alt</span> <span class="icon-value">"\f0b2"</span></li> <li><i class="fa fa-users"></i> <span class="icon-name">fa-users</span> <span class="icon-value">"\f0c0"</span></li> <li><i class="fa fa-link"></i> <span class="icon-name">fa-link</span> <span class="icon-value">"\f0c1"</span></li> <li><i class="fa fa-cloud"></i> <span class="icon-name">fa-cloud</span> <span class="icon-value">"\f0c2"</span></li> <li><i class="fa fa-flask"></i> <span class="icon-name">fa-flask</span> <span class="icon-value">"\f0c3"</span></li> <li><i class="fa fa-scissors"></i> <span class="icon-name">fa-scissors</span> <span class="icon-value">"\f0c4"</span></li> <li><i class="fa fa-files-o"></i> <span class="icon-name">fa-files-o</span> <span class="icon-value">"\f0c5"</span></li> <li><i class="fa fa-paperclip"></i> <span class="icon-name">fa-paperclip</span> <span class="icon-value">"\f0c6"</span></li> <li><i class="fa fa-floppy-o"></i> <span class="icon-name">fa-floppy-o</span> <span class="icon-value">"\f0c7"</span></li> <li><i class="fa fa-square"></i> <span class="icon-name">fa-square</span> <span class="icon-value">"\f0c8"</span></li> <li><i class="fa fa-bars"></i> <span class="icon-name">fa-bars</span> <span class="icon-value">"\f0c9"</span></li> <li><i class="fa fa-list-ul"></i> <span class="icon-name">fa-list-ul</span> <span class="icon-value">"\f0ca"</span></li> <li><i class="fa fa-list-ol"></i> <span class="icon-name">fa-list-ol</span> <span class="icon-value">"\f0cb"</span></li> <li><i class="fa fa-strikethrough"></i> <span class="icon-name">fa-strikethrough</span> <span class="icon-value">"\f0cc"</span></li> <li><i class="fa fa-underline"></i> <span class="icon-name">fa-underline</span> <span class="icon-value">"\f0cd"</span></li> <li><i class="fa fa-table"></i> <span class="icon-name">fa-table</span> <span class="icon-value">"\f0ce"</span></li> <li><i class="fa fa-magic"></i> <span class="icon-name">fa-magic</span> <span class="icon-value">"\f0d0"</span></li> <li><i class="fa fa-truck"></i> <span class="icon-name">fa-truck</span> <span class="icon-value">"\f0d1"</span></li> <li><i class="fa fa-pinterest"></i> <span class="icon-name">fa-pinterest</span> <span class="icon-value">"\f0d2"</span></li> <li><i class="fa fa-pinterest-square"></i> <span class="icon-name">fa-pinterest-square</span> <span class="icon-value">"\f0d3"</span></li> <li><i class="fa fa-google-plus-square"></i> <span class="icon-name">fa-google-plus-square</span> <span class="icon-value">"\f0d4"</span></li> <li><i class="fa fa-google-plus"></i> <span class="icon-name">fa-google-plus</span> <span class="icon-value">"\f0d5"</span></li> <li><i class="fa fa-money"></i> <span class="icon-name">fa-money</span> <span class="icon-value">"\f0d6"</span></li> <li><i class="fa fa-caret-down"></i> <span class="icon-name">fa-caret-down</span> <span class="icon-value">"\f0d7"</span></li> <li><i class="fa fa-caret-up"></i> <span class="icon-name">fa-caret-up</span> <span class="icon-value">"\f0d8"</span></li> <li><i class="fa fa-caret-left"></i> <span class="icon-name">fa-caret-left</span> <span class="icon-value">"\f0d9"</span></li> <li><i class="fa fa-caret-right"></i> <span class="icon-name">fa-caret-right</span> <span class="icon-value">"\f0da"</span></li> <li><i class="fa fa-columns"></i> <span class="icon-name">fa-columns</span> <span class="icon-value">"\f0db"</span></li> <li><i class="fa fa-sort"></i> <span class="icon-name">fa-sort</span> <span class="icon-value">"\f0dc"</span></li> <li><i class="fa fa-sort-desc"></i> <span class="icon-name">fa-sort-desc</span> <span class="icon-value">"\f0dd"</span></li> <li><i class="fa fa-sort-asc"></i> <span class="icon-name">fa-sort-asc</span> <span class="icon-value">"\f0de"</span></li> <li><i class="fa fa-envelope"></i> <span class="icon-name">fa-envelope</span> <span class="icon-value">"\f0e0"</span></li> <li><i class="fa fa-linkedin"></i> <span class="icon-name">fa-linkedin</span> <span class="icon-value">"\f0e1"</span></li> <li><i class="fa fa-undo"></i> <span class="icon-name">fa-undo</span> <span class="icon-value">"\f0e2"</span></li> <li><i class="fa fa-gavel"></i> <span class="icon-name">fa-gavel</span> <span class="icon-value">"\f0e3"</span></li> <li><i class="fa fa-tachometer"></i> <span class="icon-name">fa-tachometer</span> <span class="icon-value">"\f0e4"</span></li> <li><i class="fa fa-comment-o"></i> <span class="icon-name">fa-comment-o</span> <span class="icon-value">"\f0e5"</span></li> <li><i class="fa fa-comments-o"></i> <span class="icon-name">fa-comments-o</span> <span class="icon-value">"\f0e6"</span></li> <li><i class="fa fa-bolt"></i> <span class="icon-name">fa-bolt</span> <span class="icon-value">"\f0e7"</span></li> <li><i class="fa fa-sitemap"></i> <span class="icon-name">fa-sitemap</span> <span class="icon-value">"\f0e8"</span></li> <li><i class="fa fa-umbrella"></i> <span class="icon-name">fa-umbrella</span> <span class="icon-value">"\f0e9"</span></li> <li><i class="fa fa-clipboard"></i> <span class="icon-name">fa-clipboard</span> <span class="icon-value">"\f0ea"</span></li> <li><i class="fa fa-lightbulb-o"></i> <span class="icon-name">fa-lightbulb-o</span> <span class="icon-value">"\f0eb"</span></li> <li><i class="fa fa-exchange"></i> <span class="icon-name">fa-exchange</span> <span class="icon-value">"\f0ec"</span></li> <li><i class="fa fa-cloud-download"></i> <span class="icon-name">fa-cloud-download</span> <span class="icon-value">"\f0ed"</span></li> <li><i class="fa fa-cloud-upload"></i> <span class="icon-name">fa-cloud-upload</span> <span class="icon-value">"\f0ee"</span></li> <li><i class="fa fa-user-md"></i> <span class="icon-name">fa-user-md</span> <span class="icon-value">"\f0f0"</span></li> <li><i class="fa fa-stethoscope"></i> <span class="icon-name">fa-stethoscope</span> <span class="icon-value">"\f0f1"</span></li> <li><i class="fa fa-suitcase"></i> <span class="icon-name">fa-suitcase</span> <span class="icon-value">"\f0f2"</span></li> <li><i class="fa fa-bell-o"></i> <span class="icon-name">fa-bell-o</span> <span class="icon-value">"\f0a2"</span></li> <li><i class="fa fa-coffee"></i> <span class="icon-name">fa-coffee</span> <span class="icon-value">"\f0f4"</span></li> <li><i class="fa fa-cutlery"></i> <span class="icon-name">fa-cutlery</span> <span class="icon-value">"\f0f5"</span></li> <li><i class="fa fa-file-text-o"></i> <span class="icon-name">fa-file-text-o</span> <span class="icon-value">"\f0f6"</span></li> <li><i class="fa fa-building-o"></i> <span class="icon-name">fa-building-o</span> <span class="icon-value">"\f0f7"</span></li> <li><i class="fa fa-hospital-o"></i> <span class="icon-name">fa-hospital-o</span> <span class="icon-value">"\f0f8"</span></li> <li><i class="fa fa-ambulance"></i> <span class="icon-name">fa-ambulance</span> <span class="icon-value">"\f0f9"</span></li> <li><i class="fa fa-medkit"></i> <span class="icon-name">fa-medkit</span> <span class="icon-value">"\f0fa"</span></li> <li><i class="fa fa-fighter-jet"></i> <span class="icon-name">fa-fighter-jet</span> <span class="icon-value">"\f0fb"</span></li> <li><i class="fa fa-beer"></i> <span class="icon-name">fa-beer</span> <span class="icon-value">"\f0fc"</span></li> <li><i class="fa fa-h-square"></i> <span class="icon-name">fa-h-square</span> <span class="icon-value">"\f0fd"</span></li> <li><i class="fa fa-plus-square"></i> <span class="icon-name">fa-plus-square</span> <span class="icon-value">"\f0fe"</span></li> <li><i class="fa fa-angle-double-left"></i> <span class="icon-name">fa-angle-double-left</span> <span class="icon-value">"\f100"</span></li> <li><i class="fa fa-angle-double-right"></i> <span class="icon-name">fa-angle-double-right</span> <span class="icon-value">"\f101"</span></li> <li><i class="fa fa-angle-double-up"></i> <span class="icon-name">fa-angle-double-up</span> <span class="icon-value">"\f102"</span></li> <li><i class="fa fa-angle-double-down"></i> <span class="icon-name">fa-angle-double-down</span> <span class="icon-value">"\f103"</span></li> <li><i class="fa fa-angle-left"></i> <span class="icon-name">fa-angle-left</span> <span class="icon-value">"\f104"</span></li> <li><i class="fa fa-angle-right"></i> <span class="icon-name">fa-angle-right</span> <span class="icon-value">"\f105"</span></li> <li><i class="fa fa-angle-up"></i> <span class="icon-name">fa-angle-up</span> <span class="icon-value">"\f106"</span></li> <li><i class="fa fa-angle-down"></i> <span class="icon-name">fa-angle-down</span> <span class="icon-value">"\f107"</span></li> <li><i class="fa fa-desktop"></i> <span class="icon-name">fa-desktop</span> <span class="icon-value">"\f108"</span></li> <li><i class="fa fa-laptop"></i> <span class="icon-name">fa-laptop</span> <span class="icon-value">"\f109"</span></li> <li><i class="fa fa-tablet"></i> <span class="icon-name">fa-tablet</span> <span class="icon-value">"\f10a"</span></li> <li><i class="fa fa-mobile"></i> <span class="icon-name">fa-mobile</span> <span class="icon-value">"\f10b"</span></li> <li><i class="fa fa-circle-o"></i> <span class="icon-name">fa-circle-o</span> <span class="icon-value">"\f10c"</span></li> <li><i class="fa fa-quote-left"></i> <span class="icon-name">fa-quote-left</span> <span class="icon-value">"\f10d"</span></li> <li><i class="fa fa-quote-right"></i> <span class="icon-name">fa-quote-right</span> <span class="icon-value">"\f10e"</span></li> <li><i class="fa fa-spinner"></i> <span class="icon-name">fa-spinner</span> <span class="icon-value">"\f110"</span></li> <li><i class="fa fa-circle"></i> <span class="icon-name">fa-circle</span> <span class="icon-value">"\f111"</span></li> <li><i class="fa fa-reply"></i> <span class="icon-name">fa-reply</span> <span class="icon-value">"\f112"</span></li> <li><i class="fa fa-github-alt"></i> <span class="icon-name">fa-github-alt</span> <span class="icon-value">"\f113"</span></li> <li><i class="fa fa-folder-o"></i> <span class="icon-name">fa-folder-o</span> <span class="icon-value">"\f114"</span></li> <li><i class="fa fa-folder-open-o"></i> <span class="icon-name">fa-folder-open-o</span> <span class="icon-value">"\f115"</span></li> <li><i class="fa fa-smile-o"></i> <span class="icon-name">fa-smile-o</span> <span class="icon-value">"\f118"</span></li> <li><i class="fa fa-frown-o"></i> <span class="icon-name">fa-frown-o</span> <span class="icon-value">"\f119"</span></li> <li><i class="fa fa-meh-o"></i> <span class="icon-name">fa-meh-o</span> <span class="icon-value">"\f11a"</span></li> <li><i class="fa fa-gamepad"></i> <span class="icon-name">fa-gamepad</span> <span class="icon-value">"\f11b"</span></li> <li><i class="fa fa-keyboard-o"></i> <span class="icon-name">fa-keyboard-o</span> <span class="icon-value">"\f11c"</span></li> <li><i class="fa fa-flag-o"></i> <span class="icon-name">fa-flag-o</span> <span class="icon-value">"\f11d"</span></li> <li><i class="fa fa-flag-checkered"></i> <span class="icon-name">fa-flag-checkered</span> <span class="icon-value">"\f11e"</span></li> <li><i class="fa fa-terminal"></i> <span class="icon-name">fa-terminal</span> <span class="icon-value">"\f120"</span></li> <li><i class="fa fa-code"></i> <span class="icon-name">fa-code</span> <span class="icon-value">"\f121"</span></li> <li><i class="fa fa-reply-all"></i> <span class="icon-name">fa-reply-all</span> <span class="icon-value">"\f122"</span></li> <li><i class="fa fa-star-half-o"></i> <span class="icon-name">fa-star-half-o</span> <span class="icon-value">"\f123"</span></li> <li><i class="fa fa-location-arrow"></i> <span class="icon-name">fa-location-arrow</span> <span class="icon-value">"\f124"</span></li> <li><i class="fa fa-crop"></i> <span class="icon-name">fa-crop</span> <span class="icon-value">"\f125"</span></li> <li><i class="fa fa-code-fork"></i> <span class="icon-name">fa-code-fork</span> <span class="icon-value">"\f126"</span></li> <li><i class="fa fa-chain-broken"></i> <span class="icon-name">fa-chain-broken</span> <span class="icon-value">"\f127"</span></li> <li><i class="fa fa-question"></i> <span class="icon-name">fa-question</span> <span class="icon-value">"\f128"</span></li> <li><i class="fa fa-info"></i> <span class="icon-name">fa-info</span> <span class="icon-value">"\f129"</span></li> <li><i class="fa fa-exclamation"></i> <span class="icon-name">fa-exclamation</span> <span class="icon-value">"\f12a"</span></li> <li><i class="fa fa-superscript"></i> <span class="icon-name">fa-superscript</span> <span class="icon-value">"\f12b"</span></li> <li><i class="fa fa-subscript"></i> <span class="icon-name">fa-subscript</span> <span class="icon-value">"\f12c"</span></li> <li><i class="fa fa-eraser"></i> <span class="icon-name">fa-eraser</span> <span class="icon-value">"\f12d"</span></li> <li><i class="fa fa-puzzle-piece"></i> <span class="icon-name">fa-puzzle-piece</span> <span class="icon-value">"\f12e"</span></li> <li><i class="fa fa-microphone"></i> <span class="icon-name">fa-microphone</span> <span class="icon-value">"\f130"</span></li> <li><i class="fa fa-microphone-slash"></i> <span class="icon-name">fa-microphone-slash</span> <span class="icon-value">"\f131"</span></li> <li><i class="fa fa-shield"></i> <span class="icon-name">fa-shield</span> <span class="icon-value">"\f132"</span></li> <li><i class="fa fa-calendar-o"></i> <span class="icon-name">fa-calendar-o</span> <span class="icon-value">"\f133"</span></li> <li><i class="fa fa-fire-extinguisher"></i> <span class="icon-name">fa-fire-extinguisher</span> <span class="icon-value">"\f134"</span></li> <li><i class="fa fa-rocket"></i> <span class="icon-name">fa-rocket</span> <span class="icon-value">"\f135"</span></li> <li><i class="fa fa-maxcdn"></i> <span class="icon-name">fa-maxcdn</span> <span class="icon-value">"\f136"</span></li> <li><i class="fa fa-chevron-circle-left"></i> <span class="icon-name">fa-chevron-circle-left</span> <span class="icon-value">"\f137"</span></li> <li><i class="fa fa-chevron-circle-right"></i> <span class="icon-name">fa-chevron-circle-right</span> <span class="icon-value">"\f138"</span></li> <li><i class="fa fa-chevron-circle-up"></i> <span class="icon-name">fa-chevron-circle-up</span> <span class="icon-value">"\f139"</span></li> <li><i class="fa fa-chevron-circle-down"></i> <span class="icon-name">fa-chevron-circle-down</span> <span class="icon-value">"\f13a"</span></li> <li><i class="fa fa-html5"></i> <span class="icon-name">fa-html5</span> <span class="icon-value">"\f13b"</span></li> <li><i class="fa fa-css3"></i> <span class="icon-name">fa-css3</span> <span class="icon-value">"\f13c"</span></li> <li><i class="fa fa-anchor"></i> <span class="icon-name">fa-anchor</span> <span class="icon-value">"\f13d"</span></li> <li><i class="fa fa-unlock-alt"></i> <span class="icon-name">fa-unlock-alt</span> <span class="icon-value">"\f13e"</span></li> <li><i class="fa fa-bullseye"></i> <span class="icon-name">fa-bullseye</span> <span class="icon-value">"\f140"</span></li> <li><i class="fa fa-ellipsis-h"></i> <span class="icon-name">fa-ellipsis-h</span> <span class="icon-value">"\f141"</span></li> <li><i class="fa fa-ellipsis-v"></i> <span class="icon-name">fa-ellipsis-v</span> <span class="icon-value">"\f142"</span></li> <li><i class="fa fa-rss-square"></i> <span class="icon-name">fa-rss-square</span> <span class="icon-value">"\f143"</span></li> <li><i class="fa fa-play-circle"></i> <span class="icon-name">fa-play-circle</span> <span class="icon-value">"\f144"</span></li> <li><i class="fa fa-ticket"></i> <span class="icon-name">fa-ticket</span> <span class="icon-value">"\f145"</span></li> <li><i class="fa fa-minus-square"></i> <span class="icon-name">fa-minus-square</span> <span class="icon-value">"\f146"</span></li> <li><i class="fa fa-minus-square-o"></i> <span class="icon-name">fa-minus-square-o</span> <span class="icon-value">"\f147"</span></li> <li><i class="fa fa-level-up"></i> <span class="icon-name">fa-level-up</span> <span class="icon-value">"\f148"</span></li> <li><i class="fa fa-level-down"></i> <span class="icon-name">fa-level-down</span> <span class="icon-value">"\f149"</span></li> <li><i class="fa fa-check-square"></i> <span class="icon-name">fa-check-square</span> <span class="icon-value">"\f14a"</span></li> <li><i class="fa fa-pencil-square"></i> <span class="icon-name">fa-pencil-square</span> <span class="icon-value">"\f14b"</span></li> <li><i class="fa fa-external-link-square"></i> <span class="icon-name">fa-external-link-square</span> <span class="icon-value">"\f14c"</span></li> <li><i class="fa fa-share-square"></i> <span class="icon-name">fa-share-square</span> <span class="icon-value">"\f14d"</span></li> <li><i class="fa fa-compass"></i> <span class="icon-name">fa-compass</span> <span class="icon-value">"\f14e"</span></li> <li><i class="fa fa-caret-square-o-down"></i> <span class="icon-name">fa-caret-square-o-down</span> <span class="icon-value">"\f150"</span></li> <li><i class="fa fa-caret-square-o-up"></i> <span class="icon-name">fa-caret-square-o-up</span> <span class="icon-value">"\f151"</span></li> <li><i class="fa fa-caret-square-o-right"></i> <span class="icon-name">fa-caret-square-o-right</span> <span class="icon-value">"\f152"</span></li> <li><i class="fa fa-eur"></i> <span class="icon-name">fa-eur</span> <span class="icon-value">"\f153"</span></li> <li><i class="fa fa-gbp"></i> <span class="icon-name">fa-gbp</span> <span class="icon-value">"\f154"</span></li> <li><i class="fa fa-usd"></i> <span class="icon-name">fa-usd</span> <span class="icon-value">"\f155"</span></li> <li><i class="fa fa-inr"></i> <span class="icon-name">fa-inr</span> <span class="icon-value">"\f156"</span></li> <li><i class="fa fa-jpy"></i> <span class="icon-name">fa-jpy</span> <span class="icon-value">"\f157"</span></li> <li><i class="fa fa-rub"></i> <span class="icon-name">fa-rub</span> <span class="icon-value">"\f158"</span></li> <li><i class="fa fa-krw"></i> <span class="icon-name">fa-krw</span> <span class="icon-value">"\f159"</span></li> <li><i class="fa fa-btc"></i> <span class="icon-name">fa-btc</span> <span class="icon-value">"\f15a"</span></li> <li><i class="fa fa-file"></i> <span class="icon-name">fa-file</span> <span class="icon-value">"\f15b"</span></li> <li><i class="fa fa-file-text"></i> <span class="icon-name">fa-file-text</span> <span class="icon-value">"\f15c"</span></li> <li><i class="fa fa-sort-alpha-asc"></i> <span class="icon-name">fa-sort-alpha-asc</span> <span class="icon-value">"\f15d"</span></li> <li><i class="fa fa-sort-alpha-desc"></i> <span class="icon-name">fa-sort-alpha-desc</span> <span class="icon-value">"\f15e"</span></li> <li><i class="fa fa-sort-amount-asc"></i> <span class="icon-name">fa-sort-amount-asc</span> <span class="icon-value">"\f160"</span></li> <li><i class="fa fa-sort-amount-desc"></i> <span class="icon-name">fa-sort-amount-desc</span> <span class="icon-value">"\f161"</span></li> <li><i class="fa fa-sort-numeric-asc"></i> <span class="icon-name">fa-sort-numeric-asc</span> <span class="icon-value">"\f162"</span></li> <li><i class="fa fa-sort-numeric-desc"></i> <span class="icon-name">fa-sort-numeric-desc</span> <span class="icon-value">"\f163"</span></li> <li><i class="fa fa-thumbs-up"></i> <span class="icon-name">fa-thumbs-up</span> <span class="icon-value">"\f164"</span></li> <li><i class="fa fa-thumbs-down"></i> <span class="icon-name">fa-thumbs-down</span> <span class="icon-value">"\f165"</span></li> <li><i class="fa fa-youtube-square"></i> <span class="icon-name">fa-youtube-square</span> <span class="icon-value">"\f166"</span></li> <li><i class="fa fa-youtube"></i> <span class="icon-name">fa-youtube</span> <span class="icon-value">"\f167"</span></li> <li><i class="fa fa-xing"></i> <span class="icon-name">fa-xing</span> <span class="icon-value">"\f168"</span></li> <li><i class="fa fa-xing-square"></i> <span class="icon-name">fa-xing-square</span> <span class="icon-value">"\f169"</span></li> <li><i class="fa fa-youtube-play"></i> <span class="icon-name">fa-youtube-play</span> <span class="icon-value">"\f16a"</span></li> <li><i class="fa fa-dropbox"></i> <span class="icon-name">fa-dropbox</span> <span class="icon-value">"\f16b"</span></li> <li><i class="fa fa-stack-overflow"></i> <span class="icon-name">fa-stack-overflow</span> <span class="icon-value">"\f16c"</span></li> <li><i class="fa fa-instagram"></i> <span class="icon-name">fa-instagram</span> <span class="icon-value">"\f16d"</span></li> <li><i class="fa fa-flickr"></i> <span class="icon-name">fa-flickr</span> <span class="icon-value">"\f16e"</span></li> <li><i class="fa fa-adn"></i> <span class="icon-name">fa-adn</span> <span class="icon-value">"\f170"</span></li> <li><i class="fa fa-bitbucket"></i> <span class="icon-name">fa-bitbucket</span> <span class="icon-value">"\f171"</span></li> <li><i class="fa fa-bitbucket-square"></i> <span class="icon-name">fa-bitbucket-square</span> <span class="icon-value">"\f172"</span></li> <li><i class="fa fa-tumblr"></i> <span class="icon-name">fa-tumblr</span> <span class="icon-value">"\f173"</span></li> <li><i class="fa fa-tumblr-square"></i> <span class="icon-name">fa-tumblr-square</span> <span class="icon-value">"\f174"</span></li> <li><i class="fa fa-long-arrow-down"></i> <span class="icon-name">fa-long-arrow-down</span> <span class="icon-value">"\f175"</span></li> <li><i class="fa fa-long-arrow-up"></i> <span class="icon-name">fa-long-arrow-up</span> <span class="icon-value">"\f176"</span></li> <li><i class="fa fa-long-arrow-left"></i> <span class="icon-name">fa-long-arrow-left</span> <span class="icon-value">"\f177"</span></li> <li><i class="fa fa-long-arrow-right"></i> <span class="icon-name">fa-long-arrow-right</span> <span class="icon-value">"\f178"</span></li> <li><i class="fa fa-apple"></i> <span class="icon-name">fa-apple</span> <span class="icon-value">"\f179"</span></li> <li><i class="fa fa-windows"></i> <span class="icon-name">fa-windows</span> <span class="icon-value">"\f17a"</span></li> <li><i class="fa fa-android"></i> <span class="icon-name">fa-android</span> <span class="icon-value">"\f17b"</span></li> <li><i class="fa fa-linux"></i> <span class="icon-name">fa-linux</span> <span class="icon-value">"\f17c"</span></li> <li><i class="fa fa-dribbble"></i> <span class="icon-name">fa-dribbble</span> <span class="icon-value">"\f17d"</span></li> <li><i class="fa fa-skype"></i> <span class="icon-name">fa-skype</span> <span class="icon-value">"\f17e"</span></li> <li><i class="fa fa-foursquare"></i> <span class="icon-name">fa-foursquare</span> <span class="icon-value">"\f180"</span></li> <li><i class="fa fa-trello"></i> <span class="icon-name">fa-trello</span> <span class="icon-value">"\f181"</span></li> <li><i class="fa fa-female"></i> <span class="icon-name">fa-female</span> <span class="icon-value">"\f182"</span></li> <li><i class="fa fa-male"></i> <span class="icon-name">fa-male</span> <span class="icon-value">"\f183"</span></li> <li><i class="fa fa-gittip"></i> <span class="icon-name">fa-gittip</span> <span class="icon-value">"\f184"</span></li> <li><i class="fa fa-sun-o"></i> <span class="icon-name">fa-sun-o</span> <span class="icon-value">"\f185"</span></li> <li><i class="fa fa-moon-o"></i> <span class="icon-name">fa-moon-o</span> <span class="icon-value">"\f186"</span></li> <li><i class="fa fa-archive"></i> <span class="icon-name">fa-archive</span> <span class="icon-value">"\f187"</span></li> <li><i class="fa fa-bug"></i> <span class="icon-name">fa-bug</span> <span class="icon-value">"\f188"</span></li> <li><i class="fa fa-vk"></i> <span class="icon-name">fa-vk</span> <span class="icon-value">"\f189"</span></li> <li><i class="fa fa-weibo"></i> <span class="icon-name">fa-weibo</span> <span class="icon-value">"\f18a"</span></li> <li><i class="fa fa-renren"></i> <span class="icon-name">fa-renren</span> <span class="icon-value">"\f18b"</span></li> <li><i class="fa fa-pagelines"></i> <span class="icon-name">fa-pagelines</span> <span class="icon-value">"\f18c"</span></li> <li><i class="fa fa-stack-exchange"></i> <span class="icon-name">fa-stack-exchange</span> <span class="icon-value">"\f18d"</span></li> <li><i class="fa fa-arrow-circle-o-right"></i> <span class="icon-name">fa-arrow-circle-o-right</span> <span class="icon-value">"\f18e"</span></li> <li><i class="fa fa-arrow-circle-o-left"></i> <span class="icon-name">fa-arrow-circle-o-left</span> <span class="icon-value">"\f190"</span></li> <li><i class="fa fa-caret-square-o-left"></i> <span class="icon-name">fa-caret-square-o-left</span> <span class="icon-value">"\f191"</span></li> <li><i class="fa fa-dot-circle-o"></i> <span class="icon-name">fa-dot-circle-o</span> <span class="icon-value">"\f192"</span></li> <li><i class="fa fa-wheelchair"></i> <span class="icon-name">fa-wheelchair</span> <span class="icon-value">"\f193"</span></li> <li><i class="fa fa-vimeo-square"></i> <span class="icon-name">fa-vimeo-square</span> <span class="icon-value">"\f194"</span></li> <li><i class="fa fa-try"></i> <span class="icon-name">fa-try</span> <span class="icon-value">"\f195"</span></li> <li><i class="fa fa-plus-square-o"></i> <span class="icon-name">fa-plus-square-o</span> <span class="icon-value">"\f196"</span></li> <li><i class="fa fa-space-shuttle"></i> <span class="icon-name">fa-space-shuttle</span> <span class="icon-value">"\f197"</span></li> <li><i class="fa fa-slack"></i> <span class="icon-name">fa-slack</span> <span class="icon-value">"\f198"</span></li> <li><i class="fa fa-envelope-square"></i> <span class="icon-name">fa-envelope-square</span> <span class="icon-value">"\f199"</span></li> <li><i class="fa fa-wordpress"></i> <span class="icon-name">fa-wordpress</span> <span class="icon-value">"\f19a"</span></li> <li><i class="fa fa-openid"></i> <span class="icon-name">fa-openid</span> <span class="icon-value">"\f19b"</span></li> <li><i class="fa fa-university"></i> <span class="icon-name">fa-university</span> <span class="icon-value">"\f19c"</span></li> <li><i class="fa fa-graduation-cap"></i> <span class="icon-name">fa-graduation-cap</span> <span class="icon-value">"\f19d"</span></li> <li><i class="fa fa-yahoo"></i> <span class="icon-name">fa-yahoo</span> <span class="icon-value">"\f19e"</span></li> <li><i class="fa fa-google"></i> <span class="icon-name">fa-google</span> <span class="icon-value">"\f1a0"</span></li> <li><i class="fa fa-reddit"></i> <span class="icon-name">fa-reddit</span> <span class="icon-value">"\f1a1"</span></li> <li><i class="fa fa-reddit-square"></i> <span class="icon-name">fa-reddit-square</span> <span class="icon-value">"\f1a2"</span></li> <li><i class="fa fa-stumbleupon-circle"></i> <span class="icon-name">fa-stumbleupon-circle</span> <span class="icon-value">"\f1a3"</span></li> <li><i class="fa fa-stumbleupon"></i> <span class="icon-name">fa-stumbleupon</span> <span class="icon-value">"\f1a4"</span></li> <li><i class="fa fa-delicious"></i> <span class="icon-name">fa-delicious</span> <span class="icon-value">"\f1a5"</span></li> <li><i class="fa fa-digg"></i> <span class="icon-name">fa-digg</span> <span class="icon-value">"\f1a6"</span></li> <li><i class="fa fa-pied-piper"></i> <span class="icon-name">fa-pied-piper</span> <span class="icon-value">"\f1a7"</span></li> <li><i class="fa fa-pied-piper-alt"></i> <span class="icon-name">fa-pied-piper-alt</span> <span class="icon-value">"\f1a8"</span></li> <li><i class="fa fa-drupal"></i> <span class="icon-name">fa-drupal</span> <span class="icon-value">"\f1a9"</span></li> <li><i class="fa fa-joomla"></i> <span class="icon-name">fa-joomla</span> <span class="icon-value">"\f1aa"</span></li> <li><i class="fa fa-language"></i> <span class="icon-name">fa-language</span> <span class="icon-value">"\f1ab"</span></li> <li><i class="fa fa-fax"></i> <span class="icon-name">fa-fax</span> <span class="icon-value">"\f1ac"</span></li> <li><i class="fa fa-building"></i> <span class="icon-name">fa-building</span> <span class="icon-value">"\f1ad"</span></li> <li><i class="fa fa-child"></i> <span class="icon-name">fa-child</span> <span class="icon-value">"\f1ae"</span></li> <li><i class="fa fa-paw"></i> <span class="icon-name">fa-paw</span> <span class="icon-value">"\f1b0"</span></li> <li><i class="fa fa-spoon"></i> <span class="icon-name">fa-spoon</span> <span class="icon-value">"\f1b1"</span></li> <li><i class="fa fa-cube"></i> <span class="icon-name">fa-cube</span> <span class="icon-value">"\f1b2"</span></li> <li><i class="fa fa-cubes"></i> <span class="icon-name">fa-cubes</span> <span class="icon-value">"\f1b3"</span></li> <li><i class="fa fa-behance"></i> <span class="icon-name">fa-behance</span> <span class="icon-value">"\f1b4"</span></li> <li><i class="fa fa-behance-square"></i> <span class="icon-name">fa-behance-square</span> <span class="icon-value">"\f1b5"</span></li> <li><i class="fa fa-steam"></i> <span class="icon-name">fa-steam</span> <span class="icon-value">"\f1b6"</span></li> <li><i class="fa fa-steam-square"></i> <span class="icon-name">fa-steam-square</span> <span class="icon-value">"\f1b7"</span></li> <li><i class="fa fa-recycle"></i> <span class="icon-name">fa-recycle</span> <span class="icon-value">"\f1b8"</span></li> <li><i class="fa fa-car"></i> <span class="icon-name">fa-car</span> <span class="icon-value">"\f1b9"</span></li> <li><i class="fa fa-taxi"></i> <span class="icon-name">fa-taxi</span> <span class="icon-value">"\f1ba"</span></li> <li><i class="fa fa-tree"></i> <span class="icon-name">fa-tree</span> <span class="icon-value">"\f1bb"</span></li> <li><i class="fa fa-spotify"></i> <span class="icon-name">fa-spotify</span> <span class="icon-value">"\f1bc"</span></li> <li><i class="fa fa-deviantart"></i> <span class="icon-name">fa-deviantart</span> <span class="icon-value">"\f1bd"</span></li> <li><i class="fa fa-soundcloud"></i> <span class="icon-name">fa-soundcloud</span> <span class="icon-value">"\f1be"</span></li> <li><i class="fa fa-database"></i> <span class="icon-name">fa-database</span> <span class="icon-value">"\f1c0"</span></li> <li><i class="fa fa-file-pdf-o"></i> <span class="icon-name">fa-file-pdf-o</span> <span class="icon-value">"\f1c1"</span></li> <li><i class="fa fa-file-word-o"></i> <span class="icon-name">fa-file-word-o</span> <span class="icon-value">"\f1c2"</span></li> <li><i class="fa fa-file-excel-o"></i> <span class="icon-name">fa-file-excel-o</span> <span class="icon-value">"\f1c3"</span></li> <li><i class="fa fa-file-powerpoint-o"></i> <span class="icon-name">fa-file-powerpoint-o</span> <span class="icon-value">"\f1c4"</span></li> <li><i class="fa fa-file-image-o"></i> <span class="icon-name">fa-file-image-o</span> <span class="icon-value">"\f1c5"</span></li> <li><i class="fa fa-file-archive-o"></i> <span class="icon-name">fa-file-archive-o</span> <span class="icon-value">"\f1c6"</span></li> <li><i class="fa fa-file-audio-o"></i> <span class="icon-name">fa-file-audio-o</span> <span class="icon-value">"\f1c7"</span></li> <li><i class="fa fa-file-video-o"></i> <span class="icon-name">fa-file-video-o</span> <span class="icon-value">"\f1c8"</span></li> <li><i class="fa fa-file-code-o"></i> <span class="icon-name">fa-file-code-o</span> <span class="icon-value">"\f1c9"</span></li> <li><i class="fa fa-vine"></i> <span class="icon-name">fa-vine</span> <span class="icon-value">"\f1ca"</span></li> <li><i class="fa fa-codepen"></i> <span class="icon-name">fa-codepen</span> <span class="icon-value">"\f1cb"</span></li> <li><i class="fa fa-jsfiddle"></i> <span class="icon-name">fa-jsfiddle</span> <span class="icon-value">"\f1cc"</span></li> <li><i class="fa fa-life-ring"></i> <span class="icon-name">fa-life-ring</span> <span class="icon-value">"\f1cd"</span></li> <li><i class="fa fa-circle-o-notch"></i> <span class="icon-name">fa-circle-o-notch</span> <span class="icon-value">"\f1ce"</span></li> <li><i class="fa fa-rebel"></i> <span class="icon-name">fa-rebel</span> <span class="icon-value">"\f1d0"</span></li> <li><i class="fa fa-empire"></i> <span class="icon-name">fa-empire</span> <span class="icon-value">"\f1d1"</span></li> <li><i class="fa fa-git-square"></i> <span class="icon-name">fa-git-square</span> <span class="icon-value">"\f1d2"</span></li> <li><i class="fa fa-git"></i> <span class="icon-name">fa-git</span> <span class="icon-value">"\f1d3"</span></li> <li><i class="fa fa-hacker-news"></i> <span class="icon-name">fa-hacker-news</span> <span class="icon-value">"\f1d4"</span></li> <li><i class="fa fa-tencent-weibo"></i> <span class="icon-name">fa-tencent-weibo</span> <span class="icon-value">"\f1d5"</span></li> <li><i class="fa fa-qq"></i> <span class="icon-name">fa-qq</span> <span class="icon-value">"\f1d6"</span></li> <li><i class="fa fa-weixin"></i> <span class="icon-name">fa-weixin</span> <span class="icon-value">"\f1d7"</span></li> <li><i class="fa fa-paper-plane"></i> <span class="icon-name">fa-paper-plane</span> <span class="icon-value">"\f1d8"</span></li> <li><i class="fa fa-paper-plane-o"></i> <span class="icon-name">fa-paper-plane-o</span> <span class="icon-value">"\f1d9"</span></li> <li><i class="fa fa-history"></i> <span class="icon-name">fa-history</span> <span class="icon-value">"\f1da"</span></li> <li><i class="fa fa-circle-thin"></i> <span class="icon-name">fa-circle-thin</span> <span class="icon-value">"\f1db"</span></li> <li><i class="fa fa-header"></i> <span class="icon-name">fa-header</span> <span class="icon-value">"\f1dc"</span></li> <li><i class="fa fa-paragraph"></i> <span class="icon-name">fa-paragraph</span> <span class="icon-value">"\f1dd"</span></li> <li><i class="fa fa-sliders"></i> <span class="icon-name">fa-sliders</span> <span class="icon-value">"\f1de"</span></li> <li><i class="fa fa-share-alt"></i> <span class="icon-name">fa-share-alt</span> <span class="icon-value">"\f1e0"</span></li> <li><i class="fa fa-share-alt-square"></i> <span class="icon-name">fa-share-alt-square</span> <span class="icon-value">"\f1e1"</span></li> <li><i class="fa fa-bomb"></i> <span class="icon-name">fa-bomb</span> <span class="icon-value">"\f1e2"</span></li> <li><i class="fa fa-futbol-o"></i> <span class="icon-name">fa-futbol-o</span> <span class="icon-value">"\f1e3"</span></li> <li><i class="fa fa-tty"></i> <span class="icon-name">fa-tty</span> <span class="icon-value">"\f1e4"</span></li> <li><i class="fa fa-binoculars"></i> <span class="icon-name">fa-binoculars</span> <span class="icon-value">"\f1e5"</span></li> <li><i class="fa fa-plug"></i> <span class="icon-name">fa-plug</span> <span class="icon-value">"\f1e6"</span></li> <li><i class="fa fa-slideshare"></i> <span class="icon-name">fa-slideshare</span> <span class="icon-value">"\f1e7"</span></li> <li><i class="fa fa-twitch"></i> <span class="icon-name">fa-twitch</span> <span class="icon-value">"\f1e8"</span></li> <li><i class="fa fa-yelp"></i> <span class="icon-name">fa-yelp</span> <span class="icon-value">"\f1e9"</span></li> <li><i class="fa fa-newspaper-o"></i> <span class="icon-name">fa-newspaper-o</span> <span class="icon-value">"\f1ea"</span></li> <li><i class="fa fa-wifi"></i> <span class="icon-name">fa-wifi</span> <span class="icon-value">"\f1eb"</span></li> <li><i class="fa fa-calculator"></i> <span class="icon-name">fa-calculator</span> <span class="icon-value">"\f1ec"</span></li> <li><i class="fa fa-paypal"></i> <span class="icon-name">fa-paypal</span> <span class="icon-value">"\f1ed"</span></li> <li><i class="fa fa-google-wallet"></i> <span class="icon-name">fa-google-wallet</span> <span class="icon-value">"\f1ee"</span></li> <li><i class="fa fa-cc-visa"></i> <span class="icon-name">fa-cc-visa</span> <span class="icon-value">"\f1f0"</span></li> <li><i class="fa fa-cc-mastercard"></i> <span class="icon-name">fa-cc-mastercard</span> <span class="icon-value">"\f1f1"</span></li> <li><i class="fa fa-cc-discover"></i> <span class="icon-name">fa-cc-discover</span> <span class="icon-value">"\f1f2"</span></li> <li><i class="fa fa-cc-amex"></i> <span class="icon-name">fa-cc-amex</span> <span class="icon-value">"\f1f3"</span></li> <li><i class="fa fa-cc-paypal"></i> <span class="icon-name">fa-cc-paypal</span> <span class="icon-value">"\f1f4"</span></li> <li><i class="fa fa-cc-stripe"></i> <span class="icon-name">fa-cc-stripe</span> <span class="icon-value">"\f1f5"</span></li> <li><i class="fa fa-bell-slash"></i> <span class="icon-name">fa-bell-slash</span> <span class="icon-value">"\f1f6"</span></li> <li><i class="fa fa-bell-slash-o"></i> <span class="icon-name">fa-bell-slash-o</span> <span class="icon-value">"\f1f7"</span></li> <li><i class="fa fa-trash"></i> <span class="icon-name">fa-trash</span> <span class="icon-value">"\f1f8"</span></li> <li><i class="fa fa-copyright"></i> <span class="icon-name">fa-copyright</span> <span class="icon-value">"\f1f9"</span></li> <li><i class="fa fa-at"></i> <span class="icon-name">fa-at</span> <span class="icon-value">"\f1fa"</span></li> <li><i class="fa fa-eyedropper"></i> <span class="icon-name">fa-eyedropper</span> <span class="icon-value">"\f1fb"</span></li> <li><i class="fa fa-paint-brush"></i> <span class="icon-name">fa-paint-brush</span> <span class="icon-value">"\f1fc"</span></li> <li><i class="fa fa-birthday-cake"></i> <span class="icon-name">fa-birthday-cake</span> <span class="icon-value">"\f1fd"</span></li> <li><i class="fa fa-area-chart"></i> <span class="icon-name">fa-area-chart</span> <span class="icon-value">"\f1fe"</span></li> <li><i class="fa fa-pie-chart"></i> <span class="icon-name">fa-pie-chart</span> <span class="icon-value">"\f200"</span></li> <li><i class="fa fa-line-chart"></i> <span class="icon-name">fa-line-chart</span> <span class="icon-value">"\f201"</span></li> <li><i class="fa fa-lastfm"></i> <span class="icon-name">fa-lastfm</span> <span class="icon-value">"\f202"</span></li> <li><i class="fa fa-lastfm-square"></i> <span class="icon-name">fa-lastfm-square</span> <span class="icon-value">"\f203"</span></li> <li><i class="fa fa-toggle-off"></i> <span class="icon-name">fa-toggle-off</span> <span class="icon-value">"\f204"</span></li> <li><i class="fa fa-toggle-on"></i> <span class="icon-name">fa-toggle-on</span> <span class="icon-value">"\f205"</span></li> <li><i class="fa fa-bicycle"></i> <span class="icon-name">fa-bicycle</span> <span class="icon-value">"\f206"</span></li> <li><i class="fa fa-bus"></i> <span class="icon-name">fa-bus</span> <span class="icon-value">"\f207"</span></li> <li><i class="fa fa-ioxhost"></i> <span class="icon-name">fa-ioxhost</span> <span class="icon-value">"\f208"</span></li> <li><i class="fa fa-angellist"></i> <span class="icon-name">fa-angellist</span> <span class="icon-value">"\f209"</span></li> <li><i class="fa fa-cc"></i> <span class="icon-name">fa-cc</span> <span class="icon-value">"\f20a"</span></li> <li><i class="fa fa-ils"></i> <span class="icon-name">fa-ils</span> <span class="icon-value">"\f20b"</span></li> <li><i class="fa fa-meanpath"></i> <span class="icon-name">fa-meanpath</span> <span class="icon-value">"\f20c"</span></li> </ul> </div> </div> <style scoped="" type="text/css"> #outer-wrapper {margin:0 auto;text-align:left;float:none;background-position:center!important;} #post-wrapper {width:100%;max-width:100%;margin:0 auto;text-align:left;float:none;background-position:center!important;} .post-body,.post{background-position:center!important;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;} #blog1,#artikel,.blog-posts{background-position:center!important;} #comments,#sidebar-wrapper,#menu-wrap {display:none;margin-top:0;margin:0;} .post img{background:#fff;} #part-aside {box-shadow: 0 0 10px 5px #ddd;} #article {background:#fff;} .post {background:#fff;} .post-inner {padding:15px 0 0 0;} #font-awesome-list{margin-top:3em}#font-awesome-list ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px} #font-awesome-list li{list-style:none;padding:6px;border-radius:4px;transition:initial;} #font-awesome-list li:before{display:none;width:0;height:0} #font-awesome-list li i:before{font-size:24px;font-size:1.5rem;position:relative;top:4px;color:#666} #font-awesome-list li:hover{background-color:#27A0DC;color:#fff;transition:initial;} #font-awesome-list li:hover i:before{color:#fff} #font-awesome-list span{display:inline-block;font-family:'Open Sans',sans-serif;font-size:13px;font-size:.8125rem;transition:initial;} #font-awesome-list span:hover{transition:initial;} #font-awesome-list i{width:30px;text-align:center;margin-right:20px} #font-awesome-list .icon-name{width:180px;text-align:left;transition:initial;} #font-awesome-list .icon-name:hover{transition:initial;} #font-awesome-list .icon-value,#font-awesome-list .icon-value:hover{transition:initial;} .non-semantic-protector{position:relative;z-index:1}h1.post-title {visibility:hidden;width:0;height:0;}.ribbon{font-size:20px!important;text-transform:uppercase;width:50%;position:relative;background:#f35b5b;color:#fff;text-align:center;padding:1em 2em;margin:2em auto 3em}.ribbon:after,.ribbon:before{content:"";position:absolute;display:block;bottom:-1em;border:1.5em solid #d74545;z-index:-1}.ribbon:before{left:-2em;border-right-width:1.5em;border-left-color:transparent}.ribbon:after{right:-2em;border-left-width:1.5em;border-right-color:transparent}.ribbon .ribbon-content:after,.ribbon .ribbon-content:before{content:"";position:absolute;display:block;border-style:solid;border-color:#b23232 transparent transparent;bottom:-1em}.ribbon .ribbon-content:before{left:0;border-width:1em 0 0 1em}.ribbon .ribbon-content:after{right:0;border-width:1em 1em 0 0} pre{background-color:#f5f5f5;border-radius:5px;border:1px solid #e5e5e5} pre[data-codetype="CSSku"]:before,pre[data-codetype="HTMLku"]:before,pre[data-codetype="JavaScriptku"]:before,pre[data-codetype="JQueryku"]:before{background-color:#fff;box-shadow:none;border-bottom:1px solid #e5e5e5} pre code{color:#666} #main-wrapper{padding:0;width:100%;border:0} .prewrap{margin:auto;max-width:72%} .post ul li span{margin:0} @media only screen and (max-width:640px){ .prewrap{max-width:98%}} </style> <script type="text/javascript"> $(function(){ var iconList = $('#font-awesome-list li'), iconListI = iconList.find('i'); iconList.each(function(i) { var target = $(this), targetClass = target.find('i').attr('class'), targetClass = targetClass.replace('fa ', ''), targetLabel = target.find('span.icon-name'); targetLabel.text(targetClass); }); }); </script><div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3502245822963641970.post-44593098108753335292019-02-25T14:34:00.000+07:002019-04-06T08:37:23.689+07:00Download Infinite Responsive Blogger Theme Premium Gratis<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://armithemes.blogspot.com/2019/02/download-infinite-responsive-blogger.html"><img alt="download infinite responsive blogger theme premium gratis " data-original-height="402" data-original-width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFM1YVOD2pDnbx5jN6o3HKFYH_zNLufHnzfNMoGNJsQ3VWNatr_aRWmOXP-NgbjLEFiA10YpyIPDyV37FpiP85VlIOxV3szgS9bZ3ooE3_i8oDdRsE8y3j6OQazDK9Ce-15WCoV736Lkg/s1600/Infinite+Responsive+Blogger+Template.png" /></a></div><br /> <div style="text-align: justify;">Kali ini <b>Armi Themes</b> akan bagikan template premium lagi yang didesain oleh <a href="https://armithemes.blogspot.com/search/label/idntheme" target="_blank" terget="_blank" title="download template premium gratis">idntheme</a>. template ini memiliki desain sama seperti template idntheme lainnya</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Walaupun begitu, template infinite ini memiliki menu yang tidak ada di template idntheme manapun, yaitu recent post by label di menunya (mega menu). untuk fitur lainnya, bisa dilihat dibawah </div><br /> <h3 style="text-align: left;"><b>Fitur fitur template infinite premium</b></h3><br /> <table cellpadding="0" cellspacing="0" style="text-align: left;"><tbody> <tr> <th>Features</th> <th>Availability</th> </tr> <tr> <td>Responsive</td> <td>True <a href="http://www.responsinator.com/?url=infiniteidn.blogspot.com" rel="nofollow noopener" target="_blank">Cek</a></td> </tr> <tr> <td>Mobile Responsive</td> <td>True <a href="http://www.responsinator.com/?url=infiniteidn.blogspot.com%3Fm%3D1" rel="nofollow noopener" target="_blank">Cek</a></td> </tr> <tr> <td>Google Testing Tool Validator</td> <td>True <a href="https://search.google.com/structured-data/testing-tool#url=https%3A%2F%2Finfiniteidn.blogspot.com" rel="nofollow noopener" target="_blank">Cek</a></td> </tr> <tr> <td>Mobile Friendly</td> <td>True <a href="https://search.google.com/test/mobile-friendly?id=f9ynzZjdOnjlDZPE-VbyFQ" target="_blank">Cek</a></td> </tr> <tr> <td>SEO Friendly</td> <td>True</td> </tr> <tr> <td>Dynamic Heading</td> <td>True</td> </tr> <tr> <td>Menu Navigation with recent post</td> <td>True</td> </tr> <tr> <td>Adsense</td> <td>True</td> </tr> <tr> <td>Valid Schema.org</td> <td>True</td> </tr> <tr> <td>High CTR</td> <td>True</td> </tr> <tr> <td>2 Column</td> <td>True</td> </tr> <tr> <td>Auto Read More with Thumbnail</td> <td>True</td> </tr> <tr> <td>Breadcrumbs</td> <td>True</td> </tr> <tr> <td>Footer Link</td> <td>True</td> </tr> <tr> <td>Related Posts with Thumb</td> <td>True</td> </tr> <tr> <td>Search Box</td> <td>True</td> </tr> <tr> <td>Social Share Button</td> <td>True</td> </tr> <tr> <td>Responsive Sticky Navigation</td> <td>True</td> </tr> <tr> <td>Back to Top Button</td> <td>True</td> </tr> <tr> <td>Shortcodes</td> <td>True</td> </tr> <tr> <td>Infinite Scroll</td> <td>True</td> </tr> <tr> <td>Page Numbered</td> <td>True</td> </tr> <tr> <td>Recent Post with Thumbnail</td> <td>True</td> </tr> <tr> <td>Custom Contact Form Widget</td> <td>True</td> </tr> <tr> <td>Responsive Sitemap Widget</td> <td>True</td> </tr> <tr> <td>Subscription Widget</td> <td>True</td> </tr> <tr> <td>BloggerComments</td> <td>True</td> </tr> <tr> <td>Disqus Comments</td> <td>True</td> </tr> <tr> <td>Facebook Comments</td> <td>True</td> </tr> </tbody> </table><br /> <br /> <div style="text-align: center;"><br /> </div><div style="text-align: justify;"><br /> </div><div id="wrap"><a href="https://infinitetiga.blogspot.com/" class="btn-slide" target="_blank"><br /> <span class="circle"><i class="fa fa-rocket"></i></span><br /> <span class="title">Demo</span><br /> <span class="title-hover">Click here</span><br /> </a><br /> <a href="http://1idsly.com/DBVIJvG" class="btn-slide2" target="_blank"><br /> <span class="circle2"><i class="fa fa-download"></i></span><br /> <span class="title2">Download</span><br /> <span class="title-hover2">Click here</span><br /> </a><br /> </div></div><div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-3502245822963641970.post-31274128480759059042019-02-25T12:06:00.001+07:002019-02-25T12:06:42.557+07:00Ad Mag Blogger Template<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://armithemes.blogspot.com/2019/02/ad-mag-blogger-template.html" target="_blank"><img alt="download ad mag premium blogger template gratis" data-original-height="372" data-original-width="580" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaJCByKYfW9rdP95PNFf-wBm00ENja2CMd7czZHpYYHKINHKpePOjh_9QrUxrNhVzAaz_q0KYuVMMedu6Nq3S05gosT9PywyHXuZ0560_sK4K9Ku5boQzLM-JhyD9aa51O3TDCaWGwAdo/s1600/Ad+Mag+Blogger+Template.png" /></a></div> <br /> <div style="text-align: justify;"> Ad mag sesuai namanya adalah template yang dikhusukan untuk adsense, dengan tampilan magazine maka akan menarik pengunjung untuk mengklik adsense lebih mudah, template ini dibuat oleh <a href="https://armithemes.blogspot.com/search/label/soratemplates" target="_blank" title="download template blogger premium soratemplates">Soratemplate</a> yang kita tahu mereka adalah creator template blogger terkenal.</div> <br /> <h3 style="text-align: left;"> <b>Fitur fitur Ad Mag </b></h3> <br /> <table cellpadding="0" cellspacing="0" style="text-align: left;"><tbody> <tr> <th>Features</th> <th>Availability</th> </tr> <tr> <td>Responsive</td> <td>True <a href="http://www.responsinator.com/" rel="nofollow noopener" target="_blank">Cek</a></td> </tr> <tr> <td>SEO Friendly</td> <td>True</td> </tr> <tr> <td>Google testing validator</td> <td>True</td> </tr> <tr> <td>Mobile friendly</td> <td>True</td> </tr> <tr> <td>Custom 404 page</td> <td>True</td> </tr> <tr> <td>Fast loading</td> <td>True</td> </tr> <tr> <td>Support videos</td> <td>True</td> </tr> <tr> <td>Magazine</td> <td>True</td> </tr> <tr> <td>Dropdown menu</td> <td>True</td> </tr> <tr> <td>Slider</td> <td>True</td> </tr> <tr> <td>Clean layout</td> <td>True</td> </tr> <tr> <td>Simple design</td> <td>True</td> </tr> </tbody></table> <br /> <br /> <div style="text-align: center;"> <ul class="button2"> <li> <a class="demo" href="http://ad-mag-soratemplates.blogspot.com/" rel="nofollow noopener" target="_blank" title="download ad mag premium blogger template gratis">Demo</a></li> <li> <a class="download" href="http://1idsly.com/RQnM4UN" rel="nofollow noopener" target="_blank" title="download ad mag premium blogger template gratis">Download</a></li> </ul> </div> </div> <div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-3502245822963641970.post-52965408965821741512019-02-25T12:01:00.000+07:002019-02-25T12:01:43.047+07:00Absolute - Premium Blogger Template<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://armithemes.blogspot.com/2019/02/absolute-premium-blogger-template.html"><img alt="download template blogger premium absolute" data-original-height="449" data-original-width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcRIQyyS6MUYD7VgzPIRePb-2JqsXQo31qygzX68VggoHBJsku_c_6669v4csUQI0dtZBeifJP_kzEi3QAS00rHGA-YavHiKjPG62Yo7QGRRbK7IePf-dV-ErdeCDXwF-J5Zge3cGjKhE/s1600/Absolute+Blogger+Template.jpg" /></a></div> <br /> <div style="text-align: justify;"> Absolute adalah template blogger yang memiliki desain yang bersih dan canggih yang kaya gambar dan dirancang untuk berbagi cerita kalian. keindahan dari template ini adalah kesederhanaan dan flexibilitasnya. template ini juga cocok untuk keperluan lain seperti blog makanan, traveling, fotografi, keluarga, gaya hidup, mode, desain, dan banyak lagi</div> <br /> <h3 style="text-align: left;"> <b>Fitur fitur template blogger absolute</b></h3> <br /> <table cellpadding="0" cellspacing="0" style="text-align: left;"><tbody> <tr> <th>Features</th> <th>Availability</th> </tr> <tr> <td>Responsive</td> <td>True <a href="http://www.responsinator.com/" rel="nofollow noopener" target="_blank">Cek</a></td> </tr> <tr> <td>Google Testing Tool Validator</td> <td>True <a href="https://search.google.com/structured-data/testing-tool" rel="nofollow noopener" target="_blank">Cek</a></td> </tr> <tr> <td>Mobile Friendly</td> <td>True <a href="https://search.google.com/test/mobile-friendly" target="_blank">Cek</a></td> </tr> <tr> <td>SEO Friendly</td> <td>True</td> </tr> <tr> <td>Custom 404 page</td> <td>True</td> </tr> <tr> <td>Fast loading</td> <td>True</td> </tr> <tr> <td>Fashion</td> <td>True</td> </tr> <tr> <td>Slider</td> <td>True</td> </tr> <tr> <td>Adsense</td> <td>True</td> </tr> <tr> <td>Clean layout</td> <td>True</td> </tr> <tr> <td>Simple design</td> <td>True</td> </tr> <tr> <td>Dropdown menu</td> <td>True</td> </tr> <tr> <td>Footer Link</td> <td>True</td> </tr> <tr> <td>Social sharing</td> <td>True</td> </tr> <tr> <td>HTML5 dan CSS3</td> <td>True</td> </tr> <tr> <td>Browser compatibility</td> <td>True</td> </tr> </tbody> </table> <br /> <br /> <div style="text-align: center;"> <ul class="button2"> <li> <a class="demo" href="https://absolute-soratemplates.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger premium gratis absolute">Demo</a></li> <li><a class="download" href="http://1idsly.com/0xgwqN" rel="nofollow noopener" target="_blank" title="download template blogger premium gratis absolute">Download</a></li> </ul> </div> </div> <div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-3502245822963641970.post-82142029533924777472019-02-25T11:32:00.001+07:002019-02-25T11:44:35.853+07:00MeshMag Template Blogger Premium Gratis<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://armithemes.blogspot.com/2018/11/meshmag-template-blogger-premium-gratis.html"><img alt="download template blogger meshmag premium gratis" data-original-height="507" data-original-width="700" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj0_dVadrJ1Utiyv_UL5K9LMlcBBFvwS0ljI1olkpQEVdJUxOpkgIbaGve-sFJssWlE9ex0e62yD-Zn9cIGViNg7WAFVZsK3hqsj34pQHarvYC9Us1f_5VW5-nrpG5coOtYjuBcyjOnXE/s1600/download+template+premium+meshmag+gratis.png" /></a></div> <br /> <div style="text-align: justify;"> MeshMag adalah template blogger Serba Guna, memiliki desain magazine yang paling cocok untuk blog berita, Teknologi, Fashion, Olahraga, Video, Kesehatan, Perjalanan, dll. meshmag juga dilengkapi fitur yang sudah support SEO, jadi kalian tidak perlu repot repot mengutak atik kode template ini.</div> <br /> <div style="text-align: justify;"> Template ini juga <b>100% Responsif</b> pada setiap perangkat. sehingga tampilan konten tetap terlihat keren di ponsel, tablet, dan desktop. karena setiap pengunjung blog akan betah jika melihat tampilan web blog yang responsive.</div> <div style="text-align: justify;"> <br /></div> <h3 style="text-align: left;"> <b>Fitur fitur meshmag blogger template</b></h3> <ol> <li><b>Multiple Sliders (Full Width Slider, Half Slider, Carousel)</b></li> <li><b>Mega Menu</b></li> <li><b>Load More Posts - Infinite posts using ajax</b></li> <li><b>Included Contact Form</b></li> <li><b>Left Sidebar Post</b></li> <li><b>Right Sidebar Post</b></li> <li><b>Fullwidth Post with no Sidebar</b></li> <li><b>You can set every post with the options to have left sidebar, right sidebar or no sidebar</b></li> <li><b>Sticky Sidebar - No white space is shown in the sidebar</b></li> <li><b>Multiple Author Template</b></li> <li><b>Sticky top menu</b></li> <li>100% Fully Responsive</li> <li>No coding knowledge required</li> <li>Unlimited Colors</li> <li>Widgetized Sidebar</li> <li>100% SEO Optimized: <a href="http://www.jetseotools.com/">Check here</a></li> <li>Unlimited Sidebar Widgets</li> <li>Ads Ready</li> <li>“Back to top” button functionality</li> <li>Documentation</li> <li>Social Share</li> <li><strong>Ads Ready</strong></li> </ol> <br /> <br /> <div style="text-align: center;"> <ul class="button2"> <li> <a class="demo" href="http://meshmag-oddthemes.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger meshmag premium gratis">Demo</a></li> <li><a class="download" href="http://1idsly.com/4rUoapM" rel="nofollow noopener" target="_blank" title="download template blogger meshmag premium gratis">Download</a></li> </ul></div> </div> <div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com1Indonesia-0.789275 113.92132700000002-31.6684965 72.61273300000002 30.0899465 155.22992100000002tag:blogger.com,1999:blog-3502245822963641970.post-57930883428200808782019-02-25T09:58:00.002+07:002019-02-25T09:58:58.514+07:00Download Raintimes - Template For News And Magazine Gratis<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://armithemes.blogspot.com/2018/11/download-raintimes-template-for-news.html"><img alt="download Raintimes - Template For News And Magazine gratis premium gratis" data-original-height="396" data-original-width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUELQF89IPo1SsHIG_re2TumTR58WAyYovHfJLdQvdUVXEmfsvpm-m9P03jCNb1i1T4p4azHijC_5Ok3dBlgkKRsE7iSpjDjQgx5JrfWl57p4S73y-6AMWPBWS3FJ0C4ZhqYUVML45IRA/s1600/raintimes+premium+gratis.jpg" /></a></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Raintimes adalah template blogger yang sangat sempurna untuk blog berita dan bergaya majalah. template ini dibekali dengan segudang fitur yang sudah tidak diragukan lagi. template ini juga sangat fast loading dan recomended banget bagi kalian yang mau mencari template blogger berita. </div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <b>Fitur Fitur Raintimes premium</b></div> <div style="text-align: justify;"> <br /></div> <ul> <li style="text-align: justify;">Responsive Template Design</li> <li style="text-align: justify;">Recent Post By Labels.</li> <li style="text-align: justify;">Fit thumbnails.</li> <li style="text-align: justify;">Multi-Slider</li> <li style="text-align: justify;">Support ShortCodes</li> <li style="text-align: justify;">Related Post Widget</li> <li style="text-align: justify;">Recent Comments Ready</li> <li style="text-align: justify;">Easy to Drop/Drag/Duplicate Widget</li> <li style="text-align: justify;">Slider your post by Recent or by Category</li> <li style="text-align: justify;">Well Documentation</li> <li style="text-align: justify;">SEO Optimized.</li> <li style="text-align: justify;">Social Media widgets.</li> <li style="text-align: justify;">Documentation (Help File)</li> <li style="text-align: justify;">Font Awesome</li> <li style="text-align: justify;">Mega Menu</li> <li style="text-align: justify;">Support Ads.</li> <li style="text-align: justify;">And Much More.</li> </ul> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: center;"> <ul class="button2"> <li> <a class="demo" href="https://bloggertemplates-raintimes.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template Raintimes - Template For News And Magazine gratis premium gratis">Demo</a></li> <li><a class="download" href="http://1idsly.com/jVSA41vKu" rel="nofollow noopener" target="_blank" title="download template Raintimes - Template For News And Magazine gratis premium gratis">Download</a></li> </ul></div> </div> <div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-3502245822963641970.post-72274564206736768712019-02-22T10:37:00.000+07:002019-02-24T13:37:33.143+07:00 Blossomtheme, Kumpulan Template Premium Blogger <div dir="ltr" style="text-align: left;" trbidi="on"> <div id="light-toc"> <div id="toc_list" onclick="if (document.getElementById('toc').style.display === 'none') { document.getElementById('toc').style.display = 'block'; } else { document.getElementById('toc').style.display = 'none'; }" role="button" tabindex="0"> Contents <svg width="18" height="18" viewBox="0 0 24 24"><path fill="#000000" d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" /> </svg> </div> <div id="toc"> <ol> <li><a href="#toc_1" title="Malessa">Malessa</a></li> <li><a href="#toc_2" title="Blazzing">Blazzing</a></li> <li><a href="#toc_3" title="Moini">Moini</a></li> <li><a href="#toc_4" title="Magz">Magz</a></li> <li><a href="#toc_5" title="JournalMagz">JournalMagz</a></li> <li><a href="#toc_6" title="Magzplus">Magzplus</a></li> <li><a href="#toc_7" title="Ahima">Ahima</a></li> </ol> </div> </div> <div class="post-content content_1"> <div class="separator" style="clear: both; text-align: center;"> <img alt="download template blogger premium dari blossomtheme" data-original-height="742" data-original-width="1356" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1JF45Gt8oRzCvfMjRNqPeASD5W9o5k6htu7zw84Viq7xtZclKGmsDMJhmf-pWhgJqrBXqeByaxRNfsJYxCTzWdZK4geoCjDdfkYCkLIebZ4_gjQPV58zRr0RlJEnw4YhuqDkIvzczKfU/s640/screenshot-from-2018-11-28-07-.png" width="640" /> </div> <div style="text-align: justify;"> <b>Blossomtheme </b>adalah situs berbagi template blogger premium dan bisa didownload secara gratis tetapi dengan credit footer, kali ini saya akan bagikan template dari blossomtheme versi premiumnya. silahkan dilihat lihat terlebih dahulu, siapa tahu ada yang cocok. </div> <div style="text-align: justify;"> <br /> </div> <div class="separator" style="clear: both; text-align: center;"> <img alt="template blogger malessa download gratis" data-original-height="1200" data-original-width="1336" height="574" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_sxiZSE98qED6yTvyPKM2SJ9OzArc7Fn9PYI01zM-AWox8u8xz9ZL4YCBE0Ng-8eqlcbYZgBryaOM5qI3yq0liLesB_4Z59-LSiOD7BKhmT0-IhZdP4ULtgYFWcBxPzY9BJc459rpcJc/s640/melesahero-compressed.jpg" width="640" /> </div> <h2 id="toc_1" style="text-align: justify;"> Malessa </h2> <div style="text-align: justify;"> <br /> </div> <div style="text-align: center;"> <ul class="button2"> <li> <a class="demo" href="https://melesa-blossom.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger premium malessa">Demo</a> </li> <li> <a class="download" href="http://1idsly.com/K9J9bEnU" rel="nofollow noopener" target="_blank" title="download template blogger premium malessa">Download Malessa</a> </li> </ul> </div> <div style="text-align: justify;"> Template blog ini sangat mudah dikostumisasi tampilannya karena sudah disediakan beberapa varian layout, memiliki 3 kolom footer, dan juga memiliki 3 tampilan featured post, dengan template ini kalian juga bisa memilih jenis pagination. template ini juga sudah support megamenu. </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: justify;"> <br /> </div> </div> <div class="post-content content_2"> <div class="separator" style="clear: both; text-align: center;"> <img alt="template blogger blazing download gratis" data-original-height="1200" data-original-width="1336" height="574" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXutbDCqmwEHkcnhti9B93u2R7fyhywo_2JhlqAOcF9pJiZSfFT3KJLhtFK6xcTxzUS5vWpUSt4sjNFiC802se7M9k-H5vvSFJilbdqV47fODS5lZcnuq0WZ4SxpEB-7CZgXgcI6OXYRM/s640/hero-compressed.jpg" width="640" /> </div> <h2 id="toc_2" style="text-align: justify;"> Blazzing </h2> <div style="text-align: justify;"> <br /> </div> <div style="text-align: center;"> <ul class="button2"> <li> <a class="demo" href="https://blazing-blossom.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger premium blazzing">Demo</a> </li> <li> <a class="download" href="http://1idsly.com/q0OG" rel="nofollow noopener" target="_blank" title="download template blogger premium blazing">Download Blazing</a> </li> </ul> </div> <div style="text-align: justify;"> Template dengan desain modern dan responsive, menggunakan framework bootstrap. template blog ini juga sudah support blogger versi 3 dan gadget widget versi terbaru </div> <div style="text-align: justify;"> <br /> </div> <div style="text-align: justify;"> <br /> </div> <div style="text-align: justify;"> <br /> </div> </div> <div class="post-content content_3"> <div class="separator" style="clear: both; text-align: center;"> <img alt="template blogger moini download gratis" height="574" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGCXpxn7rCW9BUJYHqLRtn1kfUv0P5GxgAC3ZTSx8hzz3iZg0FpqJRaco-4r_fV96CUKzOuxXsMT1MJgixOCWSSJF0n5xm9shvs2BUfmdV2ItS3RincrwFnhSaYdczKbmeP4x0d-UdHb0/s640/moinihero-compressed.jpg" width="640" /> </div> <h2 id="toc_3" style="text-align: justify;"> Moini </h2> <div style="text-align: center;"> <ul class="button2"> <li> <a class="demo" href="https://moini-blosson.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger premium blazzing">Demo</a> </li> <li> <a class="download" href="http://1idsly.com/l5guKzEJP" rel="nofollow noopener" target="_blank" title="download template blogger premium moini">Download Moini</a> </li> </ul> </div> <div style="text-align: justify;"> Support blogger terbaru dan juga memiliki sistem komentar terbaru, cocok untuk blog pribadi, memiliki bawaan widget untuk instagram dan infinite mega menu. </div> <div style="text-align: justify;"> <br /> </div> <div style="text-align: justify;"> <br /> </div> <div style="text-align: justify;"> <br /> </div> </div> <div class="post-content content_4"> <div class="separator" style="clear: both; text-align: center;"> <img alt="template blogger magz download gratis" height="574" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBDdiLoYomdhSk3eXzRqqrWLkrAx8xRxqqGYgNdKeTk4AmOmkKrt8TVFB10dJAp0xtx6bahdJh2VjkWFrvSUxa6aPz0rV8hkRxbVyoq17Pl8W34mDlJG1Fq35OG5bTEbSVLODxI66pCpE/s640/magz+premium+gratis.jpg" width="640" /> </div> <h2 id="toc_4" style="text-align: justify;"> Magz </h2> <div style="text-align: justify;"> <br /> </div> <div style="text-align: center;"> <ul class="button2"> <li> <a class="demo" href="https://zmag-blossom.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger premium blazzing">Demo</a> </li> <li> <a class="download" href="http://1idsly.com/NLO3CPSnt" rel="nofollow noopener" target="_blank" title="download template blogger premium magz">Download Magz</a> </li> </ul> </div> <div style="text-align: justify;"> Magz adalah template blogger yang sangat cocok untuk memberikan pengalaman berbeda untuk para pengunjung. dibuat khusus untuk para blogger. memiliki desain yang flexibel dan responsive di semua perangkat. template blog ini cocok untuk blog jenis fashion, kecantikan, traveler. </div> <div style="text-align: justify;"> <br /> </div> <div style="text-align: justify;"> <br /> </div> <div style="text-align: justify;"> <br /> </div> </div> <div class="post-content content_5"> <div class="separator" style="clear: both; text-align: center;"> <img alt="template blogger journal download gratis" data-original-height="1200" data-original-width="1363" height="563" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6uSyeICcviJyhfv_cOqu1oLeUMmMH7Zpk7Ulk1G89b6w7X5XGI_Or29Q9CnDH4MYhoxdOXaQ4HH9M9vmqGv-_vUwVY0SFqRiIK2H2HepwKvVC3hqlAw0E1Ar-5KXMb0uFLo7_dYFx7NM/s640/journal+hero-compressed.jpg" width="640" /> </div> <h2 id="toc_5" style="text-align: justify;"> JournalMagz </h2> <div style="text-align: justify;"> <br /> </div> <div style="text-align: center;"> <ul class="button2"> <li> <a class="demo" href="https://journal-blossom.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger premium blazzing">Demo</a> </li> <li> <a class="download" href="http://1idsly.com/ogTF2E6GuG" rel="nofollow noopener" target="_blank" title="download template blogger premium journal">Download Journal</a> </li> </ul> </div> <div style="text-align: justify;"> journal dibuat untuk lebih inovatif, dengan pengkodean yang bersih dan memiliki desain magazine sehingga memberika sentuhan yang baik untuk blog berjenis berita, dan review. dan juga memiliki tiga tampilan untuk magazine. </div> <div style="text-align: justify;"> <br /> </div> <div style="text-align: justify;"> <br /> </div> <div style="text-align: justify;"> <br /> </div> </div> <div class="post-content content_6"> <div class="separator" style="clear: both; text-align: center;"> <img alt="template blogger magzplus download gratis" data-original-height="1200" data-original-width="1363" height="563" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilZEinbkTMSl1ofJwoYtg5lCDmFzecTMF8TbIDBM-HuPUQwwoBVW-V6dtR0lobo5ZbAZ6tOWl3yfTWbBFXUquPSh2Ges5GNLerytlwbt2zsl5Vk98K17kJRHmqSCQWUY8nlrs_iR9WXAQ/s640/magzpluss-hero-compressed.jpg" width="640" /> </div> <h2 id="toc_6" style="text-align: justify;"> Magzplus </h2> <div style="text-align: justify;"> <br /> </div> <div style="text-align: center;"> <ul class="button2"> <li> <a class="demo" href="https://magplus-blssom.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger premium magzplus">Demo</a> </li> <li> <a class="download" href="http://1idsly.com/LZB0" rel="nofollow noopener" target="_blank" title="download template blogger premium magzplus">Download Magzplus</a> </li> </ul> </div> <div style="text-align: justify;"> Magzpluss template blogger dengan desain minimal untuk blog berita, magazine, dan blog pribadi dengan mengangkat tema teknologi, fashion, olahraga, travel, dan entertainment. kalian bisa menggunakan template ini untuk kebutuhan diatas. </div> <div style="text-align: justify;"> <br /> </div> <div style="text-align: justify;"> <br /> </div> <div style="text-align: justify;"> <br /> </div> </div> <div class="post-content content_7"> <div class="separator" style="clear: both; text-align: center;"> <img alt="template blogger ahima download gratis" data-original-height="1100" data-original-width="1250" height="563" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfdSrnLtBfssjbW1Z6Dzm3Yk48Ns1yoEeE1E8iXK3cALH-hsAVPXDtM8SWhMQUlXwwzOO3Vtuh9CfAOwpBrZKkX8P646MrMevi1DEZgBSzFIJxv-YR1_Rw9_8N47L42H30hL5AKQ8ASIQ/s640/ahima-min.png" width="640" /> </div> <h2 id="toc_7" style="text-align: justify;"> Ahima </h2> <div style="text-align: justify;"> <br /> </div> <div style="text-align: center;"> <ul class="button2"> <li> <a class="demo" href="https://ahima-theme.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger premium ahima">Demo</a> </li> <li> <a class="download" href="http://1idsly.com/q8FTRrOMD" rel="nofollow noopener" target="_blank" title="download template blogger premium ahima">Download Ahima</a> </li> </ul> </div> <div style="text-align: justify;"> <br /> </div> <div style="text-align: justify;"> <br /> </div> <h3 style="text-align: left;"> Jika ada link diatas rusak/tidak bekerja, silahkan komen dipostingan ini...</h3> </div> <div class="arlinapage"> </div> <div class="pagearl"> </div> </div><div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-3502245822963641970.post-32456301443995730872019-02-21T10:04:00.001+07:002019-02-21T12:51:18.283+07:00Mizuna, Template Blogger Premium Version Gratis Download<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="text-align: center;"> <a href="https://armithemes.blogspot.com/2019/01/free-download-template-blogger-mizuna.html"><img alt="download template blogger mizuna idntheme premium version gratis" data-original-height="759" data-original-width="1152" height="421" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIBCVqZ_XU0kfT5236hKpsUl4m_aWdpoLAoJfb8Lw69Ye0kYJlCWVyZ-uPUxvjCOvNda0Qf9T13eupmcviYCw42mLXcQQIXGfdfbU14mSPg9MWjEyqiC0M1OR3E2Ux0crGCyD9RFhKJMA/s640/mizuna-wall.png" width="640" /></a>&nbsp;</div> <div style="text-align: center;"> <br /></div> <div style="text-align: justify;"> Kali ini <b><i>ArMi Themes </i></b>akan bagikan template terbaru dari <a href="https://www.idntheme.com/" rel="nofollow" target="_blank">idntheme</a>, yaitu <b>mizuna</b>, template ini telah tersedia di&nbsp;<a href="https://www.idntheme.com/" rel="nofollow" target="_blank">idntheme</a>&nbsp;dengan versi "<i>premium"&nbsp;</i>saja, sehingga hanya para pembeli template ini yang mendapatkan kode asli dari template <b>mizuna</b>, tapi tenang,&nbsp;<b><i>ArMi Themes&nbsp;</i></b>akan membagikan template ini gratis.</div> <br /> <h3 style="text-align: left;"> <b>Fitur Fitur Template Mizuna Premium</b></h3> <br /> <table cellpadding="0" cellspacing="0" style="text-align: left;"><tbody> <tr> <th>Features</th> <th>Availability</th> </tr> <tr> <td>Responsive</td> <td>True <a href="http://www.responsinator.com/?url=mizunaid.blogspot.com%2F" rel="nofollow noopener" target="_blank">Cek</a></td> </tr> <tr> <td>Mobile Friendly</td> <td>True <a href="https://search.google.com/test/mobile-friendly?id=5rcrmvHc-bKh-g4q6hXp3A" rel="nofollow noopener" target="_blank">Cek</a></td> </tr> <tr> <td>Google Testing Tool Validator (Index)</td> <td>True <a href="https://search.google.com/structured-data/testing-tool#url=https%3A%2F%2Fmizunaid.blogspot.com%2F" rel="nofollow noopener" target="_blank">Cek</a></td> </tr> <tr> <td>Google Testing Tool Validator (Item)</td> <td>True <a href="https://search.google.com/structured-data/testing-tool#url=https%3A%2F%2Fmizunaid.blogspot.com%2F2018%2F11%2Fmizuna-responsive-blogger-template.html" rel="nofollow noopener" target="_blank">Cek</a></td> </tr> <tr> <td>SEO Friendly</td> <td>True</td> </tr> <tr> <td>Personal Blog</td> <td>True</td> </tr> <tr> <td>2 Column</td> <td>True</td> </tr> <tr> <td>Main Navigation</td> <td>True</td> </tr> <tr> <td>Auto Readmore</td> <td>True</td> </tr> <tr> <td>Unlimited Page Numbered</td> <td>True</td> </tr> <tr> <td>Breadcrumbs</td> <td>True</td> </tr> <tr> <td>Back to Top Button</td> <td>True</td> </tr> <tr> <td>Footer Menu</td> <td>True</td> </tr> <tr> <td>2 Choice of Comments : Blogger and Disqus</td> <td>True</td> </tr> <tr> <td>Featured Posts Slider</td> <td>True</td> </tr> <tr> <td>News Ticker</td> <td>True</td> </tr> <tr> <td>Newsletter Widget</td> <td>True</td> </tr> <tr> <td>Related Posts</td> <td>True</td> </tr> <tr> <td>Shortcodes</td> <td>True</td> </tr> <tr> <td>Sitemap Widget</td> <td>True</td> </tr> <tr> <td>Contact Form Widget</td> <td>True</td> </tr> <tr> <td>Documentation</td> <td>True</td> </tr> </tbody></table> <div style="text-align: center;"> <ul class="button2"> <li><a class="demo" href="https://mizunaid.blogspot.com/" target="_blank" title="download template blogger mizuna idntheme premium gratis">Demo</a></li> <li><a class="download" href="http://1idsly.com/fHaiXM913" target="_blank" title="download template blogger mizuna idntheme premium gratis">Download</a></li> </ul> <div class="clear"> </div> </div> </div> <div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com4Indonesia-0.789275 113.92132700000002-31.6684965 72.61273300000002 30.0899465 155.22992100000002tag:blogger.com,1999:blog-3502245822963641970.post-31171704440983716422019-02-21T10:04:00.000+07:002019-02-21T12:37:16.878+07:0010 Template Blog AMP, Gratis Download<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="post-content content_1"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://armithemes.blogspot.com/2019/01/kumpulan-template-blog-amp-gratis.html" target="_blank"><img alt="download template blogger amp dengan desain modern" data-original-height="630" data-original-width="1200" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYUfHQfIAh7NnHkuAi-_DPKmUfCNAn_iSo1ckOMq8RDcASZfw7sIwVR83Xhu5kw14Kt8d9SOkrugagFiGyVPNyWjKw1LrGhBEZ84SG6yEQ2OaSBDOJcTMrPwDuAE0A0m_zsEbJLgZfjQM/s640/logo-og-image.jpg" width="640" /></a></div> <div style="text-align: justify;"> <a href="http://www.google.com/" target="_blank">Google</a>&nbsp;telah memperkenalkan proyek baru bernama <b>AMP / Accelerated Mobile Pages</b> pada beberapa tahun silam, tujuannya adalah untuk memuat halaman web dengan lebih cepat pada perangkat seluler. Dengan adanya <b>AMP </b>ini halaman web yang kaya akan konten video, animasi dan grafis dapat dimuat pada halaman web dalam seketika.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <a href="http://www.google.com/" target="_blank">Google</a>&nbsp;mengumumkan bahwa hampir 30 penerbit dari seluruh dunia ikut ambil bagian proyek <b>AMP </b>ini. Ini adalah awal dari sebuah kolaborasi menarik antara <i>publisher </i>dan perusahaan teknologi, yang semuanya bersama-sama berkolaborasi untuk membuat web mobile yang lebih baik untuk semua orang. <b>Twitter</b>, <b>Pinterest</b>, <b>WordPress.com</b>, <b>Chartbeat</b>, <b>Parse.ly</b>, <b>Adobe Analytics</b> dan <b>LinkedIn </b>adalah satu kelompok pertama dari mitra teknologi yang berencana untuk mengintegrasikan halamannya menggunakan <b><i>HTML AMP</i></b>. </div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Kali ini <b><i>ArMi Themes</i></b> akan bagikan template template blogger yang sudah mendukung fitur amp, template ini&nbsp;<b><i>ArMi Themes&nbsp;</i></b>pilih karena memiliki desain yang lebih kekinian dan responsive serta memiliki banyak fitur.</div> <div style="text-align: justify;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://armithemes.blogspot.com/2019/01/kumpulan-template-blog-amp-gratis.html" target="_blank"><img alt="download template blogger amp dompi gratis" data-original-height="380" data-original-width="600" height="405" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfe7d9hJoHBKiQvEfgUit0yxtZZWZ0pxZo3bg0QMXFAmdehuCcG__Vygt7jWfS-0djBltx8MQyB71FxoFEz8XLbBRssePhOLmr2otBFWMZTIjKYJT0g9J0sXZs3gja9Dd_slGeCCXiMRg/s640/HTML+Amp+Blogger+Template+-+Free+Template+AMP+Dompi.jpg" width="640" /></a></div> <h4 style="text-align: left;"> Amp Dompi</h4> <div style="text-align: justify;"> Template blogger berbalut material design ini sudah support amp dan responsive serta kaya akan widget yang sudah dikostumisasi untuk blog amp.</div> <br /> <div style="clear: both; text-align: center;"> <ul class="button"> <li> <a class="demo" href="https://ampdompi.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger amp dompi">Demo</a></li> <li> <a class="download" href="http://1idsly.com/GVuweMqZO" rel="nofollow noopener" target="_blank" title="download template blogger amp dompi">Download</a></li> </ul> </div> <br /> <br /> </div> <div class="post-content content_2"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://armithemes.blogspot.com/2019/01/kumpulan-template-blog-amp-gratis.html" target="_blank"><img alt="download template blogger amp ocean" data-original-height="373" data-original-width="652" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6rVKRfJmiRFVEWeGS8v0oEp3A0WtBIrXpzMwUSRwK8-IamegFUFXMqV-vwcfTcr6HbIJ9qzRJWopAK_TvtOhFWeH1_mdNIJh0OqWmOyr-UlLikh6Pkh_M41WBiiSKUllkfz-NwLFhOto/s1600/Blogger+template+in+the+free+HTML+Amp+format+-+Amp+Ocean+Free.jpg" /></a></div> <h4 style="text-align: left;"> Amp Ocean</h4> <div style="text-align: justify;"> Template yang memiliki desain layaknya blogger profesional. Cocok untuk blog pribadi yang lebih mengedepankan artikel dan desainnya.</div> <br /> <div style="clear: both; text-align: center;"> <ul class="button"> <li> <a class="demo" href="https://ampoceanfree.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger amp ocean">Demo</a></li> <li> <a class="download" href="http://1idsly.com/JIJVY" rel="nofollow noopener" target="_blank" title="download template blogger amp ocean">Download</a></li> </ul> </div> <br /> <br /> </div> <div class="post-content content_3"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://armithemes.blogspot.com/2019/01/kumpulan-template-blog-amp-gratis.html" target="_blank"><img alt="download template blogger amp kilo" data-original-height="462" data-original-width="786" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiofHDjWqUCoPwlOu14DLit5bzpA7oPzRFQWTi6aLg_gXI6YTGzeFCmqm5zEb1d-RcUa6HJ9XihHylkXxQ2aRjgpiRhLTaZZRhGsBUmG2UOv9grZih6UtlhdGGJM84HYjjlR4r_5-lV4VI/s1600/HTML+Amp+Blogger+Template+-+Free+Template+AMP+Kilo.jpg" title="download template blogger amp kilo" /></a></div> <h4 style="text-align: left;"> Amp Kilo</h4> <div style="text-align: justify;"> Amp kilo mengedepankan desain dan memudahkan pembaca dan pengguna, template ini juga menggunakan css dari material desain, sehingga lebih terlihat modern.</div> <br /> <div style="clear: both; text-align: center;"> <ul class="button"> <li> <a class="demo" href="https://ampkilo.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger amp kilo">Demo</a></li> <li> <a class="download" href="http://1idsly.com/wh6Qk3G" rel="nofollow noopener" target="_blank" title="download template blogger amp kilo">Download</a></li> </ul> </div> <br /> <br /> </div> <div class="post-content content_4"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://armithemes.blogspot.com/2019/01/kumpulan-template-blog-amp-gratis.html" target="_blank"><img alt="download template blogger amp daily, landing page" data-original-height="383" data-original-width="568" height="431" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUUJKbgH3ZoyRObXJ2-hGNSI6JBbdqvlVSim99bvRPsPw-H245i8qB8zEtx8NIHCiulxOxulieNLiZG67XhQjyhyphenhyphen_PEcDwPrFE7JlgSOlEYm9BkTyvjLysGrMpAg_vm9lx1Cuhf80np6A/s640/Blogger+template+in+Amp+-+Landing+page+AMP+Daily.jpg" width="640" /></a></div> <h4 style="text-align: left;"> Amp Daily</h4> <div style="text-align: justify;"> Template amp daily adalah template landing page untuk blogger, kalian bisa sesuka hati untuk mengedit gambar, teks dan memasukkan team kalian, cocok untuk bisnis dan blog.</div> <br /> <div style="clear: both; text-align: center;"> <ul class="button"> <li> <a class="demo" href="https://ampdaily.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger amp daily">Demo</a></li> <li> <a class="download" href="http://1idsly.com/lDzJEq" rel="nofollow noopener" target="_blank" title="download template blogger amp daily">Download</a></li> </ul> </div> <br /> <br /> </div> <div class="post-content content_5"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://armithemes.blogspot.com/2019/01/kumpulan-template-blog-amp-gratis.html" target="_blank"><img alt="download template blogger amp touch" data-original-height="403" data-original-width="589" height="437" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsq1ugWzIKIVXOlKQm_DxRxRQbCYvVF04ivQRvKYYM_1-JGFObkMq4whGrcPpvYLnmMBGJq0fLY52dkc-OdoYoDdeGFThA0A6MDlyf64WE9iHPjdJBiSUXEhWkuFnIf4P55gsRvu4-Wps/s640/AMP+Touch+-+Free+Blogger+Template+in+HTML+Amp.jpg" width="640" /></a></div> <h4 style="text-align: left;"> Amp Touch</h4> <div style="text-align: justify;"> AMP Touch adalah template blogger amp yang idela untuk blog berbagai jenis, kalian bisa menggunakan template amp touch ini untuk mempublikasikan berita, olahraga, teknologi, gaya hidup, dan lain sebagainya.</div> <br /> <div style="clear: both; text-align: center;"> <ul class="button"> <li> <a class="demo" href="https://amptouch.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger amp touch">Demo</a></li> <li> <a class="download" href="http://1idsly.com/HDn4M" rel="nofollow noopener" target="_blank" title="download template blogger amp touch">Download</a></li> </ul> </div> <br /> <br /> </div> <div class="post-content content_6"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://armithemes.blogspot.com/2019/01/kumpulan-template-blog-amp-gratis.html" target="_blank"><img alt="download template blogger amp blog build" data-original-height="339" data-original-width="501" height="433" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNoNV-yCTweRhyYahr_4de99LiIgu5jHvawKsIiBiWQiTvwn4pua9vlQfrOYWPm7SRcV_XfoGJHd5RyN84PmJ3gOCfFfSk5KNhsLq1BMbaRtARtDKNvfyz7bfqf-i55gjRbn5R3HSzANc/s640/AMP+Blog+Build+-+Free+Blogger+Template+in+HTML+Amp.jpg" width="640" /></a></div> <h4 style="text-align: left;"> Amp Blog build</h4> <div style="text-align: justify;"> Seperti dengan namanya, template ini cocok sekali untuk blog pribadi atau hanya sekedar blog, menurut saya, template ini mirip seperti template amp touch, hanya terdapat sedikit perbedaan.</div> <br /> <div style="clear: both; text-align: center;"> <ul class="button"> <li> <a class="demo" href="https://ampblogbuild.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger amp blog build">Demo</a></li> <li> <a class="download" href="http://1idsly.com/vzNaS" rel="nofollow noopener" target="_blank" title="download template blogger amp blog build">Download</a></li> </ul> </div> <br /> <br /> </div> <div class="post-content content_7"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://armithemes.blogspot.com/2019/01/kumpulan-template-blog-amp-gratis.html" target="_blank"><img alt="download template blogger amp pro demo" data-original-height="355" data-original-width="554" height="410" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju6P1F3k8oRUamTUGv24FGwNr3S1s1tWXL4ZiuFw79yEeDbilalHnPtpnKHQukQ1xEuzkeZPKUDP5WGJ0fZrqP_nr75TmZlTlmzH0NCDpN9KmeiY1rMWCXtQ5UxzIlBwF9gHwLm_B-OWw/s640/AMP+PRO+DEMO+-+Free+Blogger+Template+in+HTML+Amp.jpg" width="640" /></a></div> <h4 style="text-align: left;"> Amp Pro Demo</h4> <div style="text-align: justify;"> Template ini berbeda dengan yang lainnya, template ini terdapat featured image yang dirubah posisinya berada diatas judul postingan untuk memperindah tampilan, tidak cuma itu template ini juga sangat lengkap fiturnya.</div> <br /> <div style="clear: both; text-align: center;"> <ul class="button"> <li> <a class="demo" href="https://ampprodemo.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger amp pro demo">Demo</a></li> <li> <a class="download" href="http://1idsly.com/N2ZCSRHwW" rel="nofollow noopener" target="_blank" title="download template blogger amp pro demo">Download</a></li> </ul> </div> <br /> <br /> </div> <div class="post-content content_8"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://armithemes.blogspot.com/2019/01/kumpulan-template-blog-amp-gratis.html" target="_blank"><img alt="download template blogger amp kitchen" data-original-height="263" data-original-width="479" height="351" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2PhBjwau4H8K9WvWwoD9uDM9BO-Lkf81_Aj0yCgymYvhrgCU1_xhRcjhAz35eBI0Krb9nox3elsVBeyckIuxAQd9IJBlmlEQlxIg1GYDJt1xkd5j9GPnH6ju85mmT2koYvvL87ZcpkIk/s640/AMP+KITCHEN+-+Free+Blogger+Template+on+Amp+HTML.jpg" width="640" /></a></div> <h4 style="text-align: left;"> Amp Kitchen</h4> <div style="text-align: justify;"> Template dengan desain yang mementingkan konten keseluruhan halaman, terutama halaman depan, karena tidak menggunakan sidebar di halama depannya, sedangkan sidebar akan muncul di halaman posting.</div> <br /> <div style="clear: both; text-align: center;"> <ul class="button"> <li> <a class="demo" href="https://amp-kitchen.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger amp Kitchen">Demo</a></li> <li> <a class="download" href="http://1idsly.com/5Q6BMN" rel="nofollow noopener" target="_blank" title="download template blogger amp Kitchen">Download</a></li> </ul> </div> <br /> <br /> </div> <div class="post-content content_9"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://armithemes.blogspot.com/2019/01/kumpulan-template-blog-amp-gratis.html" target="_blank"><img alt="download template blogger amp breaking news" data-original-height="365" data-original-width="609" height="383" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0aC2AfvT1-fgmYsE9gK3RtlVNApl12I3rmupiAYShkYocBa2DeLMVQoLGJ505oBBRHJy1sOK2iHkRDcb7cm-r5Fjxf9h0lyv7olK0GRsVDWmr6lHqRufx89ajMyTZQP7Yqz-UhXz7Xhc/s640/AMP+Breaking+News+-+Free+Blogger+Template+in+HTML+Amp.jpg" width="640" /></a></div> <h4 style="text-align: left;"> Amp Breaking News</h4> <div style="text-align: justify;"> Template blogger terbaik untuk blog berita, tampilan yang modern serta fast loading ini akan sangat user friendly serta memiliki menu navigation keren.</div> <br /> <div style="clear: both; text-align: center;"> <ul class="button"> <li> <a class="demo" href="https://ampbreakingnews.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger amp breaking news">Demo</a></li> <li> <a class="download" href="http://1idsly.com/STP5nv6" rel="nofollow noopener" target="_blank" title="download template blogger amp breaking news">Download</a></li> </ul> </div> <br /> <br /> </div> <div class="post-content content_10"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://armithemes.blogspot.com/2019/01/kumpulan-template-blog-amp-gratis.html" target="_blank"><img alt="download template blogger amp alex design" data-original-height="304" data-original-width="517" height="376" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijhGPAOyniwTyAO8qrma7empaHENWhwJ2T-IE5kGbeeXcuUFRoaq0JXdz0IUenJsQbWR9DB9MgxD1-98PVO0smb0VjRDepUfbHUtXzua_4cVFKjn6IlIljAT2xZyQt3t1JxCT_oFQ3Xk0/s640/Amp+Alex+design++AMP+HTML+Blogger+Template.jpg" width="640" /></a></div> <h4 style="text-align: left;"> Amp Alex design</h4> <div style="text-align: justify;"> Template keren ini layaknya template website profesional, template ini berjenis on page template, fitur yang diunggulkan dari template ini adalah video background, bahkan support maps versi amp.</div> <br /> <div style="clear: both; text-align: center;"> <ul class="button"> <li> <a class="demo" href="https://ampalexdesign.blogspot.com/" rel="nofollow noopener" target="_blank" title="download template blogger amp Alex Design">Demo</a></li> <li> <a class="download" href="http://1idsly.com/ibuzE8pj0b" rel="nofollow noopener" target="_blank" title="download template blogger amp Alex Design">Download</a></li> </ul> </div> <div> <br /> <h3 style="text-align: left;"> Jika ada link diatas rusak/tidak bekerja, silahkan komen dipostingan ini...</h3> </div> </div> </div> <div class="arlinapage"> </div> <div class="pagearl"> </div> <div class="blogger-post-footer">https://armithemes.blogspot.com/</div>Unknownnoreply@blogger.com0