tag:blogger.com,1999:blog-43342965331869287282024-11-05T18:48:10.805-08:00Farisal DwitamaFarisalhttp://www.blogger.com/profile/09266387021644854711noreply@blogger.comBlogger3125tag:blogger.com,1999:blog-4334296533186928728.post-65616174923207326392016-11-21T06:39:00.005-08:002016-11-21T13:32:31.837-08:00Cara Mengubah Status & Tema Browser di Android, iPhone, & Windows Phone<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif; font-size: 14px; text-align: justify;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif; font-size: 14px; text-align: justify;"><b>Oleh: Farisal Dwitama Maulana 9H/09</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif; font-size: 14px; text-align: justify;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif; font-size: 14px; text-align: justify;">Assalamu'alaikum Wr. Wb masih bersama saya Farisal Dwitama M. kali saya akan membagikan cara mengubah status & tema browser di android, iphone, & windows Phone.Gambar di bawah ini adalah contoh screenshotnya :</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif; font-size: 14px; text-align: justify;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhEKZiQWJXAgxLtpyhJLf-lc57sfKa7cWL8tle3PO99uhJS_x21UFV60eU2whEl3EFQLUqWeLTymE1_tER0CxISP7FciYpT4RUZc7L3YzuOJxh4H7pH5VlF-lSYIP1rhPnYBk1B5FrBzXY/s1600/Screenshot_2016-11-18-19-19-52.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhEKZiQWJXAgxLtpyhJLf-lc57sfKa7cWL8tle3PO99uhJS_x21UFV60eU2whEl3EFQLUqWeLTymE1_tER0CxISP7FciYpT4RUZc7L3YzuOJxh4H7pH5VlF-lSYIP1rhPnYBk1B5FrBzXY/s400/Screenshot_2016-11-18-19-19-52.png" width="225" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
<br />
Langkah Pertama :Klik Menu Template - Klik Edit HTML<br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaYikS6PMxF_BjuAFk6EYB7kAlntHfqAY7M8mPxLybI-opWTVAqSpsOJMPQSL91fbD71r-xxdjL9lzVUlqxkJEpY8ZhyphenhyphenYT2d-_gGyRMJhLMdJPRKZdxCb71nhXuNN70pgojmmqrAp-lbnx/s1600/2.2.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="513" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaYikS6PMxF_BjuAFk6EYB7kAlntHfqAY7M8mPxLybI-opWTVAqSpsOJMPQSL91fbD71r-xxdjL9lzVUlqxkJEpY8ZhyphenhyphenYT2d-_gGyRMJhLMdJPRKZdxCb71nhXuNN70pgojmmqrAp-lbnx/s640/2.2.PNG" width="640" /></a></div>
<br />
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
Langkah Kedua : Cari kode <span style="color: red;"></head></span> <i>dengan cara ctrl + f ,</i>lalu simpan kode berikut tepat diatasnya.</div>
<div>
<pre class="highlight" style="background-color: #002028; border-left: 3px solid rgb(24, 78, 89); clear: both; margin-bottom: 1.3em; margin-top: 1.3em; overflow: auto; padding: 0.5em 1em; user-select: all; word-wrap: normal;"><code style="display: block; line-height: 1.4em; padding: 0.5em;"><span style="color: #839496; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 14px;"><span class="comment" style="color: #295661; margin: 0px; padding: 0px;"><!-- Chrome, Firefox OS, Opera and Vivaldi --></span>
<meta name="theme-color" content="</span><span style="color: red;"><span style="font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 14px;">#</span><span style="font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 14px;">1BA39C</span></span></span><span style="color: #839496; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 14px;">">
</span><span class="comment" style="color: #295661; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 14px; margin: 0px; padding: 0px;"><!-- Windows Phone --></span><span style="color: #839496; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 14px;">
<meta name="msapplication-navbutton-color" content="</span><span style="color: red;"><span style="font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 14px;">#</span><span style="font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 14px;">1BA39C</span></span></span><span style="color: #839496; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 14px;">">
</span><span class="comment" style="color: #295661; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 14px; margin: 0px; padding: 0px;"><!-- iOS Safari --></span><span style="color: #839496; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace; font-size: 14px;">
<meta name="apple-mobile-web-app-status-bar-style" content="black"></span></code></pre>
</div>
<div>
Contoh Penerapan :</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7j_VS55wRbVkp8StQI1Y5qJljhBUgrttl55F5StI-nSLFtCFM0g_0T2YYjDv3lylkMrfsHAMK2_eTk8o9qKu20uau3T29BT4-OVgWgvDhNSvNGy6W2hHeP5F5jf7nbre71-1nfd0X-qA3/s1600/2.1.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7j_VS55wRbVkp8StQI1Y5qJljhBUgrttl55F5StI-nSLFtCFM0g_0T2YYjDv3lylkMrfsHAMK2_eTk8o9qKu20uau3T29BT4-OVgWgvDhNSvNGy6W2hHeP5F5jf7nbre71-1nfd0X-qA3/s640/2.1.PNG" width="640" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
Langkah Ketiga : Ubah Kode <span style="color: red;">#1BA39C </span>Sesuai Dengan Keinginan Anda.</div>
<div>
<br /></div>
<div>
Langkah Keempat : Save Template Dan Lihat Hasilnya.</div>
<div>
<br />
<div class="sumber" style="background: rgb(255, 255, 255); border: 1px solid rgb(225, 225, 225); box-shadow: rgb(221, 221, 221) 5px 2px 3px; margin: 10px auto 30px; outline: 0px !important; padding: 10px 30px; position: relative; word-wrap: break-word;">
<span style="color: #444444; font-family: "roboto" , sans-serif;"><span style="font-size: 13px;">http://blog.kangrian.com/2016/03/cara.mengubah.theme.browser.android.iphone.windows.phone.html</span></span></div>
</div>
<div>
<br /></div>
Farisalhttp://www.blogger.com/profile/09266387021644854711noreply@blogger.com3tag:blogger.com,1999:blog-4334296533186928728.post-91304765374619773472016-11-13T06:48:00.002-08:002016-11-21T13:32:41.499-08:007 Cara Membuat Animasi Loading dengan CSS3 di Blog<div style="text-align: justify;">
<div style="text-align: center;">
<span style="background-color: white; font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif; font-size: 14px;"><b>Oleh: Farisal Dwitama Maulana 9H/09</b></span><br />
<span style="background-color: white; font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif; font-size: 14px;"><br /></span></div>
<span style="font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif;"><span style="background-color: white; font-size: 14px;">Assalamu'alaikum Wr. Wb masih bersama saya Farisal Dwitama M. kali saya akan membagikan cara membuat animasi loading dengan CSS3 di blog.</span></span></div>
<div style="text-align: justify;">
<span style="font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif;"><span style="font-size: 14px;"><br /></span><span style="background-color: white; font-size: 14px;"></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBh6rUyWcnAyf5lSSbaR_IOdhLxa01-2OrN7KHw9_mch05voY-6fWmtblFlvYQEXGo2k1jF_i2pBYheuei2z5DdXosdv9vZHPv2zuQMP_ILyqcH6y64MizSpEJy098CA4H5drDuZeE1oyO/s1600/faris.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="309" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBh6rUyWcnAyf5lSSbaR_IOdhLxa01-2OrN7KHw9_mch05voY-6fWmtblFlvYQEXGo2k1jF_i2pBYheuei2z5DdXosdv9vZHPv2zuQMP_ILyqcH6y64MizSpEJy098CA4H5drDuZeE1oyO/s320/faris.PNG" width="320" /></a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif;">Sebelum kita memasang animasi loadingnya sebaiknya kita mengetahui tentang Pre-Loader adalah animasi loading yang berjalan sebelum masuk dalam sebuah system atau dalam bentuk lainnya, biasanya terdapat dalam website atau blog yang sering kita temui dengan efek loading yang berbeda-beda.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif;">Jika sudah mengetahui apa arti Pre-Loader itu maka saya akan membagikan caranya.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif;">Pertama : Pilih salah satu dari 7 animasi loading dibawah ini.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>1. Audio Wave</b></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif;"></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif;">Efek dari loading ini seperti gelombang suara</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif;"><br /></span></div>
<script async="" src="//jsfiddle.net/syakirurahman/jtv48458/embed/html,css,result/"></script><b>
2. Circular Square </b><br />
<b><br /></b>
Efek loading dengan berbentuk kotak berputar-putar<br />
<b><br /></b>
<script async="" src="//jsfiddle.net/mjzkx6bb/3/embed/html,css,result/"></script><b>
3. Crossing Shapes </b><br />
<b><br /></b>
Efek loading elemen yang berganti-ganti dan menyilang<br />
<b><br /></b>
<script async="" src="//jsfiddle.net/syakirurahman/ph881zg2/embed/html,css,result/"></script><b>
4. The Snake </b><br />
<br />
Animasi loading website ini menyerupai seperti seekor ular yang sedang melata.<br />
<br />
<script async="" src="//jsfiddle.net/syakirurahman/u6z9kb4s/embed/html,css,result/"></script><b>5. Spinning Disc </b><br />
<br />
Animasi pre-load yang berputar-putar layaknya disket yang sedang bekerja.<br />
<br />
<script async="" src="//jsfiddle.net/syakirurahman/kbe3fdc2/embed/html,css,result/"></script><b>6. Glistening Windows
</b><br />
<br />
Animasi pre-loading blog ini menyerupai ikon windows yang berputar-putar.<br />
<br />
<script async="" src="//jsfiddle.net/syakirurahman/reLp4eus/embed/html,css,result/"></script><b>7. Big Spinning </b><br />
<b><br /></b>
<b> </b>Sama seperti nomor 5, animasi ini berbentu lingkaran berputar-putar, namun lebih dinamis.
<script async="" src="//jsfiddle.net/syakirurahman/w24obewd/embed/html,css,result/"></script><br />
<br />
Tahap Kedua : Cara Menambahkan Animasi Pre-Loader Pada Blogger/Blogspot<br />
<br />
Untuk menampilkan animasi loading diatas, ikuti langkah dibawah ini :<br />
<br />
1. Pilih salah satu style diatas dan copy kode CSS dan HTML nya, karena akan dipakai dalam langkah selanjutanya.<br />
2. Masuk ke akun blogger sobat dan klik menu Template lalu Edit HTML.<br />
3. Letakkan kode CSS Preloader yang anda pilih tadi di atas <span style="color: red;">]]></b:skin></span><br />
4. Untuk kode HTML nya letakkan di bawah <span style="color: red;"><body></span><br />
5. Lalu tambahkan script dibawah ini tepat diatas kode <span style="color: red;"></head></span><br />
<br />
<br />
<blockquote class="tr_bq">
<span style="color: blue;"><script type="text/javascript" src="http://code.jquery.com/jquery-2.1.3.min.js"></script><script type="text/javascript">$(window).load(function() { $(".preload-wrapper").fadeOut("slow"); })</script></span></blockquote>
<br />
Script diatas untuk memanggil dan menggunakan jQuery. Fungsinya agar animasi pre-loader hanya muncul saat halaman sedang load, dan hilang ketika seluruh halaman telah di load.<br />
<br />
Kode yang berwarna <span style="color: blue;"><u>Biru</u></span> digunakan untuk memanggil library jQuery. Biasanya template blog sudah ada jQuery tersebut, Letakan kode tersebut jika dalam template anda belum ada. cek dahulu pre-loader tersebut jika sudah berjalan tidak perlu memasukan jQuery tersebut.<br />
<br />
6. Save Template<br />
<br />
7.Lihat Hasilnya<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLhvvLkav8aSrCCUcAUIiEcD0VvG73cKI4J8lac74Qq7LIqgVSvik-ukKZswOWKgku8XdPzx2aUeCHH0IP_6gZDSd1Y3p-rtgaUlGMuU5ci7TeIAJHU51NzM7xSKl0cWGR8y-oyW0mLvIR/s1600/hasil.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="353" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLhvvLkav8aSrCCUcAUIiEcD0VvG73cKI4J8lac74Qq7LIqgVSvik-ukKZswOWKgku8XdPzx2aUeCHH0IP_6gZDSd1Y3p-rtgaUlGMuU5ci7TeIAJHU51NzM7xSKl0cWGR8y-oyW0mLvIR/s640/hasil.PNG" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Hasil Penerapan Animasi Loading dengan CSS3 di Blog </td></tr>
</tbody></table>
<br />Farisalhttp://www.blogger.com/profile/09266387021644854711noreply@blogger.com20tag:blogger.com,1999:blog-4334296533186928728.post-22143553506312315992016-10-29T03:32:00.000-07:002016-11-21T13:32:47.568-08:00Cara Mengatasi Font Awesome Tidak Muncul/Error <div style="text-align: center;">
<span style="background-color: white; font-family: "roboto_regular" , "roboto" , "roboto regular" , "franklin gothic medium" , "franklin gothic book" , "lucida sans" , "lucida sans unicode" , "helmet" , "freesans" , sans-serif; font-size: 14px; text-align: justify;"><b>Oleh: Farisal Dwitama Maulana 9H/09</b></span></div>
Assalamu'alaikum Wr. Wb masih bersama saya Farisal Dwitama M. kali saya akan membagikan cara mengatasi Font awesome yang tidak muncul/error.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDhnvMJW81QeXjzMY5tV4tHpNBmOU3S9EFpS467eHznhOflfmTKyxWA1_JVb9_sUWPnznhlZ6HCvCH2DmKNQDvCR8eDo6jBlE8vFjMN2RBYK2NjO3rMSPg-ObVKxGoiOAf3-i5v2LCoMJ1/s1600/cara2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="355" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDhnvMJW81QeXjzMY5tV4tHpNBmOU3S9EFpS467eHznhOflfmTKyxWA1_JVb9_sUWPnznhlZ6HCvCH2DmKNQDvCR8eDo6jBlE8vFjMN2RBYK2NjO3rMSPg-ObVKxGoiOAf3-i5v2LCoMJ1/s640/cara2.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"> font awesome belum mucul</td></tr>
</tbody></table>
<br />
Sebelum saya membagikan cara mengatasi Font awesome yang tidak muncul/error,saya akan menjelaskan defini font awesome sebagai berikut:<br />
<blockquote class="tr_bq">
“Font Awesome” merupakan deretan icon yg telah dibangun sedemikian rupa, serta memakai system “Font Icon” yg memungkinkan kita untuk mengubah warna serta ukuran font dengan memakai CSS tanpa takut Icon menjadi Pecah-pecah serta tantunya lebih ringan daripada Image Icon.</blockquote>
Tahap 1 : Masuk/login di https://www.blogger.com/<br />
Tahap 2 : Pilih Template lalu klik Edit HTML<br />
Tahap 3 : Jika sudah cari menggunakan ctrl-f kode berikut:<br />
<blockquote class="tr_bq">
<linkhref='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/></blockquote>
Kode tersebut biasanya terletak di atas kode </head><br />
<br />
Tahap 4 : Ubah kode tersebut menjadi:<br />
<blockquote class="tr_bq">
<linkhref='https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet' type='text/css'/></blockquote>
Tahap 5 : Save Template dan lihat hasilnya.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc8ftEp1OBHPx31zN6fsdSIyBsGoZfmJzQRGcQI6_ikb6wDWel-Txwlp9bvQQoPNl4QeZLshv5bym0lOQ91sGVnos2qBIHDz3AtxiDeggZo5jGu00qlMI7nrKfz5DBcLSoJISxCKM80HSC/s1600/cara1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc8ftEp1OBHPx31zN6fsdSIyBsGoZfmJzQRGcQI6_ikb6wDWel-Txwlp9bvQQoPNl4QeZLshv5bym0lOQ91sGVnos2qBIHDz3AtxiDeggZo5jGu00qlMI7nrKfz5DBcLSoJISxCKM80HSC/s640/cara1.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"> font awesome sudah mucul</td></tr>
</tbody></table>
Farisalhttp://www.blogger.com/profile/09266387021644854711noreply@blogger.com19