Sun3Daily: HTML

Showing posts with label HTML. Show all posts

Home > Posts filed under HTML

Tag Kondisional Blogspot | Tata Letak | Fungsi SEO

HTML Blogger Tag Blogger Conditional tag used for identifying Blogger page types for very effective in designing, different layouts for di...

Kode - Kode Error Pada Browser

<p><div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="" style="clear: both;">
Arti pesan error pada browser yang kita gunakan. Mungkin ada di beberapa diantara kamu yang sering atau pernah mengalaminya. Lagi asik browsing n lagi serius-seriusnya tiba-tiba muncul pesan error... Saat hal tersebut terjadi, jangan langsung mengambil keputusan bahwa hal tersebut terjadi karena sinyal atau koneksi internet lagi gangguan, tetapi perhatikan atau cermati dulu pesan error yang muncul, karena pesan error tersebut ada artinya. Berikut ini pesan error yang sering muncul pada browser:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxhpY6oLIjyGAftd75ZcGxAaPjOrsOVblYPxH89uAQLYxql3kJ_Z74stEaFgI9E1e-iT1gdS8oyH_KwW3hBRbZ4OfO5rKd0TWtNPlut8PjHtnQPZU9Uxeh4S-XNdWAMj_NTkKglb1modMk/s1600/error2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Kode - Kode Error Pada Browser" border="0" height="314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxhpY6oLIjyGAftd75ZcGxAaPjOrsOVblYPxH89uAQLYxql3kJ_Z74stEaFgI9E1e-iT1gdS8oyH_KwW3hBRbZ4OfO5rKd0TWtNPlut8PjHtnQPZU9Uxeh4S-XNdWAMj_NTkKglb1modMk/s320/error2.jpg" title="Kode - Kode Error Pada Browser" width="320" /></a></div>
<h3 style="clear: both; text-align: left;">
<br /><b><span style="color: lime;">503 - Service Unavailable</span></b></h3>
<div class="separator" style="clear: both;">
Dikarenakan server sedang overload, down, atau memiliki masalah lain yang kurang lebih sama. Solusinya adalah menunggu beberapa saat dan coba mengaksesnya kembali.</div>
<div class="separator" style="clear: both;">
<br /></div>
<h3 style="clear: both; text-align: left;">
<span style="color: lime;"><b>500 - Internal Error</b></span></h3>
<div class="separator" style="clear: both;">
Terjadi karena sebuah CGI (Common Gateway Interface) yang error. CGI biasanya berbentuk aplikasi yang di tulis menggunakan bahasa script dan berinteraksi langsung dengan website. Misalnya ketika kamu memasukkan biodata pada sebuah form, dan karena script yang digunakan bermasalah, maka website tidak dapat melanjutkan perintah dan akhirnya menampilkan pesan error.</div>
<div class="separator" style="clear: both;">
<br /></div>
<h3 style="clear: both; text-align: left;">
<b><span style="color: lime;">404 - Not Found</span></b> </h3>
<div class="separator" style="clear: both;">
Alamat website yang kamu cari Tidak tersedia di server. Kemungkinan website tersebut telah berganti nama atau telah di hapus dan tidak aktif lagi.</div>
<div class="separator" style="clear: both;">
<br /></div>
<h3 style="clear: both; text-align: left;">
<b><span style="color: lime;">403 - Forbidden</span></b></h3>
<div class="separator" style="clear: both;">
kamu tidak dapat mengakses halaman karena tidak memiliki hak akses (memerlukan password) atau halaman tersebut diblok dari domain.</div>
<h3 style="clear: both; text-align: left;">
<br /><span style="color: lime;"><b>401 - Unauthorized Request</b></span></h3>
<div class="separator" style="clear: both;">
Muncul hanya saat mengakses sebuah web server dan kamu tidak diperbolehkan mengaksesnya karena tidak termasuk di dalam akun teregistrasi.</div>
<h3 style="clear: both; text-align: left;">
<br /><b><span style="color: lime;">400 - Bad Request</span></b></h3>
<div class="separator" style="clear: both;">
Hal ini terjadi karena kamu salah mengetikkan alamat website. Hal lain yang mungkin terjadi adalah kamu tidak memiliki hak akses menuju alamat tersebut.</div>
<div>
<br /></div>
<br />
<span class="fullpost">   </span></div>
</p>

Arti pesan error pada browser yang kita gunakan. Mungkin ada di beberapa diantara kamu yang sering atau pernah mengalaminya. Lagi asik b...

Panel Like Gratis

<p><div dir="ltr" style="text-align: left;" trbidi="on">
Assalamualaikum wr wb<br />
<br />
<b><u><a href="http://www.sun3daily.ga/2017/08/panel-like-gratis.html" target="_blank">Panel Likes Instagram GRATIS</a> -</u></b> Banyak yg pada nyari like instagram gratis, neh mimin kasih link panel like instagram gratis, JANGAN DI JUAL :V<br />
mimin udah coba work, tapi foto wajib baru :/ coba aja pake foto lama bisa atau gak nya<br />
<br />
FOTO Penampakan<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6NGQwOVtQ-jRvx5amJ9i7a842UXySR0E2ap680VEYSkwQR0gzwbS9l047AGcw7lPZnMkBLdIWI_961xh4I4gDe9BdCKjKW0krUyC3zfltEUIFWwGKVa1iIO1r0yiJ5ODSQFOjYXKeVk/s1600/sadas.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="768" data-original-width="1366" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6NGQwOVtQ-jRvx5amJ9i7a842UXySR0E2ap680VEYSkwQR0gzwbS9l047AGcw7lPZnMkBLdIWI_961xh4I4gDe9BdCKjKW0krUyC3zfltEUIFWwGKVa1iIO1r0yiJ5ODSQFOjYXKeVk/s320/sadas.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Link nya? <a href="http://viahold.com/RVT">KLIK DIISINI GAN :D</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" data-ad-client="ca-pub-5995950368289097" data-ad-slot="2879270201" style="display: inline-block; height: 100px; width: 320px;"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({}); </script> <br />
<div class="separator" style="clear: both; text-align: left;">
Jangan di jual oke? :v</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br /></div>
</p>

Assalamualaikum wr wb Panel Likes Instagram GRATIS - Banyak yg pada nyari like instagram gratis, neh mimin kasih link panel like instag...

Script Widget Button Join This Site dengan Count Valid HTML5

<p><div dir="ltr" style="text-align: left;" trbidi="on">
<div class="iklan1">
</div>
Kali ini maslisman akan Share <a href="http://www.sun3daily.ga/2018/01/ScriptWidgetButtonJoinThisSitedenganCountValidHTML5.html" target="_blank"><i>Widget Button Join this site buatan sun3</i></a>,
 sebenarnya widget ini ada dalam menu Tambah widget di blogger tetapi 
kebanyakan template yang digunakan orang pada zaman sekarang adalah 
Template yang Valid HTML5 dan Permasalahanya Widget Join This Site 
bawaan dari Blogger itu<u><i> tidak Valid HTML5</i></u>.<br />
Blog yang menggunakan Template Valid HTML5 mengambil langkah alternatif 
untuk tidak menggunakan widget join bawaan google tetapi menggantinya 
dengan Objek berupa Image, Text Link, Button dan lain-lain.<br />
<h2 class="post-title entry-title" style="text-align: center;">
<a href="https://www.blogger.com/null" title="Script Widget Button Join This Site keren dengan Count Valid HTML5">Script Widget Button Join This Site keren dengan Count Valid HTML5</a></h2>
Nah disini Maslisman Akan Berbagi Button Image Join This Site kepada 
Sobat, di google atau di blog lain sebenarnya banyak imag atau button 
widget join this site seperti ini, tapi ada yang bikin beda button yang 
maslisman buat ini ada Anotasi Count Balonnya dan bisa dirubah Jumlahnya
 sesuka Sobat.<br />
Jadi dengan Menggunakan Widget ini bisa lebih meyakinkan pengunjung 
untuj Join ke Site Sobat, karena ada Count atau penghitung banyaknya 
Follower Blog Sobat, walaupun Count ini tidak otomatis seperti bawaan 
blogger ya, tapi Sobat bisa Merubahnya sesuka Sobat.<br />
<br />
Untuk Lebih Jelasnya Lihat Saja Demonya Seperti dibawah ini :<br />
<br />
<div class="imagejoin">
<div class="text">
<a alt="Google Friend Connect" href="https://www.blogger.com/blogger.g?blogID=4608441697702788932" style="cursor: pointer;" title="Google Friend Connect">
 <img height="19" id="imagejoin" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1NEdJzebqu2tkrOJ41L2gOqtZJe1nb1qYtj4NIbhw8hGm3k7l6R9EGtsspilyLQNei9eKZf1T83DgmKULBKvlRm_GuU_RpXMSISLi4OXcK5kCt4scVq8AxV2eQSdQwZnRFxBIIaDWdJU/s1600/join+maslisman+puluhan+1.png" width="135" /></a>97</div>
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcF52LMa43_xso5bOKJbap2HLQSsiQUh5WWxF1wrrB-JSBEDR4AT9o-PDE-WigIO_zl8FipVKm20UJkWiXaG-1hHHevESMbsBR6Pmwx-Qn6hJL5b2A_pjhUYnTYcMLIikl-T9eEuhPXWE/s1600/join+this+site+maslisman+widget+button.gif" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://www.sun3daily.ga/2018/01/ScriptWidgetButtonJoinThisSitedenganCountValidHTML5.html" border="0" height="516" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcF52LMa43_xso5bOKJbap2HLQSsiQUh5WWxF1wrrB-JSBEDR4AT9o-PDE-WigIO_zl8FipVKm20UJkWiXaG-1hHHevESMbsBR6Pmwx-Qn6hJL5b2A_pjhUYnTYcMLIikl-T9eEuhPXWE/s1600/join+this+site+maslisman+widget+button.gif" title="ScriptWidgetButtonJoinThisSitedenganCountValidHTML5" width="640" /></a></div>
<br />
Silahkan tambahkan Widget Tombol Join This Site ini ke blog sobat, untuk Caranya :<br />
<ul>
<li>Masuk ke Tata Letak</li>
<li>lalu Tambahkan Gadget</li>
<li>Pilih HTML/JavaScript</li>
<li>dan Masukan salah satu Script dibawah ke kolom konten HTML/JavaScript</li>
</ul>
<blockquote class="tr_bq">
 widget yang maslisman buat ada tiga pilihan yaitu untuk Pengikut yang 
jumlahnya, Belasan atau Puluhan, lalu Ratusan, dan Ribuan, jadi Pilih 
saja sesuka Sobat</blockquote>
<h3>
Dibawah ini adalah Script Widget Button Join This Site keren dengan Count</h3>
<h4>
 Scrip Widget Join this site Count <u>Puluhan</u></h4>
<pre><code><style type='text/css'>
.imagejoin {
   position: relative;
}

pjoin {
   position: absolute;
   font-family: Arial;
   font-weight:normal;
   color:#555556;
   font-size:11px;
   top: 0.5px;
   left: 114.2px;
   width: 100%;
   margin: 3px;
}
</style>
<HTML>
<div class='imagejoin'>
        <div class='text'>
