Taufan Blog: Blogging

Jasa Pembuatan Aplikasi Android untuk Wordpress Gratis

<div style="text-align: justify;">
<a class="center" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn6WO-GiYjnNzeXJx13rWn0YIodjiQKM8ahfPscwZIms0prjh-hC7DP5BXcsU4D4qokuN9zklwSLsHQttb0zz91DCoqU09zpSVMg7dxaz7jxkw8NPdKXepgAb6qbb30I9fYo0KlP0oFmI/s1600/cover+ads.png">
<img height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn6WO-GiYjnNzeXJx13rWn0YIodjiQKM8ahfPscwZIms0prjh-hC7DP5BXcsU4D4qokuN9zklwSLsHQttb0zz91DCoqU09zpSVMg7dxaz7jxkw8NPdKXepgAb6qbb30I9fYo0KlP0oFmI/s640/cover+ads.png" width="640" />
</a>
<br />
<br />
Sudah lama sekali blog ini tak terurus dikarenakan berbagai hal yang saya alami, tapi jangan sedih karena mulai sekarang saya akan memulai sesuatu yang baru pada blog pertama saya ini. Penasaran? Yuk simak postingan ini.<br />
<br />
Perkembangan teknologi sangatlah pesat, jika dulu untuk mengakses internet kita lebih suka menggunakan komputer namun sekarang kebanyakan pengguna internet adalah pengguna mobile atau lebih banyak yang menggunakan smartphone untuk mengakses internet. Mengakses internet menggunakan smartphone memberikan kita banyak kemudahan dibandingkan dengan komputer, smartphone jelas lebih praktis, mudah dibawa, dan tidak memakan banyak tempat.<br />
<br />
Selain itu banyak juga media sosial yang mulai membuat websitenya agar lebih mudah diakses melalu smartphone, salah satunya yaitu facebook dan twitter. Untuk menggunakan layanan media sosial tersebut kita tidak perlu membuka browser, kita hanya butuh menginstall apliksasi yang sudah disediakan pada smartphone yang kita miliki.<br />
<br />
Penggunaan aplikasi mobile untuk website bisa menjadi strategi terbaru untuk mengenalkan dan menambah pengunjung blog atau website yang kita miliki, karena seperti yang saya bilang tadi pengguna internet sudah didominasi oleh pengguna mobile atau smartphone.<br />
<br />
Nah pada kesempatan kali ini saya akan menawarkan jasa pembuatan aplikasi Android untuk blog Wordpress secara gratis tanpa biaya sepeserpun :D . Oke berikut ini tampilan dan fitur aplikasi Android yang saya tawarkan :<br />
<br />
<div id="flippy">
<button>Screenshot</button></div>
<div id="flippanel">
<a class="center" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja9oYSrJF6c23oTaQ0gh_p4layfDXmwZtYuXD8Km8X6if_d08cNRG9eaEpxmqaAsJrKrcg0h3VyGrmkCFZA2xJSz3p0sREQmHInbeGBO0Xu43NGkwd_0PQkYtxVLzc_SfnEg_stUgewfQ/h120/aplikasi+android+untuk+wordpress.PNG">
<img height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja9oYSrJF6c23oTaQ0gh_p4layfDXmwZtYuXD8Km8X6if_d08cNRG9eaEpxmqaAsJrKrcg0h3VyGrmkCFZA2xJSz3p0sREQmHInbeGBO0Xu43NGkwd_0PQkYtxVLzc_SfnEg_stUgewfQ/h120/aplikasi+android+untuk+wordpress.PNG" width="640" />
</a>
<a class="center" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBilmPB5d487JtRzmetueTYvYW4yC1zlsB2lxs77Ewg2W0GDtbFN2GztrMzE4exlYk30GKCZ7kGWbyDXbafSa72St9LTnfn_SkLXXwhM2faMGtAYp-NvZjoHC-e2Vupq7GZsvUmKgazlw/h120/aplikasi+android+untuk+wordpress2.PNG">
<img height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBilmPB5d487JtRzmetueTYvYW4yC1zlsB2lxs77Ewg2W0GDtbFN2GztrMzE4exlYk30GKCZ7kGWbyDXbafSa72St9LTnfn_SkLXXwhM2faMGtAYp-NvZjoHC-e2Vupq7GZsvUmKgazlw/h120/aplikasi+android+untuk+wordpress2.PNG" width="640" />
</a>
</div>
<br />
<br />
<h3>
Fitur aplikasi :</h3>
<br />
<ul>
<li>Material Design</li>
<li>Navigation Drawer</li>
<li>Share Button</li>
<li>Refresh Button</li>
<li>Favorite Button</li>
<li>And more</li>
</ul>
<div>
Bagaimana untuk mendapatkan aplikasi Android ini secara gratis?</div>
<div>
Bagi sobat yang berminat ingin membuat aplikasi Android untuk Blog Wordpress bisa mendapatkan aplikasi ini secara gratis dengan memenuhi beberapa syarat berikut ini :</div>
<div>
<ol>
<li>Like fanspage <div class="fb-like" data-action="like" data-href="https://facebook.com/tfhm29" data-layout="standard" data-share="true" data-show-faces="false">
</div></li>
<li>Follow twitter <a class="twitter-follow-button" href="https://twitter.com/tfhm29 ">
Follow @tfhm29</a></li>
<li>Jika sudah <b>follow</b> dan <b>Like</b>, silahkan isi form pada link berikut ini : <a href="http://goo.gl/forms/Mi7XJ2WM6T" target="_blank">Form Pembuatan Aplikasi Android untuk Wordpress Gratis</a></li>
<li>Blog yang didaftarkan tidak mengandung unsur sara, pornografi dan hal-hal yang melanggar hukum.</li>
<li>Tunggu beberapa hari, harap bersabar. Apabila pembuatan aplikasi sudah selesai maka saya akan kirimkan ke email sobat, jadi pastikan email yang sobat daftarkan masih aktif.</li>
</ol>
<div>
<br />
<div id="wrap">
<a class="btn-slide" href="http://jembertekno.cf/" target="_blank"><br />
<span class="circle"><i class="fa fa-rocket"></i></span><br />
<span class="title">Demo</span><br />
<span class="title-hover">Wordpress</span><br />
</a><br />
<a class="btn-slide2" href="https://userscloud.com/7yz0zbptoma7" target="_blank"><br />
<span class="circle2"><i class="fa fa-download"></i></span><br />
<span class="title2">Demo</span><br />
<span class="title-hover2">Android</span><br />
</a></div>
<div style="clear: both;">
</div>
</div>
</div>
</div>