<a href="" onclick= 'window.open( 
 "https://www.blogger.com/follow-blog.g?blogID=4608441697702788932",
 "popupwindow","status=0,height=550,width=550,resizable=0");return false;' 
 alt="Google Friend Connect" 
 title="Google Friend Connect" 
 style="cursor:pointer;"/>
 <img height='19' id='imagejoin' onmouseout='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1NEdJzebqu2tkrOJ41L2gOqtZJe1nb1qYtj4NIbhw8hGm3k7l6R9EGtsspilyLQNei9eKZf1T83DgmKULBKvlRm_GuU_RpXMSISLi4OXcK5kCt4scVq8AxV2eQSdQwZnRFxBIIaDWdJU/s1600/join+maslisman+puluhan+1.png&apos;;' onmouseover='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnKWFHn-UHcixxsgq1hzdw5tKuisuTGru7YjwFWdRQi1HQm1vEb8-CV10v27FCosH2zBrcveJNV23M7ZlQeahMV8rpQ_4qy9KlnZqHeV8y_fLhs-7M-KefOYrHIplxAckfIcDxJtUejs8/s1600/join+maslisman+puluhan+2.png&apos;;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1NEdJzebqu2tkrOJ41L2gOqtZJe1nb1qYtj4NIbhw8hGm3k7l6R9EGtsspilyLQNei9eKZf1T83DgmKULBKvlRm_GuU_RpXMSISLi4OXcK5kCt4scVq8AxV2eQSdQwZnRFxBIIaDWdJU/s1600/join+maslisman+puluhan+1.png' width='135'/></a><pjoin>94</pjoin></div></div>
</</code><code><code>HTML</code>>
</code></pre>
<h4>
 Scrip Widget Join this site Count <u>Ratusan</u></h4>
<pre><code><style type='text/css'>
.imagejoin {
   position: relative;
}

pjoin {
   position: absolute;
   font-family: Arial;
   font-weight:normal;
   color:#555556;
   font-size:11px;
   top: 0.5px;
   left: 109.2px;
   width: 100%;
   margin: 3px;
}
</style>
<HTML>
<div class='imagejoin'>
        <div class='text'>
<a href="" onclick= 'window.open( 
 "https://www.blogger.com/follow-blog.g?blogID=4608441697702788932",
 "popupwindow","status=0,height=550,width=550,resizable=0");return false;' 
 alt="Google Friend Connect" 
 title="Google Friend Connect" 
 style="cursor:pointer;"/>
 <img height='19' id='imagejoin' onmouseout='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNz9DW2m9BLPmjwhY1JTX-YOEFu-x2VkClDRrIH6VQi5jUsUhilzAvpYrDFcg7UZDEp6D0_NNo81mEeUxvIVUCA-aEOBkglhHGOvcBjixpYVDt1wmv7Cue0x5GNdOAcOgOGIL30GeP-AU/s1600/join+maslisman+ratusan+1.png&apos;;' onmouseover='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_JscIPdLDJ_d-aKeYNmS-XW14Cgol_IxhkjTxxF4tNIvnKI5k1d7XV9VNst1aIgqx31WEZAFV5E9w_NH21Go3flPYga6-8461JgjPOMK6XEWNUvsBBD-HWdAlS4-qtpLviIPnVk3KAA/s1600/join+maslisman+ratusan+2.png&apos;;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNz9DW2m9BLPmjwhY1JTX-YOEFu-x2VkClDRrIH6VQi5jUsUhilzAvpYrDFcg7UZDEp6D0_NNo81mEeUxvIVUCA-aEOBkglhHGOvcBjixpYVDt1wmv7Cue0x5GNdOAcOgOGIL30GeP-AU/s1600/join+maslisman+ratusan+1.png' width='135'/></a><pjoin>847</pjoin></div></div>
</HTML>
</code></pre>
<h4>
 Scrip Widget Join this site Count <u>Ribuan</u></h4>
<pre><code><style type='text/css'>
.imagejoin {
   position: relative;
}

pjoin {
   position: absolute;
   font-family: Arial;
   font-weight:normal;
   color:#555556;
   font-size:11px;
   top: 0.5px;
   left: 103.5px;
   width: 100%;
   margin: 3px;
}
</style>
<HTML>
<div class='imagejoin'>
        <div class='text'>
<a href="" onclick= 'window.open( 
 "https://www.blogger.com/follow-blog.g?blogID=4608441697702788932",
 "popupwindow","status=0,height=550,width=550,resizable=0");return false;' 
 alt="Google Friend Connect" 
 title="Google Friend Connect" 
 style="cursor:pointer;"/>
 <img height='19' id='imagejoin' onmouseout='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsY-KNxgVxKxMAgjy6LVt-h3H6oWoQGdCHEQf_wp_KnMhOxLb3JYEqOKT40whBJdJZ8yEszaCclWLgoLRyONcTmw8-Guqbg5n0zZRuRrckbbo1OJhCh4JNPokvx1Eu62Y_Ymva4xF7ugE/s1600/join+maslisman+ribuan+1.png&apos;;' onmouseover='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifvDDRWlLs4pN5OuQHYgzA3KWCLPA6k4_YcBHrmMgAhfQbHQgMu7WeDIJK_zss7Zpdht3q6gTpOuaw0F87sF1FcEEG8gh7btIpaVDNJtCe2NOlm7CNxrQRtGbzEgqWoeKSOv00a-6I-Kw/s1600/join+maslisman+ribuan+2.png&apos;;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsY-KNxgVxKxMAgjy6LVt-h3H6oWoQGdCHEQf_wp_KnMhOxLb3JYEqOKT40whBJdJZ8yEszaCclWLgoLRyONcTmw8-Guqbg5n0zZRuRrckbbo1OJhCh4JNPokvx1Eu62Y_Ymva4xF7ugE/s1600/join+maslisman+ribuan+1.png' width='135'/></a><pjoin>5841</pjoin></div></div>
</HTML></code></pre>
<br />
Keterangan :<br />
<blockquote class="tr_bq">
Apabila Text Jumlah letaknya tidak sesuai atau lari dari dalam kotak, Sobat bisa Menyesuaikanya dengan mengedit bagian :<br />
<pre><code>left: rubah geser kiri kanan</code></pre>
<pre><code>top: rubah geser atas bawah</code></pre>
Silahkan rubah 4608441697702788932 dengan ID Blog Sobat <br />
Untuk ganti Jumlah nya silahkan lihat dibagian <span style="color: red;"><pjoin></span>94<span style="color: red;"><span style="background-color: white;"></pjoin></span></span>dan ganti 94 sesuka Sobat</blockquote>
<h4>
Jika Artikel ini berguna buat Sobat Jangan Lupa Join This Site Blog Maslisman ya !</h4>
<h4>
Silahkan Tinggalkan Komentar bila ada yang ingin ditanyakan !</h4>
</div>
</p>

Kali ini maslisman akan Share Widget Button Join this site buatan sun3 , sebenarnya widget ini ada dalam menu Tambah widget di blogger t...

Cara Memasang Komentar facebook di blog/web

<p><div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-C3J5GPlBq-woA6LA7WaeOrk-823xqsvmdwXkaeeZbfE6fUmLQMda0yFbvQ6kz3dl5QuTR27dX6_Bg5hqQhM20RD4V8CszNKybVWDxA1b6l2EdtibYTFIYHA1R1xHivKZD6l8EjX6q5Vi/s1600/fb.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-C3J5GPlBq-woA6LA7WaeOrk-823xqsvmdwXkaeeZbfE6fUmLQMda0yFbvQ6kz3dl5QuTR27dX6_Bg5hqQhM20RD4V8CszNKybVWDxA1b6l2EdtibYTFIYHA1R1xHivKZD6l8EjX6q5Vi/s1600/fb.jpg" /></a></div>
<div style="text-align: center;">
</div>
<br />
berikut cara mudah memasang komentar fb di blogspot agan<br />
<br />
<br />
 1.masuk ke akun blogger<br />
<br />
 2.kemudian klik template>>edit html>>lanjutkan>>centang expand template widget<br />
<br />
 3.lalu tekan crtl+F nanti akan muncul kolom di pojok kanan atas<span style="color: red;"> lihat gambar dibawah</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK3TRBsNpLUrp2tuRXvz-TXXc4Q5jwApdHL3YDqzUl4eSJLtgTG8ikLa7Kpw11rwKlFDp68eviC3_zYvCL70QZp0Jwz34HwI6zU4kiZ6izEkHMoHWvbugZuI-jFPp0gS875ZYMON3ovCvv/s1600/blog.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK3TRBsNpLUrp2tuRXvz-TXXc4Q5jwApdHL3YDqzUl4eSJLtgTG8ikLa7Kpw11rwKlFDp68eviC3_zYvCL70QZp0Jwz34HwI6zU4kiZ6izEkHMoHWvbugZuI-jFPp0gS875ZYMON3ovCvv/s320/blog.PNG" width="320" /></a></div>
<div style="text-align: center;">
</div>
<br />
4.tulis kode <span style="color: red;"><b:includable id='status-message'></span>  dikolom tersebut untuk memudahkan pencarian <span style="color: red;">lihat gambar dibawah</span><br />
<span style="color: red;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqDyg4Qe81ftr1giXU7XGNOeU7o7nxaXkHYxkV3PrfjJuMHYhZB4MFTXf_9C_rQcw1oD7SUiLNXqlDvSHS3-nUJ-ic0AIVYCThzwrTnlbIAPllKQ-9tnumREel76wQ9oWCTFu1e2wpYgLT/s1600/blog1.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqDyg4Qe81ftr1giXU7XGNOeU7o7nxaXkHYxkV3PrfjJuMHYhZB4MFTXf_9C_rQcw1oD7SUiLNXqlDvSHS3-nUJ-ic0AIVYCThzwrTnlbIAPllKQ-9tnumREel76wQ9oWCTFu1e2wpYgLT/s320/blog1.PNG" width="320" /></a></div>
<div style="text-align: center;">
</div>
<br />
 5.diatas kode  <span style="color: red;"><b:includable id='status-message'></span>agan akan menemukan kode<span style="color: red;"></b:includable></span> dan letakkan kode ini<br />
<br />
<div align="center">
<textarea cols="70" name="code" rows="7" style="background: none repeat scroll 0% 0% rgb(218, 255, 191); border: 2px dashed rgb(41, 95, 0); color: #295f00; line-height: 1.5em; padding: 5px;"><b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:comments expr:href='data:post.url' num_posts='5' width='500'/></b:if>

tepat diatas kode </b:includable>

6.kemudian simpan template dan lihat hasil nya akan muncul di bawah postingan blog agan seperti gambar di bawah

selamat mencoba

berikut cara mudah memasang komentar fb di blogspot agan 1.masuk ke akun blogger 2.kemudian klik template>>edit html>...

Cara Membuat Website Sederhana Dengan Notepad