Jasa Pembuatan Aplikasi Android untuk Wordpress Gratis

Sudah lama sekali blog ini tak terurus dikarenakan berbagai hal yang saya alami, tapi jangan sedih karena mulai sekarang saya akan memulai sesuatu yang baru pada blog pertama saya ini. Penasaran? Yuk…

Cara Membuat Tombol Download Menggunakan Icon Font Awesome

<div style="text-align: justify;">
Selamat hari minggu sobat.. Sudah lama tidak posting di blog ini maklum lagi bikin blog baru. Apa kabar sob? Nah pada kesempatan ini saya bagikan tutoria <b>Cara Membuat Tombol Download Menggunakan Icon Font Awesome</b>. Untuk melihat previewnya <a href="http://adf.ly/snRpQ" target="_blank" title="Live Demo">klik disini</a>.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUstOpUzWYmVbNffX35Ys2jReLfHBJMOcd0M21x87y22AvxkC5sX-DDbayZmCvei0x6uNqWp9tbaXgxqb8zOMjRtJKq7rU6rmKETYrOsEQUWKY4z_J7z7jvhdQUVlKmgaBriZK4S720H8/s1600/butn.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Tombol Download Menggunakan Icon Font Awesome" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUstOpUzWYmVbNffX35Ys2jReLfHBJMOcd0M21x87y22AvxkC5sX-DDbayZmCvei0x6uNqWp9tbaXgxqb8zOMjRtJKq7rU6rmKETYrOsEQUWKY4z_J7z7jvhdQUVlKmgaBriZK4S720H8/s1600/butn.png" title="Cara Membuat Tombol Download Menggunakan Icon Font Awesome" /></a></div>
<br />
<div style="text-align: left;">
Berikut tutorialnya :</div>
<div style="text-align: left;">
1. Silahkan masuk ke <b>Edit HTML</b>. kemudian paste kode berikut sebelum kode <code></head></code></div>
</div>
<pre><div style="text-align: left;">
 <link href='path/to/font-awesome/css/font-awesome.min.css' rel='stylesheet'/></pre><br />