<p><div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggx4f-ODGF4ILXxuf43rddybFks6xOQac8cYT6DEfWwanseDvYgSnpXUfqqjgX3wAalsTXcuSHpyOPyP8h9Ysley5dzg-Yb0-ySbVZgI4B4qYWhxw-PHrGtIopwcLb8cYr8Bdej1hy2g/s1600/notepad.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="549" data-original-width="727" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggx4f-ODGF4ILXxuf43rddybFks6xOQac8cYT6DEfWwanseDvYgSnpXUfqqjgX3wAalsTXcuSHpyOPyP8h9Ysley5dzg-Yb0-ySbVZgI4B4qYWhxw-PHrGtIopwcLb8cYr8Bdej1hy2g/s320/notepad.PNG" width="320" /></a></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;"><br /></span></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;"><br /></span></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;">HTML adalah sebuah bahasa pemograman. Sama seperti bahasa pemrograman lainnya. Membuat halaman website sebenarnya sedikit susah. Berikut <i>cara mudah membuat halaman Web dengan Notepad.</i><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;"><i><br /></i></span></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<b><span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;"><u>Langkah 1</u></span></b><span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
</div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;">Star Menu > All Program > Accessories > Notepad ( Windows + R ). Kemudian ketik Source dibawah ini :<o:p></o:p></span></div>
<blockquote class="tr_bq" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<table border="0" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="background: #FAFAFA; border-collapse: collapse; mso-padding-alt: 0cm 0cm 0cm 0cm; mso-yfti-tbllook: 1184;"> <tbody>
<tr>  <td style="border: solid lime 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 462.1pt;" valign="top" width="616"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<i><span style="color: #555555; font-family: "arial" , sans-serif; font-size: 10.0pt;"><HTML><br />  <HEAD><br />  <TITLE>Belajar menulis dengan HTML</TITLE><br />  </HEAD><br />  <BODY><br />  <H1>Selamat Datang</H1><br />  <HR><br />  <P>Ini adalah halaman web pertama saya!!!</P><br />  <HR><br />  </BODY><br />  </HTML></span></i><span style="color: #555555; font-family: "arial" , sans-serif; font-size: 10.0pt;"><o:p></o:p></span></div>
</td> </tr>
</tbody></table>
</blockquote>
<br />
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;">simpan difolder dengan:<o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;">File Name : </span><span style="color: #0070c0; font-family: "arial" , sans-serif; font-size: 9.5pt;">tes.html</span></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;">Save as type : </span><span style="color: #0070c0; font-family: "arial" , sans-serif; font-size: 9.5pt;">All files</span><span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;"><o:p></o:p></span></div>
<span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;">Open file yang sudah Anda buat tadi. Maka akan tampil halaman Web seperti ini</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizPDzJH5boGHfQll6Q1RPKWzst6J3PtQ64gu8ila9S4PAjs-R4CegBNkenCO0yaA4Ln6rSqMuXb0cz7jefeaIcgCCamVhjmXBC70aV2X459husCqqFj0hEEnXET1yZcNhlSlfrqDRL6w/s1600/notepad+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="696" data-original-width="1013" height="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizPDzJH5boGHfQll6Q1RPKWzst6J3PtQ64gu8ila9S4PAjs-R4CegBNkenCO0yaA4Ln6rSqMuXb0cz7jefeaIcgCCamVhjmXBC70aV2X459husCqqFj0hEEnXET1yZcNhlSlfrqDRL6w/s320/notepad+1.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;">Untuk menulis paragraf – paragraf Anda, awali selalu dengan tag dan tutup </span><span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;">Jika Anda ingin meng-editnya, cukup klik kanan pada file html Anda, point open with, pilih Notepad. Sebagai bahan untuk belajar buat Anda, Masih pada halaman ini, silahkan ketik </span><b style="color: #555555; font-family: Arial, sans-serif; font-size: 9.5pt;">CTRL+U</b><span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;"> – jika Anda menggunakan </span><b style="color: #555555; font-family: Arial, sans-serif; font-size: 9.5pt;">Mozila FireFox</b><span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;">, atau pilih </span><b style="color: #555555; font-family: Arial, sans-serif; font-size: 9.5pt;">view</b><span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;"> kemudian </span><b style="color: #555555; font-family: Arial, sans-serif; font-size: 9.5pt;">Source</b><span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;">- jika Anda menggunakan IE.</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="background: white; color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;"><br /></span></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<b><u><span style="font-family: "arial" , sans-serif; font-size: 9.5pt;">Cara Mebuat Link atau Navigasi</span></u></b><span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;"><o:p></o:p></span></div>
<br />
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;">Edit dengan Notepad file <b>contoh.html</b> kemudian tambahkan isi sebagai berikut :<o:p></o:p></span></div>
<blockquote class="tr_bq" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<table border="0" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="background: #FAFAFA; border-collapse: collapse; mso-padding-alt: 0cm 0cm 0cm 0cm; mso-yfti-tbllook: 1184;"> <tbody>
<tr>  <td style="border: solid lime 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 462.1pt;" valign="top" width="616"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<i><span style="color: #555555; font-family: "arial" , sans-serif; font-size: 10.0pt;"><HTML><br />  <HEAD><br />  <TITLE>Belajar menulis HTML</TITLE><br />  <BODY><br />  <H1>Selamat Datang</H1><br />  <HR><br />  <p><a href=”contoh.html”>Home</a>|<a   href=”contoh2.html”>Halaman 2</a>|<a   href=”contoh3.html”>Halaman 3</a></p><br />  <HR><br />  <p>Ini adalah paragraf pertama dari halaman homepage. Belajar HTML itu   sangatlah mudah tidak perlu pake kursus...</p><br />  </BODY><br />  </HTML></span></i><span style="color: #555555; font-family: "arial" , sans-serif; font-size: 10.0pt;"><o:p></o:p></span></div>
</td> </tr>
</tbody></table>
</blockquote>
<br />
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;">Jika sudah klik <b>SAVE, </b>Masih pada jendela Notepad yang sama, ubah paragraf Anda dengan kalimat Anda sendiri, kemudian <b>SAVE AS</b> sebagai <b>contoh2.html</b>. Jangan ditutup dulu, ubah lagi paragraf Anda untuk menandakan itu halaman ke-tiga dengan kalimat Anda sendiri, kemudian <b>SAVE AS</b> sebagai <b>contoh3.html.</b><o:p></o:p></span></div>
<span style="background-color: white; color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt; text-align: justify;">Sekarang buka salah satu file HTML Anda kemudian coba klik pada navigasi / link yang baru Anda buat. Jika link Anda bekerja, SELAMAT Anda SUKSES</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvE48LNd_b6-NDtgi0wpdJHLKFuf0g42ZtHnWEN9B4MKY-PNBq9JPBUeRitImQtJdmd2-ZmB6zwClHfbNrVcgv529Z1-juHAawcIVb41_CMjmMT0gRImYSRI5yfGV1H4h0CXf0XItBIw/s1600/notepad+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="669" data-original-width="1017" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvE48LNd_b6-NDtgi0wpdJHLKFuf0g42ZtHnWEN9B4MKY-PNBq9JPBUeRitImQtJdmd2-ZmB6zwClHfbNrVcgv529Z1-juHAawcIVb41_CMjmMT0gRImYSRI5yfGV1H4h0CXf0XItBIw/s320/notepad+2.png" width="320" /></a></div>
<br />
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<i><span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;">Sekian dulu,,semoga tutorial <b>cara mudah membuat halaman Web dengan Notepad</b> bermanfaat bagi kita semua...</span></i><br />
<br />
<br />
<span style="color: #555555;"><span style="font-family: "arial" , sans-serif;">Baca juga:</span></span><br /><ul>
<li><i><span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;"><a href="http://www.sun3daily.ga/2017/07/trik-mendapatkan-pulsa-gratis-all.html" target="_blank">trik-mendapatkan-pulsa-gratis-all</a> </span></i><span style="color: #555555; font-family: "arial" , sans-serif; font-size: 9.5pt;"><o:p></o:p></span></li>
</ul>
</div>
</div>
</p>

HTML adalah sebuah bahasa pemograman. Sama seperti bahasa pemrograman lainnya. Membuat halaman website sebenarnya sedikit susah. Ber...

Cara Membuat Tombol Smooth Back To Top dengan menggunakan Pure Javascript