2. Kemudian paste CSS berikut tepat sebelum kode  <code>]]></b:skin></code><br />
<pre>.button2{
float:left;
list-style:none;
text-align:center;
width: 100%;
margin:5px 0;
padding:0;
font-size:25px;
clear:both;
}
.button2 ul {
margin:0;padding:0
}
.button2 li{
display:inline;
margin:0;
padding:0
}
.windows {
border: none;border-radius:2px;
padding: 8px 19px !important; 
background: #22A7F0; 
color: #fff !important;
text-align: center; 
text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
transition: background-color .4s ease-out 0s;
}
.linux {
border: none;border-radius:2px;
padding: 8px 19px !important; 
background: #F27935; 
color: #fff !important;
text-align: center; 
text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
transition: background-color .4s ease-out 0s;
}
.apple {
border: none;border-radius:2px;
padding: 8px 19px !important; 
background: #F7CA18; 
color: #fff !important;
text-align: center; 
text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
transition: background-color .4s ease-out 0s;
}
.windows:hover { 
background: #454242;
text-decoration:none 
}
.linux:hover { 
background: #454242;
text-decoration:none 
}
.apple:hover { 
background: #454242;
text-decoration:none 
}
.linux:before { 
content : "\f17c"; 
font-family : FontAwesome; 
font-weight : normal; 
padding :11px 11px 9px !important; 
background : #E67E22; 
margin-left : -19px; 
margin-right : 6px; 
border-radius : 3px 0 0 3px; 
font-size : 25px; 
}
.windows:before { 
content : "\f17a"; 
font-family : FontAwesome; 
font-weight : normal; 
padding : 11px 11px 9px !important; 
background : #3498DB; 
margin-left : -19px; 
margin-right : 6px; 
border-radius : 3px 0 0 3px; 
font-size : 25px; 
} 
.apple:before { 
content : "\f179"; 
font-family : FontAwesome; 
font-weight : normal; 
padding : 11px 11px 9px !important; 
background : #F9BF3B; 
margin-left : -19px; 
margin-right : 6px; 
border-radius : 3px 0 0 3px; 
font-size : 25px; 
} </pre>
3. Klik <b>Simpan</b><br />
4. Silahkan posting dan masukan kode berikut :<br />
<pre><div style="text-align: center;">
<ul class="button2">
<li><a class="windows" href="http://adf.ly/r4G3G" target="_blank">Windows</a></li>
<li><a class="linux" href="http://adf.ly/r4GTV" target="_blank">Linux</a></li>
<li><a class="apple" href="http://adf.ly/r4GTV" target="_blank">Mac</a></li>
</ul>
</div>
<div class="clear">
</div></pre>
</div>

Cara Membuat Tombol Download Menggunakan Icon Font Awesome

Selamat hari minggu sobat.. Sudah lama tidak posting di blog ini maklum lagi bikin blog baru. Apa kabar sob? Nah pada kesempatan ini saya bagikan tutoria Cara Membuat Tombol Download Menggunakan Icon…