<p><div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><span style="font-size: small;"><a href="https://sun3daily.blogspot.com/2017/10/cara-membuat-tombol-smooth-back-to-top.html" target="_blank"><i><b>Sun3daily</b></i></a> - <i>Cara Memasang Script Back To Top Dengan Pure Javascript</i></span> </span>Halo sobat blogger sekalian kali ini saya akan memposting sebuah artikel yaitu <b>"Cara Membuat Tombol Smooth Back To Top dengan menggunakan Pure Javascript" </b>Apa sih kegunaannya? kegunaan nya sih sederhana , sebagai cara cepat tombol akses ke menu utama di atas. yu langsung aja simak penjelasan nya dibawah , jangan lupa baca sampai bawah agar kalian tau cara membuat Tombol Smooth back to top .</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu0Zg_q-_7fogm4cyjKIzQ-TdhVW7EwE5tAURRftuqWwYbQejVSLTUIpqm1L31vpdNwAu8pN4y7qReeYKq0tUaFsACMDjvRT6aIqdNhhZnQXdZRHOedhlrkcupH5Or8JSWPhdDNE-LBj4/s1600/tipsblogbangzoel25.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="400" data-original-width="400" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu0Zg_q-_7fogm4cyjKIzQ-TdhVW7EwE5tAURRftuqWwYbQejVSLTUIpqm1L31vpdNwAu8pN4y7qReeYKq0tUaFsACMDjvRT6aIqdNhhZnQXdZRHOedhlrkcupH5Or8JSWPhdDNE-LBj4/s200/tipsblogbangzoel25.jpg" width="200" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"> </span>Berikut adalah <b style="border: 0px; box-sizing: border-box; font-family: Arial, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">cara pasang script smooth back to top</b><span style="font-family: "arial" , sans-serif; font-size: 14px; font-weight: normal;"> untuk Blogspot.</span></div>
<h3 style="background-color: white; border: 0px; box-sizing: border-box; color: #2f303f; font-stretch: inherit; font-variant-numeric: inherit; line-height: 1.5em; margin: 0px; padding: 0px 0px 5px; vertical-align: baseline;">
<br style="box-sizing: border-box; font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; margin: 0px; padding: 0px;" /><span style="font-size: large;"><b style="border: 0px; box-sizing: border-box; font-family: Arial, sans-serif; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">1. Kode CSS</b></span><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;"><span style="font-weight: normal;">Simpan kode berikut "sebelum" </span><code class="tutor" style="border: 0px; box-sizing: border-box; color: red; font-stretch: inherit; font-variant-numeric: inherit; font-weight: normal; letter-spacing: -0.3px; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></style></code><span style="font-weight: normal;"> atau </span><code class="tutor" style="border: 0px; box-sizing: border-box; color: red; font-stretch: inherit; font-variant-numeric: inherit; font-weight: normal; letter-spacing: -0.3px; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">]]></b:skin></code></span><blockquote class="tr_bq">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;"><br />/* Back to top ala Igniel */ #bangzoelToTop {display:none;z-index:2;position:fixed;bottom:20px;right:20px;border-radius:2px;cursor:pointer;transition:all .4s;width:45px;height:45px;background:#008c5f url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center} #ignielToTop:hover{background:#2f303f url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center}</span></blockquote>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><br /><br />2. </span><b style="border: 0px; box-sizing: border-box; font-family: Arial, sans-serif; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: large;">Kode HTML dan Javascript</span></b></h3>
<h3 style="border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant-numeric: inherit; line-height: 1.5em; margin: 0px; padding: 0px 0px 5px; vertical-align: baseline;">
<span style="background-color: white; color: #2f303f; font-family: "arial" , sans-serif; font-size: small; font-weight: normal;">Simpan kode berikut "sebelum" </body>.</span><blockquote class="tr_bq">
<span style="background-color: white; font-size: small;"><div id='bangzoel25ToTop'/> <script type='text/javascript'> //<![CDATA[ (function() { var </span><span style="background-color: lime;"><span style="font-size: large;">bangzoel25_kecepatan</span></span><span style="background-color: white; font-size: small;"> = 300; //kecepatan scroll </span><span style="background-color: lime; font-size: large;">var bangzoel25_jarak</span><span style="background-color: white; font-size: small;"> = 300; //posisi munculnya tombol eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('W.19=R(){U(W.1k>=V||S.1c.X>=V||S.1i.X>=V){S.Y(\'Z\').11.12=\'1j\'}13{S.Y(\'Z\').11.12=\'1n\'}};18(R(p,a,c,k,e,r){e=R(c){T(c<a?\'\':e(1a(c/a)))+((c=c%a)>1b?14.1d(c+1e):c.1f(1g))};U(!\'\'.15(/^/,14)){16(c--)r[e(c)]=k[c]||e(c);k=[R(e){T r[e]}];e=R(){T\'\\\\w+\'};c=1};16(c--)U(k[c])p=p.15(1l 1m(\'\\\\b\'+e(c)+\'\\\\b\',\'g\'),k[c]);T p}(\'l 9=["\\\\n\\\\g\\\\o\\\\n\\\\N","\\\\C\\\\m\\\\d\\\\t\\\\O\\\\q\\\\d\\\\f\\\\e","\\\\e\\\\d\\\\m\\\\e","\\\\m\\\\n\\\\t\\\\j\\\\g\\\\g\\\\w\\\\j\\\\F","\\\\k\\\\j\\\\n\\\\C\\\\u\\\\d\\\\f\\\\e\\\\v\\\\g\\\\d\\\\u\\\\d\\\\f\\\\e","\\\\H\\\\j\\\\k\\\\D","\\\\J\\\\k\\\\k\\\\v\\\\K\\\\d\\\\f\\\\e\\\\L\\\\o\\\\m\\\\e\\\\d\\\\f\\\\d\\\\t","\\\\o\\\\q\\\\f\\\\o\\\\d\\\\g\\\\w\\\\j\\\\w\\\\j\\\\F","\\\\q\\\\d\\\\e\\\\v\\\\g\\\\d\\\\u\\\\d\\\\f\\\\e\\\\M\\\\D\\\\Q\\\\k"];h[9[8]](9[7])[9[6]](9[0],x A(){p(/y|G/i[9[2]](z[9[1]])){l a=h[9[4]][9[3]]}B{l a=h[9[5]][9[3]]};p(r<=0){E};l b=0-a;l c=b/r*s;P(x(){p(/y|G/i[9[2]](z[9[1]])){h[9[4]][9[3]]=a+c}B{h[9[5]][9[3]]=a+c};p(a==0){E};A(h[9[5]],0,r-s)},s)},I)\',17,17,\'|||||||||1o||||1p|1q|1r|1s|S||1t|1u|1v|1w|1x|1y|U|1z|1A|10|1B|1C|1D|1E|R|1F|1G|1H|13|1I|1J|T|1K|1L|1M|1N|1O|1P|1Q|1R|1S|1T|1U|1V\'.1h(\'|\'),0,{}));',62,120,'|||||||||||||||||||||||||||||||||||||||||||||||||||||function|document|return|if|igniel_jarak|window|scrollTop|getElementById|ignielToTop||style|display|else|String|replace|while|53|eval|onscroll|parseInt|35|documentElement|fromCharCode|29|toString|36|split|body|block|pageYOffset|new|RegExp|none|_0x7123|x65|x74|x6E|x6C|x6F|x64|var|x73|x63|x69|x67|igniel_kecepatan|x72|x6D|x45|x54|firefox|navigator|ignielScroll|x75|x79|x70|trident|x62|false|x61|x76|x4C|x42|x6B|x41|setTimeout|x49'.split('|'),0,{}))})(); //]]></script></span></blockquote>
</h3>
<div>
<br /></div>
<h3 style="border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant-numeric: inherit; line-height: 1.5em; margin: 0px; padding: 0px 0px 5px; vertical-align: baseline;">
<span style="background-color: white; border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #2f303f; font-family: "arial" , sans-serif;">3. Ganti Scriptnya Sesuai Selera Anda</span></span></h3>
<h2>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;"><span style="border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: white; color: #2f303f; font-weight: normal;">Perhatikan kode diatas dan fokus pada angka yang di-highlight. Kamu bisa mengganti angkanya dan sesuaikan dengan selera masing-masing. Cukup ganti angkanya aja, lainnya nggak usah. </span><br /><span style="background-color: lime; color: #2f303f;"><br />var bangzoel25_kecepatan</span><span style="background-color: white; color: #2f303f; font-weight: normal;"> Kecepatan scroll. Semakin kecil angkanya, maka proses scroll back to top akan semakin cepat. </span><br /><br /><span style="background-color: lime;">var </span></span></span><span style="background-color: lime;"><span style="font-size: small;">bangzoel25_jarak</span></span><span style="background-color: white; color: #2f303f; font-family: "arial" , "helvetica" , sans-serif; font-size: small; font-weight: normal;"> Posisi munculnya tombol. Pada contoh diatas, angka yang tertulis adalah 300. Artinya, tombol back to top akan muncul ketika halaman sudah ter-scroll / bergulir kebawah sepanjang 300px.</span></h2>
<div>
<br />
Nah Sekian deh artikel dari <span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><a href="https://sun3daily.blogspot.com/2017/10/cara-membuat-tombol-smooth-back-to-top.html" target="_blank"><b><span style="font-size: small;">Cara Memasang Script Back To Top Dengan Pure Javascript</span></b></a> </span> semoga bermanfaat bagi sobat blogger semua nya jangan lupa kunjungi terus blog nya bang zoel , karena akan ada info menarik lainnya tentang seputar blogging hanya di Sun3daily . Apabila ada yang kurang mengerti silahkan berkomentar dibawah artikel ini terima kasih.</div>
<div id="inline_wrapper" style="background-color: white; border: 0px; box-sizing: border-box; color: #2f303f; font-family: Arial, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 10px 0px; padding: 0px; vertical-align: baseline;">
<div class="ads_middle" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
</div>
</div>
</div>
</p>

Sun3daily - Cara Memasang Script Back To Top Dengan Pure Javascript Halo sobat blogger sekalian kali ini saya akan memposting sebuah arti...

Apasih HTML itu? Mari Belajar HTML

<p><div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.85px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 20.79px; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span><br />
<div class="separator" style="border: 0px; clear: both; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Hallo sobat :D</span></div>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span><br />
<div class="separator" style="border: 0px; clear: both; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Kali ini gue mw share, apasih HTML itu?</span></div>
<div class="separator" style="border: 0px; clear: both; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">nih buat para yg mw jdi anak hekel :v pahamin bahasa HTML dlu :v</span></div>
<div class="separator" style="border: 0px; clear: both; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></div>
<div class="separator" style="border: 0px; clear: both; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Yok simak :D</span></div>
<div class="separator" style="border: 0px; clear: both; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></div>
<div class="separator" style="border: 0px; clear: both; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT2EYO0mh3z5MWeu9gwF21qieoucavDt6YJvLoI-ltirHuu1nwdbZYToIQJ5ugMckhuHIRlRw8kv4hoUZoCubdtmorVYT_M4gGzKjhFvP-lfyuIHef8U_x6HuL0NVrDryamU0yLO96SFw/s1600/html.png" imageanchor="1" style="border: 0px; color: #ee3322; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;"><img alt="HTML" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT2EYO0mh3z5MWeu9gwF21qieoucavDt6YJvLoI-ltirHuu1nwdbZYToIQJ5ugMckhuHIRlRw8kv4hoUZoCubdtmorVYT_M4gGzKjhFvP-lfyuIHef8U_x6HuL0NVrDryamU0yLO96SFw/s1600/html.png" style="border: none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; position: relative; vertical-align: baseline;" title="HTML" /></a></span></div>
<div class="separator" style="border: 0px; clear: both; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></div>
<div style="border: 0px; font-size: 14.85px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 20.79px; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Apasih HTML itu? Siapa penemunya? Pada bingung atau pernah bertanya-tanya? Nih babang Kece kasih tau daripada bingung mikirin terus si HTML itu, hehe :D</span></div>
<div style="border: 0px; font-size: 14.85px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 20.79px; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br style="margin: 0px; padding: 0px;" /></span></div>
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">HTML adalah singkatan dari </span><span style="border: 0px; color: red; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">HyperText Markup Language </span><span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">yaitu bahasa pemrograman  standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah </span>penjelajah web Internet (Browser)<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">. </span></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.85px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 20.79px; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br style="margin: 0px; padding: 0px;" /></span></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.85px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 20.79px; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.</span></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.85px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 20.79px; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br style="margin: 0px; padding: 0px;" />Supaya  dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML.</span></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.85px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 20.79px; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<br />
HTML merupakan<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut  Standard Generalized Markup Language (SGML ).</span><br />
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Sekarang ini HTML merupakan standar Internet yang dikendalikan dan didefinisikan pemakaiannya oleh World Wide Web Consortium (W3C).  Pada tahun 1989, HTML dibuat oleh kolaborasi Berners-lee Robert dengan Caillau TIM  pada saat mereka bekerja di CERN (CERN merupakan lembaga penelitian fisika energi tinggi di Jenewa)</span></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.85px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 20.79px; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br style="margin: 0px; padding: 0px;" /></span></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.85px; font-stretch: inherit; font-variant-numeric: inherit; line-height: 20.79px; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Itulah sedikit penjelasan mengenai Pengertian HTML, semoga bermanfaat guys! :D</div>
</div>
</p>

Hallo sobat :D Kali ini gue mw share, apasih HTML itu? nih buat para yg mw jdi anak hekel :v pahamin bahasa HTML dlu :v Yok sim...

Cara memasukan gambar pada html

<p><div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisTskcZ-7SHg-kMS3gK4cdyWPIc0ZmCZ1jQWnKd7tpHLRRtmnYvVRisgbPf_wW0gefr_Wu5goscbp9I2N63Fqb-CE-tZynJLrceNxUISa1JfTbB3eImjukmXTJy6j5fVFoZ1WouPmZZMA/s1600/script_hires_transp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="768" data-original-width="1280" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisTskcZ-7SHg-kMS3gK4cdyWPIc0ZmCZ1jQWnKd7tpHLRRtmnYvVRisgbPf_wW0gefr_Wu5goscbp9I2N63Fqb-CE-tZynJLrceNxUISa1JfTbB3eImjukmXTJy6j5fVFoZ1WouPmZZMA/s320/script_hires_transp.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Assalamualaikum Warohmatullahi Wabarakatuh<br />
<br />
Hallo Sobat setia :)<br />
Pada Lgi ngapain nih? lagi bingung cara masukin gambar ke html? baca aja disini :)<br />
<br />
Hallo kali ini saya akan memberi tau tentang cara memasukan kode gambar pada html<br />
<h2 style="text-align: left;">
Cara memasukan gambar pada html </h2>
Pertama<br />
Simpan picture/foto tersebut di mana saja/ yang gampang di inget<br />
<br />
Kedua<br />
Lalu kalian masukan kode ini;<br />
<br />
<i>   <html></i><br />
<i>   <head></i><br />
<i>   <title> Tutor Masukan Gambar </title></i><br />
<i>   <head></i><br />
<i>   <body></i><br />
<i>   <img src="salimsea.jpg" width="1000" height="500"></i><br />
<i>   </body></i><br />
<i>   </html></i><br />
<br />
Informasi:<br />
1) <img src=""> adalah kode untuk memasukan gambar, yg diisi dengan file foto nya, saat di "" (contoh = <img src="salimsea.jpg"> )<br />
2) Apa Fungsi <i>width=""  </i>? Ya itu, kode untuk memanjangkan ukuran foto<br />
3) Apa Fungsi <i>height=""</i> ? Ya itu, Kode untuk meninggikan ukuran foto</div>
</p>

Assalamualaikum Warohmatullahi Wabarakatuh Hallo Sobat setia :) Pada Lgi ngapain nih? lagi bingung cara masukin gambar ke html? baca...

Cara Pasang Widget Animasi Santa Claus Di Bloger

<p><div dir="ltr" style="text-align: left;" trbidi="on">
Menjelang tahun 2017 ini ada baiknya tampilan blog di penuhi dengan hiasan natal juga ya kan geng<br />
oke lang sung saja kita bahas bagaiman <a href="https://sun3daily.blogspot.com/2016/12/cara-pasang-widget-animasi-santa-claus.html" target="_blank"><b>cara membuat Widget Animasi Santa Claus di Bloger</b></a><br />
<br />
pertama agan login dulu dan agan masuk ke tata letak dan tambah widget HTML<br />
seperti pada gambar di bawah ya gan. lihat dulu<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-bV1K46s2ziY/WFJ2mWE-jjI/AAAAAAAAIgk/TaxHy1_CiIM3LDn9PbQdoOj8Cu9L1sstwCLcB/s1600/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://4.bp.blogspot.com/-bV1K46s2ziY/WFJ2mWE-jjI/AAAAAAAAIgk/TaxHy1_CiIM3LDn9PbQdoOj8Cu9L1sstwCLcB/s400/1.JPG" width="400" /></a></div>
<br />
Setelah agan masuk agan silahkan copy dan paste code di bawah ini<br />
<br />
<marquee style="position: absolute; top: 0px; left: 0; height: 37px; width: 100%" scrollamount="20" scrolldelay="100"><table cellpadding="0" cellspacing="0" border="0"><tr valign="middle"><td><a href="http://bunnyherolabs.com/santa/sleigh/"><img src="http://petimage.bunnyherolabs.com/santa/sleigh/santapull.gif" width="197" height="37" border="0" alt="" /></a></td><td><img src="http://petimage.bunnyherolabs.com/santa/sleigh/signleft.gif" width="4" height="37" /></td><td style="background: url(http://petimage.bunnyherolabs.com/santa/sleigh/sign.gif) repeat-x; font: bold italic 14px Georgia,serif; color: gray">Selamat Natal</td><td><img src="http://petimage.bunnyherolabs.com/santa/sleigh/signright.gif" width="4" height="37" /></td></tr></table></marquee><br />
<a href="http://bunnyherolabs.com/santa/sleigh/"><span style="color: cyan;">Sun3daily</span></a><br />
<br />
agan bisa gantikan text <span style="color: cyan;">Sun3daily</span> dengn nama blog agan.<br />
<br />
maka hasilnya kan seperti di bawah ini gan<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-CU0E2BlhG4E/WFJ2nd6RDxI/AAAAAAAAIgo/MNIOY-g75oYCDKVvqO6qgC3v6R5qE-exgCEw/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="309" src="https://2.bp.blogspot.com/-CU0E2BlhG4E/WFJ2nd6RDxI/AAAAAAAAIgo/MNIOY-g75oYCDKVvqO6qgC3v6R5qE-exgCEw/s320/2.JPG" width="320" /></a></div>
</div>
</p>

Menjelang tahun 2017 ini ada baiknya tampilan blog di penuhi dengan hiasan natal juga ya kan geng oke lang sung saja kita bahas bagaiman c...

Cara Membuat Folder Dengan Coding HTML

<p><div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
 Direktory atau biasa kita sebut dengan folder merupakan sebuah lokasi  pada hardisk yang dapat di isi oleh file atau folder lainnya. Dalam satu  direktory biasa dapat diisi dengan file dalam jumlah yang banyak  sekaligus dan juga dapat diisi dengan folder/direktori lainnya yang  disebut sebagai sub-direktori atau sub-folder.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Direktori sendiri adalah sebuah bagian dari file-system milik system  operasi seperti <a href="https://sun3daily.blogspot.co.id/search/label/Windows%2010" target="_blank">Windows OS</a>, Linux OS, dan Mac Os. Untuk menangani  direktori tersebut PHP telah menyediakan beberapa fungsi yang berperan  untuk membuat, menghapus, membuka serta membaca isi dari direktori  tersebut.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<h2>
<b>Membuat Direktori/Folder Baru</b></h2>
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Make Dir atau dalam penulisan mkdir(), merupakan sebuah fungsi di dalam  PHP yang dapat digunakan untuk membuat sebuah <b><a href="https://sun3daily.blogspot.com/2016/09/cara-membuat-folder-dengan-coding-html.html" target="_blank">direktori</a></b> atau folder  baru. Folder atau direktori yang dibuat ini secara otomatis terletak  pada satu lokasi yang sama dengan letak lokasi file PHP yang digunakan.  Jika Anda ingin meletakkan atau membuat direktori baru terletak berbeda  dengan lokasi file yang Anda simpan, maka sertakanlah path yang lengkap  pada parameter name saat membuatnya.</div>
<h4 style="text-align: left;">
<b>Penulisan Fungsi mkdir()</b></h4>
mkdir(name, mode, recursive, context);<br />
<br />
<b>Keterangan :</b><br />
<br />
<ul>
<li style="text-align: justify;">Name, merupakan nama direktori baru yang akan dibuat dan ini wajib terisi.</li>
<li style="text-align: justify;">Mode, merupakan hak akses dari folder yang akan dibut, secara default akan bernilai 777 (Read and Write);</li>
<li style="text-align: justify;">Recursive, diatur khusus saat mode rekursif atau mode pengulangan berdasarkan suatu kesamaan tertentu.</li>
<li style="text-align: justify;">Context, merupakan konteks dalam  menangani file, konteks merupakan serangkaian pilihan yang dapat  memodifikasi perilaku stream sebuah file, ini merupakan penambahan dari <i><b> <a href="https://sun3daily.blogspot.co.id/search/label/HTML" target="_blank">PHP versi 5</a></b></i>.</li>
</ul>
<br />
Hal-hal yang perlu diperhatikan saat membuat direktori baru dengan PHP.<br />
<br />
<br />
<ul>
<li style="text-align: justify;">Pastikan nama direktori/folder sesuai dengan standar penamaan file dan folder.</li>
<li style="text-align: justify;">Ceklah keberadaan folder sebelum dibuat agar tidak muncul pesan error nantinya.</li>
<li style="text-align: justify;">Pastikan lokasi meletakkan direktori baru di setting dengan permision 777.</li>
<li style="text-align: justify;">Jangan lupa untuk menampilkan pesan proses membuat direktori berhasil atau gagal dibuat.</li>
</ul>
<h3 style="text-align: left;">
XCODE :: XAMPLE CODE</h3>
Sebelum membuat pemrosesan file, terlebih dahulu kita buat form inputan nama folder yang akan dibuat dan di proses nantinya.<br />
<br />
Form :<br />
<br />
<span style="color: blue;"><span style="color: #9fc5e8;"><!DOCTYPE html></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><html></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><head></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span><title>Membuat Folder Baru</title></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"></head></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><body></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><br /></span><span style="color: #9fc5e8;"><form action="" method="post"></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span><input type="text" name="nama_folder"></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span><br></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span><br></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span><input type="submit" name="proses" value="Buat Folder"></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"></form></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><br /></span><span style="color: #9fc5e8;"></body></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"></html></span></span><br />
<br />
<h4 style="text-align: left;">
PHP  Proses :</h4>
<br />
<span style="color: blue;"><span style="color: #9fc5e8;"><?php</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span>#menghilangkan pesan error!</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span>error_reporting(0);</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span>#cek apakah tombol proses sudah di klik</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if ($_POST['proses']) {</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><br /></span><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">  </span>#cek apakah nama folder sudah diisi atau belum</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">  </span>if ($_POST['nama_folder']!="") {</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">   </span># jika tidak kosog maka buat foldernya...</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">   </span>$buat_folder = mkdir($_POST['nama_folder']);</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><br /></span><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">   </span>#jika folder berhasil dibuat maka tampilkan</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">   </span>if ($buat_folder) {</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">    </span>echo "<p> Folder dengan nama <b>".$_POST['nama_folder']."</b> berhasil dibuat!</p>";</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">   </span>} else {</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">    </span># jika folder gagal dibuat maka tampilkan</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">    </span>echo "<p> Folder baru dengan nama <b>".$_POST['nama_folder']."</b> gagal dibuat!</p>";</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">   </span>}</span></span><br />
<span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"><span style="color: #9fc5e8;">   </span></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">  </span>} else {</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">   </span># jika belum maka tampilkan</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">   </span>echo "<p> Nama folder tidak boleh dikosongkan!</p>";</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">  </span>}</span></span><br />
<span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"><span style="color: #9fc5e8;">  </span></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span>} else {</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">  </span>#jika belum di klik maka tampilkan!</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">  </span>echo "<p> Buat folder barumu sekarang!</p>";</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span><br />
<span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"><span style="color: #9fc5e8;"> </span></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;">?></span></span><br />
<br />
Dan berikut ini script lengkapnya :<br />
<span style="color: blue;"><br /></span>
<span style="color: blue;"><span style="color: #9fc5e8;"><!DOCTYPE html></span></span><br />
<span style="color: blue;"><a href="https://sun3daily.blogspot.co.id/search/label/HTML" target="_blank"><span style="color: #9fc5e8;"><html></span></a></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><head></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span><title>Membuat Folder Baru</title></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"></head></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><body></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><br /></span><span style="color: #9fc5e8;"><form action="" method="post"></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span><input type="text" name="nama_folder"></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span><br></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span><br></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span><input type="submit" name="proses" value="Buat Folder"></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"></form></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><br /></span><span style="color: #9fc5e8;"><?php</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span>#menghilangkan pesan error!</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span>error_reporting(0);</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span>#cek apakah tombol proses sudah di klik</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if ($_POST['proses']) {</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><br /></span><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">  </span>#cek apakah nama folder sudah diisi atau belum</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">  </span>if ($_POST['nama_folder']!="") {</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">   </span># jika tidak kosog maka buat foldernya...</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">   </span>$buat_folder = mkdir($_POST['nama_folder']);</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><br /></span><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">   </span>#jika folder berhasil dibuat maka tampilkan</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">   </span>if ($buat_folder) {</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">    </span>echo "<p> Folder dengan nama <b>".$_POST['nama_folder']."</b> berhasil dibuat!</p>";</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">   </span>} else {</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">    </span># jika folder gagal dibuat maka tampilkan</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">    </span>echo "<p> Folder baru dengan nama <b>".$_POST['nama_folder']."</b> gagal dibuat!</p>";</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">   </span>}</span></span><br />
<span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"><span style="color: #9fc5e8;">   </span></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">  </span>} else {</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">   </span># jika belum maka tampilkan</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">   </span>echo "<p> Nama folder tidak boleh dikosongkan!</p>";</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">  </span>}</span></span><br />
<span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"><span style="color: #9fc5e8;">  </span></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span>} else {</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">  </span>#jika belum di klik maka tampilkan!</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;">  </span>echo "<p> Buat folder barumu sekarang!</p>";</span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span><br />
<span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"><span style="color: #9fc5e8;"> </span></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;">?></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"><br /></span><span style="color: #9fc5e8;"></body></span></span><br />
<span style="color: blue;"><span style="color: #9fc5e8;"></html></span></span><br />
<br />
Berikut ini <a href="https://sun3daily.blogspot.co.id/search/label/HTML" target="_blank"><span style="color: red;">tampilannya :</span></a><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/AVvXsEid6ltFzqmn_rZQwgWDeM74f2pg4-GuVYPZRWnuULv-IFO1Bf60T53O41mgDDm4P3wZrK6Qs_g8jCKG_yq_nglpJCblBukm3Ev_xxH93QMayxnoe0Ih1nJxPM5rnr7x4KIgrZ8fNlGo2RKS/s1600/folder.png" style="margin-left: auto; margin-right: auto;"><img alt="Membuat Folder Menggunakan PHP" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid6ltFzqmn_rZQwgWDeM74f2pg4-GuVYPZRWnuULv-IFO1Bf60T53O41mgDDm4P3wZrK6Qs_g8jCKG_yq_nglpJCblBukm3Ev_xxH93QMayxnoe0Ih1nJxPM5rnr7x4KIgrZ8fNlGo2RKS/s1600/folder.png" title="Membuat Folder Menggunakan PHP" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Beri Nama Folder Yang Akan dibuat</td></tr>
</tbody></table>
<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/AVvXsEjcMxznwLPOPu-eQH3e71EovD26N3LeYk10EeEpDmwv-CWF4YYrD7jdduRVlSlgLKY46EyFrkUM-Zqtlql6J8ooo21omlZLr9ZHUTjKe8cmOKpQaeajKfKhiSIbxT7GnL1FRJJPlkaZqt77/s1600/folder-sukses.png" style="margin-left: auto; margin-right: auto;"><img alt="Membuat Folder Menggunakan PHP" border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcMxznwLPOPu-eQH3e71EovD26N3LeYk10EeEpDmwv-CWF4YYrD7jdduRVlSlgLKY46EyFrkUM-Zqtlql6J8ooo21omlZLr9ZHUTjKe8cmOKpQaeajKfKhiSIbxT7GnL1FRJJPlkaZqt77/s320/folder-sukses.png" title="Membuat Folder Menggunakan PHP" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Folder Berhasil Dibuat</td></tr>
</tbody></table>
<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/AVvXsEg4DaZEMlmYyKZ48JpHCBch-Bx2b2LtrKdSvyjzTxmoj8qf1-AGFD23vSaQdpu9TV7fP1SJr-MFShlVFH-_tK3gaTW0y1jgP2Zl_Dn5yEESxd4sqUulWoZ1dgsbApDCfduRdflNi3ghxf0w/s1600/folder+sukses.png" style="margin-left: auto; margin-right: auto;"><img alt="Membuat Folder Menggunakan PHP" border="0" height="61" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4DaZEMlmYyKZ48JpHCBch-Bx2b2LtrKdSvyjzTxmoj8qf1-AGFD23vSaQdpu9TV7fP1SJr-MFShlVFH-_tK3gaTW0y1jgP2Zl_Dn5yEESxd4sqUulWoZ1dgsbApDCfduRdflNi3ghxf0w/s320/folder+sukses.png" title="Membuat Folder Menggunakan PHP" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tampilan Folder Baru Pada Hardisk</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Oke, semoga berhasil!!!<br />
Jangan sungkan untuk bertanya :) </div>
</p>