Menyatakan Cinta Menggunakan Blog

<div style="text-align: justify;">
Di hari minggu yang cerah ini, disela-sela kesibukan tugas sekolah. Kali ini saya akan sedikit share tentang <b>Menyatakan Cinta Menggunakan Blog</b>. Pengen mengungkapkan cinta dengan cara yang unik, mungkin cara ini sobat coba. Cara ini juga sangat membantu bagi kalian yang takut untuk menyatakan secara langsung, bagi sobat yang suka malu-malu mungkin ini bisa membantu. Baiklah tak perlu banyak bicara langsung ke tutorialnya.<br />
<br />
<br />
<div style="text-align: center;">
<span style="font-size: large;"> <a href="http://fitrotul-chabibah.blogspot.co.id/" target="_blank" title="My Crazy Love">LIVE DEMO</a></span></div>
</div>
<div style="text-align: justify;">
<br />
<br />
<br /></div>
<div style="text-align: justify;">
1. Silahkan download template nya. <a href="http://adf.ly/UwKrP" target="_blank" title="Download Template Blog Untuk Menyatakan Cinta">|Download|</a><br />
2. Setelah itu buka aku blogger sobat. Lalu buat blog baru.<br />
3. Masuk template, kemudian klik kembali ke template klasik<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyd1Ob7kOlojxNjr2yu9R7eP_iOdDMl2QA0kdPphAss3aGtODDSBu9raioe0HLuslQrxQ3fZz_13E6mOwQkL9v2RzkYMGKiGvVvArT-YKTJoHX5_wOQKbvzI-tfxHikEoxmHmNIe9kphk/s1600/tutorial.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyd1Ob7kOlojxNjr2yu9R7eP_iOdDMl2QA0kdPphAss3aGtODDSBu9raioe0HLuslQrxQ3fZz_13E6mOwQkL9v2RzkYMGKiGvVvArT-YKTJoHX5_wOQKbvzI-tfxHikEoxmHmNIe9kphk/s1600/tutorial.png" title="Blogger" /></a></div>
<br />
4. Lalu copas hasil download tadi ke template blog sobat!<br />
5. Silahkan simpan template. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Saya sudah siapkan tutorial singkat untuk mengedit template tersebut, silahkan sobat download <a href="http://adf.ly/V0Q74" target="_blank" title="Download Tutorial">disini.</a><br />
Oke demikian posting saya, terimakasi atas kunjungan anda.  </div>

Menyatakan Cinta Menggunakan Blog

Di hari minggu yang cerah ini, disela-sela kesibukan tugas sekolah. Kali ini saya akan sedikit share tentang Menyatakan Cinta Menggunakan Blog. Pengen mengungkapkan cinta dengan cara yang unik, mungk…

Cara Membuat Blog Tidak Bisa di CTRL + U

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaHRn6jKGCCYiVXvQKFOV3oKbjucDzWAdAV6duQ9hTFDTJek4l2qKqyiDQfVPRa7Yc5kNQ_JR2aR-_-Sklhu7Nu_78kNPDH4sqnZBC1s2NlVl5FayWsqkiSxPECyESB89fGcpE-lwKrBM/s1600/tutorial.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaHRn6jKGCCYiVXvQKFOV3oKbjucDzWAdAV6duQ9hTFDTJek4l2qKqyiDQfVPRa7Yc5kNQ_JR2aR-_-Sklhu7Nu_78kNPDH4sqnZBC1s2NlVl5FayWsqkiSxPECyESB89fGcpE-lwKrBM/s1600/tutorial.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: small;">Pada tutorial kali ini saya akan share tentang <i>cara membuat blog tidak bisa di ctrl+u </i>. Ini berfungsi untuk mencegah seseorang menjiplak template kia. Oke langsung ke tutorialnya sob.</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. Silahkan masuk ke template --> edit HTML</div>
<div style="text-align: justify;">
2. Kemudian cari kode <head> ! gunakan ctrl+f</div>
<div style="text-align: justify;">
3. Copas kode berikut tepat diatas kode <head><br />
<br />
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy All" /> </div>
<div align="justify">
</div>
<div align="center">
<textarea cols="15" name="txt" rows="50" style="height: 100px; width: 350px;" wrap="VIRTUAL"><script src='https://googledrive.com/host/0B47r2E0bAWKvVEp2dXRsUzA2UjQ' type='text/javascript'/>

4. Kemudian klik simpan template.

Demikian posting saya, semoga bermanfaat bagi Anda semua :D

Cara Membuat Blog Tidak Bisa di CTRL + U

Pada tutorial kali ini saya akan share tentang cara membuat blog tidak bisa di ctrl+u . Ini berfungsi untuk mencegah seseorang menjiplak template kia. Oke langsung ke tutorialnya sob. 1. Silahkan mas…

Cara Membuat Vertical Sliding Info Panel With jQuery

<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXg6ozJWFOpK40FDLoK41Gw3zx71FTp45Yl481ILZGZwUjhodilgMBM7At_2bcZVeCBvPyFhGMlal5HmB_HuLDks87_oRtSeoanPLy0M9dKnUdIXSryew52WSUVvBeyARrB0ULp-TrDT8/s1600/vertikal+sliding.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Vertical Sliding Info With jQuery" border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXg6ozJWFOpK40FDLoK41Gw3zx71FTp45Yl481ILZGZwUjhodilgMBM7At_2bcZVeCBvPyFhGMlal5HmB_HuLDks87_oRtSeoanPLy0M9dKnUdIXSryew52WSUVvBeyARrB0ULp-TrDT8/s400/vertikal+sliding.png" title="Vertical Sliding Info With jQuery" width="400" /></a></div>
<br />
Kali ini saya akan share cara membuat vertical sliding info panel with jQuery.. Oke langsung aja ke tutorialnya sob :D cekidot..</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. Login ke blogger sobat</div>
<div style="text-align: justify;">
2. Masuk ke Template --> Edit HTML</div>
<div style="text-align: justify;">
3. Kemudian cari kode <span style="color: red;">]]></b:skin></span>  gunakan ctrl+F</div>
<div style="text-align: justify;">
4. Lalu copas kode di bawah ini tepat di atas kode <span style="color: red;">]]></b:skin></span></div>
<div style="text-align: justify;">
<br />
<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;">
.panel{position:fixed;top:20px;left:0;background:#000;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border:1px<br />
solid <br />
#940000;width:320px;height:auto;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;display:none;padding:10px<br />
30px 30px 100px}<br />
<br />
.panel p{color:#ffffff;margin:0 0 15px;padding:0}<br />
<br />
.panel a,.panel a:visited{color:#940000;text-decoration:none;border-bottom:1px solid #9FC54E;margin:0;padding:0}<br />
<br />
.panel a:hover,.panel a:visited:hover{color:#fff;text-decoration:none;border-bottom:1px solid #fff;margin:0;padding:0}<br />
<br />
a.trigger{position:fixed;text-decoration:none;top:50px;left:0;font-size:16px;letter-spacing:-1px;font-family:verdana,<br />
helvetica, arial, sans-serif;color:#fff;font-weight:700;background:#333<br />
<br />
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9d0Ruzc3vgQ2TGPmfJB4TOj7iaE5SyzwWk60oYELzZ3FxDrhsUrkbwUnQkL-7E303gqtC1chy9OUotKpuC4BBRdVp_9cPkeuZgI__qa0wceW1Y-853_NIhTDoy3xjLY393bjgew0paoM/)<br />
85% 55% no-repeat;border:2px solid <br />
#940000;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;display:block;padding:10px<br />
35px 10px 10px}<br />
<br />
a.trigger:hover{position:fixed;text-decoration:none;top:50px;left:0;font-size:16px;letter-spacing:-1px;font-family:verdana,<br />
helvetica, arial, sans-serif;color:#fff;font-weight:700;background:#222<br />
<br />
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0jNZC0oJJDVmScUD9vkGmQQ8RXjYCNWm8wGcG60YkauQ1Iw_y0IFv74NljI7RXJmFbkuSpJBKSbAqbO-EqJsyUrWn_zIeI_uK1IpYwPo283hWiwozCOR_pl2RGWA9T1i6-qspfC5YJgc/)<br />
85% 55% no-repeat;border2px solid <br />
#940000;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;display:block;padding:10px<br />
40px 10px 10px}<br />
<br />
a.active.trigger{background:#222 <br />
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0jNZC0oJJDVmScUD9vkGmQQ8RXjYCNWm8wGcG60YkauQ1Iw_y0IFv74NljI7RXJmFbkuSpJBKSbAqbO-EqJsyUrWn_zIeI_uK1IpYwPo283hWiwozCOR_pl2RGWA9T1i6-qspfC5YJgc/)<br />
85% 55% no-repeat}<br />
<br />
.columns{clear:both;width:330px;line-height:22px;padding:0 0 20px}<br />
<br />
a:focus{outline:none}<br />
<br />
.panel img{border:1px solid #FFFFFF;float:right;margin:3px 3px 6px 5px;padding:3px}<br />
<br />
.panel h3{border-bottom:1px solid <br />
#FFFFFF;margin-bottom:5px;padding-bottom:3px;text-align:left;clear:both;color:#940000;font-size:13px;font-weight:700}<br />
<br />
.columns ul,.columns ul li{list-style-type:none;margin:0;padding:0}</ div></div>
<div style="text-align: justify;">
<br />
5. Cari kode <span style="color: red;"></head></span><br />
6. Kemudian copas kode di bawah ini tepat di atas kode <span style="color: red;"></head></span><br />
<br />
<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/><br />
<br />
<script type='text/javascript'><br />
<br />
$(document).ready(function(){<br />
<br />
$(&quot;.trigger&quot;).click(function(){<br />
<br />
 $(&quot;.panel&quot;).toggle(&quot;fast&quot;);<br />
<br />
 $(this).toggleClass(&quot;active&quot;);<br />
<br />
 return false;<br />
<br />
});<br />
<br />
});<br />
<br />
</script></div>
</div>
</div>
<br />
<br />
7. Yang terakhir cari kode <span style="color: red;"></body></span><br />
8. Dan letakkan kode di bawah ini tepat di atas kode <span style="color: red;"></body></span><br />
<br />
<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;">
<div class='panel'><br />
<h3>Selamat Datang</h3><br />
<p style='text-align:justify'>Selamat datang di blog saya yang sederhana ini, semoga bisa bermanfaat bagi kalian semua. Silahkan tulis kritik dan saran kalian <a href='http://taufan-fhm.blogspot.com/p/blog-page_1.html' title='Kritik dan Saran'>di sini</a>. Terimakasih atas kunjungannya</p><br />
<br />
<h3>About Me</h3><br />
<br />
<img height='73px' src='<span style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggmPhayDjtHZeIh386paf0QpjdZxJ4IBm31fPfrdFEIEOSWuSFbIGRKUuklMmDpCFxdX_PKcIJQaZmqbJK9WuxN2_zsKsh6upaJM3_w01UrvWIcwkZOK5zW5fcYnDMExBUmusZbBCUu9c/s320/picture026.jpg</span>' width='73px'/><p style='text-align:justify'>Seorang bloger pemula yang selalu ingin berbagi informasi, dan sekarang ini sedang proses pencarian jati diri..</p><br />
<br />
<div style='clear:both;'/><br />
<br />
<div class='columns'><br />
<br />
 <div class='colleft'><br />
<br />
 <h3>Social Stuff</h3><br />
<br />
  <ul><br />
<br />
   <li><a expr:href='data:blog.homepageurl + &quot;feeds/posts/default&quot;' title='rss'><img alt='RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT9A-rLgff3cZUkMhGgsZCDeM3sYzJDxwV3Qul_tsrXJhbfJ_l1_WD6wRHhvCy037WtklpzU2DZa92x3ucMdC6gueX9AVSGDPeSGrHqEyyaKFIegR4FcoIScOhknN-s_tERMtK3s1mIc8/'/></a></li><br />
<br />
   <li><a href='http://twitter.com/<span style="color: red;">haha_29</span>' title='twitter'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT0Pq3c0QMlq0zlRC4k3Bega2Zd7o241TOt7amMYWxLsRIaJgkYFT7VM6dpiNIv6qheynrh54aF4rHPvQ7NFBHjgbygbzBEgRShro3CMAs4HeKttSww38I1mSPeZGSNrQjItshr2MJyjg/'/></a></li><br />
<br />
   <li><a href='http://www.facebook.com/<span style="color: red;">nafuat</span>' title='facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-5wQoSH0UmRLwfh7YJ4qTfwcQhjwsXDQKCUWrOEhJ9_P5UkVqdLP5osM5qDSmfGJPYFM_bN8W04u-ulm2qfbsexZ7XGviR_9iLVCB-YKCCRNY2lKYIHT-2vTNDqcU4TrU-WQkDZUsZ6w/'/></a></li><br />
<br />
   <li><a href='http://taufan-fhm.blogspot.com/' title='home'><img alt='HOME' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHa5M25X4CdxVp8QN0via45FS_NiEFQB7GytRvR8vbxAjz0kHOprqEnO9T_pDKYA40W2cuXatWRV_HN3KHehQ5cyb2aU3BoHV5__cb4HvYr9TnHd1sSZLrcV5OuH7WW5wWqRulKmOb6qI/'/></a></li><br />
<br />
  </ul><br />
<br />
 </div><br />
</div><br />
<div style='clear:both;'/><br />
<br />
</div><br />
<br />
<a class='trigger' href='#'>About</a></div>
<br />
Keterangan :<br />
Ganti link yang berwarna <span style="color: blue;">biru </span> dengan url gambar sobat<br />
Ganti <span style="color: red;">haha_29</span> dengan username twitter<br />
Ganti <span style="color: red;">nafuat </span>dengan username facebook

Cara Membuat Vertical Sliding Info Panel With jQuery

Kali ini saya akan share cara membuat vertical sliding info panel with jQuery.. Oke langsung aja ke tutorialnya sob :D cekidot.. 1. Login ke blogger sobat 2. Masuk ke Template --> Edit HTML 3. Kemudi…

Cara Mengatasi Sidebar Yang Tiba-tiba Melorot

<div style="text-align: justify;">
<b>Cara Mengatasi Sidebar Yang Tiba-tiba Melorot - </b>Saya akan sedikit share pengalaman saya, begini ceritanya :D . Kemarin tanpa sebab yang jelas tiba-tiba sidebar di blog saya molorot atau dengan kata lain :) berpindah ke bagian bawah artikel blog.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Hal tersebut membuat saya heran padahal sebelum kejadian itu saya tidak pernah mengedit template blog :/ . Sempat saya ganti template tapi hasilnya nihil, kemudian saya googling tentang hal tersebut ternyata permasalahannya tidak pada template blog melainkan pada posting blog.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Berikut cara mengatasinya :</div>
<div style="text-align: justify;">
<ul>
<li>Coba edit beberapa posting terakhir, mungkin gambar terlalu besar sehingga memakan ruang yang cukup banyak.</li>
<li>Cek blog apakah sudah kembali normal</li>
<li>Jika belum, hapus saja gambar di postingan tersebut</li>
</ul>
<div>
<br /></div>
<div>
Demikian sedikit pengalaman, semoga bisa membantu :-h</div>
</div>

Cara Mengatasi Sidebar Yang Tiba-tiba Melorot

Cara Mengatasi Sidebar Yang Tiba-tiba Melorot - Saya akan sedikit share pengalaman saya, begini ceritanya :D . Kemarin tanpa sebab yang jelas tiba-tiba sidebar di blog saya molorot atau dengan kata l…

Cara Mengetahui Kecepatan Loading Blog dan Penyebab Loading Lambat

<div style="text-align: justify;">
<b>Cara Mengetahui Kecepatan Loading Blog dan Penyebab Loading Lambat </b>- Kecepatan loading blog sangat berpengaruh bagi trafik sebuah blog. Dan berikut cara mengetahui kecepatan dan penyebab loading blog lambat :</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. Silahkan buka <a href="https://developers.google.com/speed/pagespeed/insights" target="_blank" title="Google Page Speed">Google Page Speed</a><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img alt="Google Page Speed" border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOQFqN1a6AdzkctzXw6OApueMooPXX3-3xrkEtry_C5o9RKJTn3KoT3lSW_R0I074PhdOIaeyH6ekWJ-y6aaAujFQpRHr0DifjX7jd7RNb166ctJQdyu_Vod9_sRbRofBokKB1xzg6sw8/s320/google+page+speed.png" title="Google Page Speed" width="320" /></div>
</div>
</div>
<br />
<div style="text-align: justify;">
<br />
<br />
<br />
<br />
<br />
<br />
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2. Isikan URL blog sobat, kemudian klik <b>Analyze</b></div>
<div style="text-align: justify;">
3. Kalau skor diatas 80%  berarti kecepatan blog bagus</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy-g9FEukwK95XjrLV2a4oL_SCik6yLWaD3PwFydToBPBa169sFKZBTojbsekahyphenhyphenx0Sx9dgvnskf98TkgzBtSd7vBJJd89J_bwIFcJFyysxxtdKzEEDIqXh_9VHvRlbCwc1A1ZS_5TJhg/s1600/overview.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Overview" border="0" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy-g9FEukwK95XjrLV2a4oL_SCik6yLWaD3PwFydToBPBa169sFKZBTojbsekahyphenhyphenx0Sx9dgvnskf98TkgzBtSd7vBJJd89J_bwIFcJFyysxxtdKzEEDIqXh_9VHvRlbCwc1A1ZS_5TJhg/s320/overview.png" title="Overview" width="320" /></a></div>
<div style="text-align: justify;">
<br />
<br />
<br />
<br />
<br />
<br /></div>
<div style="text-align: justify;">
4. Untuk mengetahui penyebabnya, lihat pada bagian kiri</div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHWzq_1_Eq1dIEuo4_e9F77Jhpcxu8wm24XHrZUuy9oYnjBKsJKp2ZhXmCM-bvRU0DCmHe5KHpyXnhTFWlAqqW0zJrL1BEluvclIfiFDwUxgetDe_UtMN2M7MkNsddhb3dFEIsRXf0-oA/s1600/high+priority++loading.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Loading Priority" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHWzq_1_Eq1dIEuo4_e9F77Jhpcxu8wm24XHrZUuy9oYnjBKsJKp2ZhXmCM-bvRU0DCmHe5KHpyXnhTFWlAqqW0zJrL1BEluvclIfiFDwUxgetDe_UtMN2M7MkNsddhb3dFEIsRXf0-oA/s320/high+priority++loading.jpg" title="Loading Priority" width="117" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /></div>
<div style="text-align: justify;">
Sekian posting kali ini semoga sukses :D</div>

Cara Mengetahui Kecepatan Loading Blog dan Penyebab Loading Lambat

Cara Mengetahui Kecepatan Loading Blog dan Penyebab Loading Lambat - Kecepatan loading blog sangat berpengaruh bagi trafik sebuah blog. Dan berikut cara mengetahui kecepatan dan penyebab loading blog…

Taufan Blog