Direktory atau biasa kita sebut dengan folder merupakan sebuah lokasi pada hardisk yang dapat di isi oleh file atau folder lainnya. Dala...

Menampilkan Fitur Image Loading Blog / Website ( Tutorial )

<p><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr"><b><i><span style="font-size: large;">Cara mudah menampilkan efek loading di blog</span></i></b> - bagi sebagian jenis blog misalnya blog toko online, blog wallpaper atau yang lainnya, <a href="http://www.tutorialkeren.com/2016/06/menampilkan-fitur-image-loading-keren-blog.html"><b>efek loading</b> <b>keren</b></a> pada blog dapat memberikan kesan yang menarik bagi orang yang membukanya.</div><div dir="ltr"><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiityGbEM071BZWVuDU9k_cQ_RrLc6d8xmbzKWw-NZjr5KvTHmA1FwFg96KiJv8zV6xXbZqO2eSxJG0Ejxpnborya7A5A8WsLPnLuK6Lfh9CxoVNzi1e-nIy3gbWdZzJEaP313LTXA00d0/s1600/Logo_Fitur_fondo_blanco.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiityGbEM071BZWVuDU9k_cQ_RrLc6d8xmbzKWw-NZjr5KvTHmA1FwFg96KiJv8zV6xXbZqO2eSxJG0Ejxpnborya7A5A8WsLPnLuK6Lfh9CxoVNzi1e-nIy3gbWdZzJEaP313LTXA00d0/s320/Logo_Fitur_fondo_blanco.jpg" width="320" /></a></div></div><div dir="ltr">Akan tetapi perlu anda ketahui bahwa sebagian efek loading ada juga yang sifatnya malah memberatkan loading halaman blog.<br /><br /></div><div dir="ltr">Tak perlu khawatir...!<br /><br /></div><div dir="ltr">Karena disini Blog Penting akan mengulas <a href="http://www.tutorialkeren.com/2016/06/menampilkan-fitur-image-loading-keren-blog.html">cara <b>membuat efek loading</b></a> yang tentunya tidak akan memberatkan Loading Blog anda<br /><br /></div><div dir="ltr"><b>Berikut Langkah-Langkah Menampilkan Fitur Loading Blog</b> :<br /><br /></div><div dir="ltr">1.Silahkan letakkan kode berikut ini diatas kode <i><b></body></b></i><br /><i><br /></i></div><div dir="ltr"><blockquote class="tr_bq"><script type='text/javascript'><br />//<![CDATA[<br />$(document.body).append('<div id="page-loader"></div>');<br />$(window).on("beforeunload", function() {<br />$('#page-loader').fadeIn(1000).delay(8000).fadeOut(1000);<br />});<br />//]]><br /></script><br />2.Selanjutnya masukkan kode berikut ini ke <i>]]></b:skin></i>page-loader {<br />position:fixed !important;<br />position:absolute;<br />top:0;<br />right:0;<br />bottom:0;<br />left:0;<br />z-index:999999;<br />background:#000url("<span style="color: red;">URL IMAGE</span>") no-repeat 50% 50%;<br />padding:1em 1.2em;<br />display:none<br />}</blockquote></div><div dir="ltr">3.Dan berikut ini beberapa animasi loading yang bisa anda pilih, Kemudian pastekan url nya pada URL IMAGE pada kode diatas</div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihcHfw3J3X4yHwt8nNlOEWvl-6tSU7211aOVdpClxnkgXT7w1n5x8q8UtbZ78M9svbSQtkAGhZJLEiun-41BVytunZ3wgDaqInZ12cjw7vy8qlAZf3GzGiOonQ0VsRu4qTn1SKjUfmfUnF/s1600/Loading2.GIF" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihcHfw3J3X4yHwt8nNlOEWvl-6tSU7211aOVdpClxnkgXT7w1n5x8q8UtbZ78M9svbSQtkAGhZJLEiun-41BVytunZ3wgDaqInZ12cjw7vy8qlAZf3GzGiOonQ0VsRu4qTn1SKjUfmfUnF/s1600/Loading2.GIF"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihcHfw3J3X4yHwt8nNlOEWvl-6tSU7211aOVdpClxnkgXT7w1n5x8q8UtbZ78M9svbSQtkAGhZJLEiun-41BVytunZ3wgDaqInZ12cjw7vy8qlAZf3GzGiOonQ0VsRu4qTn1SKjUfmfUnF/s1600/Loading2.GIF">https://4.bp.blogspot.com/-7FD-JrZ2...wb8UUcsgKPrefKb6ujduRACLcB/s1600/Loading2.GIF</a></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbFXA7D1_XO2oWe7IPTwSWWd4KCECiL3_s5v1jf1MCm8Q2Wz_ENU6k5fvFrIf5ng6wXG0Y0bHkg0LfZ5VBPkcJTj3HMWVO3viXGHMUQxqszilXjdTY1l2QZ_1Orv3P61m7ZHip-rs1Q6hT/s200/InternetSlowdown_Day.gif" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbFXA7D1_XO2oWe7IPTwSWWd4KCECiL3_s5v1jf1MCm8Q2Wz_ENU6k5fvFrIf5ng6wXG0Y0bHkg0LfZ5VBPkcJTj3HMWVO3viXGHMUQxqszilXjdTY1l2QZ_1Orv3P61m7ZHip-rs1Q6hT/s1600/InternetSlowdown_Day.gif"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbFXA7D1_XO2oWe7IPTwSWWd4KCECiL3_s5v1jf1MCm8Q2Wz_ENU6k5fvFrIf5ng6wXG0Y0bHkg0LfZ5VBPkcJTj3HMWVO3viXGHMUQxqszilXjdTY1l2QZ_1Orv3P61m7ZHip-rs1Q6hT/s1600/InternetSlowdown_Day.gif">https://3.bp.blogspot.com/-ci-R3V93...LNnaeTy0iwCKgB/s1600/InternetSlowdown_Day.gif</a></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOARQceZh5ixoR272pj8L9bwL_Db2DI_jL_QsCoj_CYueNgLeTIBA_pwhjLgrPTzB5g_QKZc19JnlpN8K10SVFpFATOtPn42pMp4Lvcow1jgg_r75YWIw_5HwOC1O1_V5npPJziLW4g3PL/s1600/Loading1.GIF" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOARQceZh5ixoR272pj8L9bwL_Db2DI_jL_QsCoj_CYueNgLeTIBA_pwhjLgrPTzB5g_QKZc19JnlpN8K10SVFpFATOtPn42pMp4Lvcow1jgg_r75YWIw_5HwOC1O1_V5npPJziLW4g3PL/s1600/Loading1.GIF"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOARQceZh5ixoR272pj8L9bwL_Db2DI_jL_QsCoj_CYueNgLeTIBA_pwhjLgrPTzB5g_QKZc19JnlpN8K10SVFpFATOtPn42pMp4Lvcow1jgg_r75YWIw_5HwOC1O1_V5npPJziLW4g3PL/s1600/Loading1.GIF">https://1.bp.blogspot.com/-yN2jdcig...OChvYLtWM_FASWmkdK82gACKgB/s1600/Loading1.GIF</a><br /><br /><br /><br /></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFeGcC_Mm7uSPyUFWQ-ptGAolaRYG9je-x7PrTX3AAksUad9FW8eRnL13BxmVbOI2ExEbnuBgDFcCXkeq8wSwbsWkbtUroC4HOTxa6yDrJJJmucej0Lp4FIQfzWWsoKSu4yOVUDbrjjEgg/s1600/loading7+%25281%2529.gif" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFeGcC_Mm7uSPyUFWQ-ptGAolaRYG9je-x7PrTX3AAksUad9FW8eRnL13BxmVbOI2ExEbnuBgDFcCXkeq8wSwbsWkbtUroC4HOTxa6yDrJJJmucej0Lp4FIQfzWWsoKSu4yOVUDbrjjEgg/s1600/loading7+%25281%2529.gif"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFeGcC_Mm7uSPyUFWQ-ptGAolaRYG9je-x7PrTX3AAksUad9FW8eRnL13BxmVbOI2ExEbnuBgDFcCXkeq8wSwbsWkbtUroC4HOTxa6yDrJJJmucej0Lp4FIQfzWWsoKSu4yOVUDbrjjEgg/s1600/loading7+%25281%2529.gif">https://1.bp.blogspot.com/-Nd_jokmD...4q0wOVLL4wTGjwCKgB/s1600/loading7+%281%29.gif</a><br /><br /><br /><br /></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjPJrwZwTP0ue-XyU4bRDnZ57MY5LNVOZ_iVRdL5KYa4W7QuRFZWsywn4JmSXBfaC_SkxzQV94CluR0fo9DTOewh7WSrEAcTcJcdwIoWg1rQ9Kz9P4Jp3zvONlDHqjSDvH1LXlGKZAGQwg/s1600/Loading4.GIF" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjPJrwZwTP0ue-XyU4bRDnZ57MY5LNVOZ_iVRdL5KYa4W7QuRFZWsywn4JmSXBfaC_SkxzQV94CluR0fo9DTOewh7WSrEAcTcJcdwIoWg1rQ9Kz9P4Jp3zvONlDHqjSDvH1LXlGKZAGQwg/s1600/Loading4.GIF"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjPJrwZwTP0ue-XyU4bRDnZ57MY5LNVOZ_iVRdL5KYa4W7QuRFZWsywn4JmSXBfaC_SkxzQV94CluR0fo9DTOewh7WSrEAcTcJcdwIoWg1rQ9Kz9P4Jp3zvONlDHqjSDvH1LXlGKZAGQwg/s1600/Loading4.GIF">https://1.bp.blogspot.com/-PbxLnf7-...qoz78B4EP1IanyKjf4VLTwCKgB/s1600/Loading4.GIF</a><br /><br /></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIA4duV920oejCBarvITcI8bUkw8F5CRpDcEjq6dBy9ih5x9F1NPXvmkGVuFrkuyTBBtt19pQdAQcsId0xvgk0iQuB_tt7W49me1lGJX2OyZv_OWIPmfw8Me4a9IpliNHdnPG86c6iVqkp/s1600/loading3+%25281%2529.gif" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIA4duV920oejCBarvITcI8bUkw8F5CRpDcEjq6dBy9ih5x9F1NPXvmkGVuFrkuyTBBtt19pQdAQcsId0xvgk0iQuB_tt7W49me1lGJX2OyZv_OWIPmfw8Me4a9IpliNHdnPG86c6iVqkp/s1600/loading3+%25281%2529.gif"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIA4duV920oejCBarvITcI8bUkw8F5CRpDcEjq6dBy9ih5x9F1NPXvmkGVuFrkuyTBBtt19pQdAQcsId0xvgk0iQuB_tt7W49me1lGJX2OyZv_OWIPmfw8Me4a9IpliNHdnPG86c6iVqkp/s1600/loading3+%25281%2529.gif">https://3.bp.blogspot.com/-jWXlSXxo...klPlurMDtt7DwACKgB/s1600/loading3+%281%29.gif</a><br /><br /><br /><br /></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMgpfDhNB_3NWDNTI2Id-ynZzOSONbXUOGX0qwTWVwuD8bPCLDvgDroimJ99w4POoceA4D_QtGf_ue2kSZCLB6RHmSMpHVQM8lzvA6offqS4NcAjs6neyjj_RqfRMCHfzdnGuycYyom79z/s1600/Loading8.GIF" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMgpfDhNB_3NWDNTI2Id-ynZzOSONbXUOGX0qwTWVwuD8bPCLDvgDroimJ99w4POoceA4D_QtGf_ue2kSZCLB6RHmSMpHVQM8lzvA6offqS4NcAjs6neyjj_RqfRMCHfzdnGuycYyom79z/s1600/Loading8.GIF"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMgpfDhNB_3NWDNTI2Id-ynZzOSONbXUOGX0qwTWVwuD8bPCLDvgDroimJ99w4POoceA4D_QtGf_ue2kSZCLB6RHmSMpHVQM8lzvA6offqS4NcAjs6neyjj_RqfRMCHfzdnGuycYyom79z/s1600/Loading8.GIF">https://2.bp.blogspot.com/-9Lr06M2D...bjsL2l_rbbPUt9tBlLc06gCKgB/s1600/Loading8.GIF</a><br /><br /><br /></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio2fklzSu-4NOSun3msQ811ejgfIGPAqGDOTKeufK74yWkz11hlk34Ns8I-NdgarjhJFDXqZNfONSmcWqOaWpNN3dR0VzhiyLTjIW1dqvb6VSazQCPhxPpz-v3sCx__ziW5HVGUE6FCE8P/s1600/loading9+%25281%2529.gif" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio2fklzSu-4NOSun3msQ811ejgfIGPAqGDOTKeufK74yWkz11hlk34Ns8I-NdgarjhJFDXqZNfONSmcWqOaWpNN3dR0VzhiyLTjIW1dqvb6VSazQCPhxPpz-v3sCx__ziW5HVGUE6FCE8P/s1600/loading9+%25281%2529.gif"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio2fklzSu-4NOSun3msQ811ejgfIGPAqGDOTKeufK74yWkz11hlk34Ns8I-NdgarjhJFDXqZNfONSmcWqOaWpNN3dR0VzhiyLTjIW1dqvb6VSazQCPhxPpz-v3sCx__ziW5HVGUE6FCE8P/s1600/loading9+%25281%2529.gif">https://3.bp.blogspot.com/-f71URg2c...DMIRhzJHcSNkowCKgB/s1600/loading9+%281%29.gif</a><br /><br /><br /><br /></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0AsY7PBtyFv66OiZOsKMLpDBg93V8gamxjDdE_daE_xHvRVJuM7cMIFyXsy2k4uLzXl1E16Ae8K9m6TrW5oTzuXEHkfkaST8VnJyYYuYPsZSCYHMljK4msQ35tmYgy7WeRTQL0DY0YfP/s1600/Loading3.GIF" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0AsY7PBtyFv66OiZOsKMLpDBg93V8gamxjDdE_daE_xHvRVJuM7cMIFyXsy2k4uLzXl1E16Ae8K9m6TrW5oTzuXEHkfkaST8VnJyYYuYPsZSCYHMljK4msQ35tmYgy7WeRTQL0DY0YfP/s1600/Loading3.GIF"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0AsY7PBtyFv66OiZOsKMLpDBg93V8gamxjDdE_daE_xHvRVJuM7cMIFyXsy2k4uLzXl1E16Ae8K9m6TrW5oTzuXEHkfkaST8VnJyYYuYPsZSCYHMljK4msQ35tmYgy7WeRTQL0DY0YfP/s1600/Loading3.GIF">https://4.bp.blogspot.com/-bysBmW2Z...uaY-bH8TWZzd-0Qf2y6FEACKgB/s1600/Loading3.GIF</a><br /><br /><br /><br /></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCERZaTsEXRyhHQv2l3IORBjQTFrCpdWRgcUfJXxYBUtHyIWq8LJAtLC7_fM6i4ISFrK_UjjIztAzImY7J-bPuniiNwrgqI7w2Bv6vvxIASDUaDYVQsHyPxoVkCUslK8o3JwK0jCXdhDvQ/s1600/Loading6.GIF" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCERZaTsEXRyhHQv2l3IORBjQTFrCpdWRgcUfJXxYBUtHyIWq8LJAtLC7_fM6i4ISFrK_UjjIztAzImY7J-bPuniiNwrgqI7w2Bv6vvxIASDUaDYVQsHyPxoVkCUslK8o3JwK0jCXdhDvQ/s1600/Loading6.GIF"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCERZaTsEXRyhHQv2l3IORBjQTFrCpdWRgcUfJXxYBUtHyIWq8LJAtLC7_fM6i4ISFrK_UjjIztAzImY7J-bPuniiNwrgqI7w2Bv6vvxIASDUaDYVQsHyPxoVkCUslK8o3JwK0jCXdhDvQ/s1600/Loading6.GIF">https://2.bp.blogspot.com/-HU3qFwQS...Ksk9csBIrAyMJk1X1bodlwCKgB/s1600/Loading6.GIF</a><br /><br /><br /><br /></div><div dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8eOU-PAcXMalIZz9c_R8vOyW7qCXG50zGnIdYU2z1R-Ailxjnlh93sQ3KEymKMYbvMj4AF1hwMHM1b1nleqCndjew2TU0gjqq4R56Wfha6nSU_Y1a5__vy65Z0YT2HnGjyX87SE55QDIo/s1600/Loading5.GIF" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8eOU-PAcXMalIZz9c_R8vOyW7qCXG50zGnIdYU2z1R-Ailxjnlh93sQ3KEymKMYbvMj4AF1hwMHM1b1nleqCndjew2TU0gjqq4R56Wfha6nSU_Y1a5__vy65Z0YT2HnGjyX87SE55QDIo/s1600/Loading5.GIF"></a></div><div dir="ltr"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8eOU-PAcXMalIZz9c_R8vOyW7qCXG50zGnIdYU2z1R-Ailxjnlh93sQ3KEymKMYbvMj4AF1hwMHM1b1nleqCndjew2TU0gjqq4R56Wfha6nSU_Y1a5__vy65Z0YT2HnGjyX87SE55QDIo/s1600/Loading5.GIF">https://4.bp.blogspot.com/-HMZgi_8w...MwsrMZIXSUCEab8AVgzpRACKgB/s1600/Loading5.GIF</a><br /><br /></div><div dir="ltr">4.Selesai, Selanjutnya simpan template anda</div><div dir="ltr">Demikianlah artikel <b><a href="http://www.tutorialkeren.com/2016/06/menampilkan-fitur-image-loading-keren-blog.html">Cara Menampilkan Efek Loading di Blog</a></b> semoga bermanfaat, dan</div><div dir="ltr">Jangan lupa untuk berkunjung kembali ke "Tutorial Keren" untuk mendapatkan informasi-informasi </div><div dir="ltr"></div></div></p>

Cara mudah menampilkan efek loading di blog - bagi sebagian jenis blog misalnya blog toko online, blog wallpaper atau yang lainnya, efek l...

Cara Phrarse Script Html pada Posting Blog

</center>
<div style="text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiS1OlaIEOgIvxZhUK7hTyoXNxG-CIgtZAGna55uF86Zr5BdTYdaQcEeAswBwb6YBBL2-8lDShG9MABsZhcHebwVyc2ie8DXlq9mfIW0Rx2jM1ZGQ2ezgNMYAFDURN5yHPhyA-wAwnjrBL/s1600/HTML+icon.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://sun3daily.blogspot.com/2014/09/cara-phrarse-script-html-pada-posting.html" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiS1OlaIEOgIvxZhUK7hTyoXNxG-CIgtZAGna55uF86Zr5BdTYdaQcEeAswBwb6YBBL2-8lDShG9MABsZhcHebwVyc2ie8DXlq9mfIW0Rx2jM1ZGQ2ezgNMYAFDURN5yHPhyA-wAwnjrBL/s200/HTML+icon.png" title="Tool Pharse HTML" width="150" /></a></div>
Kami yakin Anda pernah mengalami kesulitan dalam menulis script pada 
postingan blog, terkadang script yang kita paste pada postingan tidak 
sesuai yang kita tulis di word atau notepad. Bagaimana cara menulis 
script agar terlihat ketika kita publikasikan posting?<br />
<br />
Berikut langkah-langkah cara menulis script pada posting blog dengan cara men-parse script terlebih dahulu :<br />
<br />
<br />
1. Paste script pada kotak dibawah ini :
<br />
<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&up_grows=10&up_conv1=1&up_conv2=1&up_conv3=1&up_conv4=1&up_conv5=1&synd=open&w=468&h=250&title=Post-Code%3A+code+converter&border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&output=js"><br /></script>

2. Kemudian kalau sudah, klik 'Convert'.<br />
3. Setelah itu copy paste script yang telah di convert pada postingan dan posting berada pada mode 'HTML' bukan 'Compose'.<br />
<br />
Untuk memasang widget diatas baca artikel cara memasang tool parse HTML.
 Selain dengan cara men-parse script seperti cara diatas, kita juga bisa
 menggunakan fasilitas yang disediakan oleh blogger. Berikut simak 
langkah-langkahnya:<br />
<br />
1. Login akun blogger Anda.<br />
2. Masuk pada halaman posting/entri.<br />
3. Kemudian pada menu 'Setelan entri' (kanan posting). Klik 'Pilihan'.
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQrhJ9Z1GCSmF36OfhIrWHTIZQDIznkPf9SnNHghT6eXTcRga6b4_2FMQjez5MBnkHP4lke058sNIR_Z-K-hLsH37GKtKQH7eyjvj9428xZ1Xx8yrm-vr2BCZZMOu7KSHvASppYym7dHHc/s1600/1.gif" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQrhJ9Z1GCSmF36OfhIrWHTIZQDIznkPf9SnNHghT6eXTcRga6b4_2FMQjez5MBnkHP4lke058sNIR_Z-K-hLsH37GKtKQH7eyjvj9428xZ1Xx8yrm-vr2BCZZMOu7KSHvASppYym7dHHc/s200/1.gif" width="177" /></a></div>
4. Selanjutnya centang 'Tunjukkan HTML apa adanya', klik 'Selesai'.
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9xusmXK-ZPwvOdCu9rIGQmTocFgpcEU4_BWNFtpwUW3rfPgZUVrGyBAu0cNucFbkEsBoWsgivHK4FnBM5NN4Cg5rr1k4xcWkLRRRWyog9d_8TQmWFiR5tiQUwrIzHfL-1SNreVKZbpQuc/s1600/2.gif" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9xusmXK-ZPwvOdCu9rIGQmTocFgpcEU4_BWNFtpwUW3rfPgZUVrGyBAu0cNucFbkEsBoWsgivHK4FnBM5NN4Cg5rr1k4xcWkLRRRWyog9d_8TQmWFiR5tiQUwrIzHfL-1SNreVKZbpQuc/s200/2.gif" width="182" /></a></div>
5. Setelah itu script bisa Anda tulis di posting dengan mode 'Compose' dan bukan 'HTML'.<br />
<br />
Nah, cukup mudahkah cara menulis script pada posting blog, kami yakin Anda tidak akan merasa kesulitan.

</div>
</div>
</div>
</p>

Kami yakin Anda pernah mengalami kesulitan dalam menulis script pada postingan blog, terkadang script yang kita paste ...

Cara Pasang Share Lengkap di Bawah Posting Blogger

<p><div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-U7SrY9t45-inx9HE5HZRz1mhm_XM6eU8os6q_aTK5bnN9l3zYb20vz0lXgqYcLK_JKO33Pl_7UC38fm5vxkiA2BP_0pu_NU_U6yYHszUhs_lWB9kzEdTZwU2AIUttoKz-gy6dDkl_AR-/s1600/Cara+Pasang+Share+lengkap+di+bawah+posting+blogger.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt=" langkah langkah pasang widget share dibawah posting blogger" border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-U7SrY9t45-inx9HE5HZRz1mhm_XM6eU8os6q_aTK5bnN9l3zYb20vz0lXgqYcLK_JKO33Pl_7UC38fm5vxkiA2BP_0pu_NU_U6yYHszUhs_lWB9kzEdTZwU2AIUttoKz-gy6dDkl_AR-/s400/Cara+Pasang+Share+lengkap+di+bawah+posting+blogger.PNG" title="Cara Pasang widget ShareThis Lengkap di Bawah Posting Blogger " width="400" /></a></div>
<br />
Oke langsung saja ikuti<a href="http://sun32len.blogspot.com/2014/04/cara-pasang-share-lengkap-di-bawah.html" target="_blank"> <i>langkah langkah pasang widget share dibawah posting blogger</i></a> seperti berikut :<br />
<ul>
<li><div>
Karena judulnya pada <a href="http://toyiq.blogspot.com/" target="_blank">blogger</a> tentu yang sobat harus masuk ke akun blogger sobat dulu.</div>
</li>
<li>Kalau sudah masuk kemudian lanjutkan ke <b>Tamplate</b> dan buka <b>edit HTML</b>.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf8SwvZ8IQHjOn2qKtvuYzE2PbDCmABeEdUcIuyjt37lwTbgIr-doXLa_ZjykV5EhKD4oyCDLqXfp3hSKsUTAbGhUocDmdAylgD907811JPuFz_7vA3CUOMO0-cZeS77ZaIpcZDPkgUkYW/s1600/Cara+Pasang+Share+lengkap+di+bawah+posting+blogger.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt=" langkah langkah pasang widget share dibawah posting blogger edit  html" border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf8SwvZ8IQHjOn2qKtvuYzE2PbDCmABeEdUcIuyjt37lwTbgIr-doXLa_ZjykV5EhKD4oyCDLqXfp3hSKsUTAbGhUocDmdAylgD907811JPuFz_7vA3CUOMO0-cZeS77ZaIpcZDPkgUkYW/s400/Cara+Pasang+Share+lengkap+di+bawah+posting+blogger.PNG" title="Cara Pasang widget ShareThis Lengkap di Bawah Posting Blogger " width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<br />
<ul>
<li>Selanjutnya centang <b>expand widget</b> untuk memasang widget share. </li>
<li>Lalu cari kode <b><data:post .body=""></data:post></b> , yang ada dalam kolom tersebut. Agar lebih mudah gunakan <b>CTR + F</b> dan masukkan kode <b><data:post .body=""></data:post></b> yang ingin dicari sobat tadi.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIAMoAxudLL2WrBWsF71LFc9CZP-rCGSyG_K92yswGWjb1ljM0A9ORcbfRolfP1Th7AxnNGXYLXMoMLa6nCKZ64Me-1E6-vfZGZe0tJfV46toW1N6hyphenhyphenu8Drx-1RvjVnWZHCjBUpjI6YLCy/s1600/Cara+Pasang+Share+lengkap+di+bawah+posting+blogger.PNG" style="margin-left: 1em; margin-right: 1em;"><img alt=" langkah langkah pasang widget share dibawah posting blogger expand widget" border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIAMoAxudLL2WrBWsF71LFc9CZP-rCGSyG_K92yswGWjb1ljM0A9ORcbfRolfP1Th7AxnNGXYLXMoMLa6nCKZ64Me-1E6-vfZGZe0tJfV46toW1N6hyphenhyphenu8Drx-1RvjVnWZHCjBUpjI6YLCy/s400/Cara+Pasang+Share+lengkap+di+bawah+posting+blogger.PNG" title="Cara Pasang widget ShareThis Lengkap di Bawah Posting Blogger " width="400" /></a></div>
<br />
<ul>
<li>Karena ada beberapa kode yang sama usahakan cari kode <b><data:post .body=""></data:post></b> yang kedua lalu coba copy all script di bawah ini dan pastekan tepat dibawah kode  <b><data:post .body=""></data:post></b>. </li>
</ul>
<center>
<textarea cols="55" name="code" rows="10"> <div class='sharethis_toolbox addthis_default_style '>
<b>Share On:</b> <span class='st_fblike_hcount'  displayText='Facebook Like'/> <span class='st_facebook_hcount'  displayText='Facebook'/> <span class='st_twitter_hcount'  displayText='Tweet'/> <span class='st_googleplus_hcount'  displayText='Google +'/> <center>
<span class='st_tumblr_large' displayText='Tumblr'/> <span  class='st_digg_large' displayText='Digg'/> <span  class='st_linkedin_large' displayText='LinkedIn'/> <span  class='st_stumbleupon_large' displayText='StumbleUpon'/> <span  class='st_pinterest_large' displayText='Pinterest'/> <span  class='st_technorati_large' displayText='Technorati'/> <span  class='st_sharethis_large' displayText='ShareThis'/></center>
</div>
<script type='text/javascript'>var  switchTo5x=false;</script> <script  src='http://w.sharethis.com/button/buttons.js'  type='text/javascript'/> <script  type='text/javascript'>stLight.options({publisher:  "b9f38387-a316-49bb-b119-fec472075cf9"});</script>