TECHNO-BLOG: Tips Mempercantik blog

Menambah Profil Widget Dengan CSS

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="color: black; float: left; font-family: arial; font-size: 50px; line-height: 30px; padding-right: 5px; padding-top: 5px;">K</span>
ali ini My-Techno akan membagikan tutorial pembuatan Author Widget / Profil Widget, Pembuatan artikel ini yang berasal dari http://mdf-blog.blogspot.com/ kemudian saya modifikasi sendiri sesuai kemampuan saya hehehe... maklum My-Techno juga masih belajar. Untuk demonya lihat di bawah ini.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeI2s_ZO4kXSwSnFNcl2Baq_hTCl1npHa3bafT9HD4JXumFeIiF6zkqQ9PlOp_3UauecpgdRwaAErp-0rSO7GxroymZkriL73MRG1v_IsmcfnDz7il8jBEJ6T1hleYrT0NLYPINEHkr2w/s1600/info.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="68" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeI2s_ZO4kXSwSnFNcl2Baq_hTCl1npHa3bafT9HD4JXumFeIiF6zkqQ9PlOp_3UauecpgdRwaAErp-0rSO7GxroymZkriL73MRG1v_IsmcfnDz7il8jBEJ6T1hleYrT0NLYPINEHkr2w/s320/info.png" width="320" /></a></div>
<br />
Nah bagaimana, apakah ingin mencobanya ?<br />
Langsung saja deh dibahas<br />
<br />
1. Login dulu ke blogger<br />
<complete id="goog_1358241661">2. Masuk ke Layout</complete><br />
<complete id="goog_1358241661">3. Lalu tambahkan gadget</complete><br />
<complete id="goog_1358241661">4. Pilih Html/javascript</complete><br />
<complete id="goog_1358241661">5. Masukan kode dibawah ini di dalamnya dan tulis judulnya sesuai keinginan</complete><br />
<complete id="goog_1358241661"> </complete><complete id="goog_1358241661"> </complete><br />
<blockquote class="tr_bq">
<span style="font-size: x-small;"><complete id="goog_1358241661"><style><br />#aboutme {<br />  background-color:#fff;<br />  -moz-box-shadow:0 0 3px #e0e0e0;<br />  -webkit-box-shadow:0 0 3px #e0e0e0;<br />  box-shadow:0 0 3px #e0e0e0;<br />  border:9px double rgb(0, 122, 190);<br />  -moz-border-radius:2px;<br />  -webkit-border-radius:2px;<br />  border-radius:5px;<br />  margin:0 auto;<br />  margin-top:15px;<br />  padding:10px;<br />  max-width:600px;<br />  height:auto;<br />}<br />.name-author {<br />  margin:0 0 7px;<br />  display:block;<br />  width:100%;<br />}<br />.name-author h3 {<br />  position:relative;<br />  display:inline;<br />  background-color:rgb(0, 122, 190);<br />  color:#FFF;<br />  font-family:Segoe UI;<br />  font-size:15px;<br />  font-weight:bold;<br />  margin:0 0 0 -3px;<br />  padding:3px 5px 3px 10px;<br />  width:100%;<br />  -moz-text-shadow:0 1px 0 black;<br />  -webkit-text-shadow:0 1px 0 black;<br />  text-shadow:0 1px 0 black;<br />}<br />.name-author h3:after {<br />  content:" ";<br />  width:0;<br />  height:0;<br />  position:absolute;<br />  left:101%;<br />  top:0;<br />  border-width:13px;<br />  border-style:solid;<br />  border-color:transparent transparent transparent #0097BD;<br />}<br />.name-author h3:after:hover {<br />left:105%;<br />}<br />@-webkit-keyframes name-author {<br />  0% {color:white}<br />  20% {color:Orange}<br />  40% {color:pink}<br />  60% {color:Orchid}<br />  80% {color:gold}<br />  100% {color:white}<br />}<br />@-moz-keyframes name-author {<br />  0% {color:white}<br />  20% {color:Orange}<br />  40% {color:pink}<br />  60% {color:Orchid}<br />  80% {color:gold}<br />  100% {color:white}<br />}<br />@-keyframes name-author {<br />  0% {color:white}<br /> 20% {color:Orange}<br /> 40% {color:pink}<br /> 60% {color:Orchid}<br /> 80% {color:gold}<br /> 100% {color:white}<br />}<br /><br />/* Penerapan efek pada element yang akan diberi efek*/<br />.name-author h3 {<br />/* Waktu 10 detik */<br />  animation:10s infinite name-author linear;<br />  -webkit-animation:10s infinite name-author linear;<br />}<br />.aboutme-text {<br />  font-size:12px;<br />  text-align:left;<br />  margin:0;<br />}<br />.aboutme-image-container {<br />  float:left;<br />  width:70px;<br />  height:70px;<br />  margin-right:75px;<br />        z-index:1;<br />}<br />.aboutme-image-container {<br />  margin:-29px 2px 5px 0;<br />  padding:9px;<br />  position:relative;<br />  -webkit-border-bottom-right-radius:10px;<br />  -webkit-border-bottom-left-radius:100%;<br />  -moz-border-radius-bottomright:100%;<br />  -moz-border-radius-bottomleft:100%;<br />  border-bottom-right-radius:100%;<br />  border-bottom-left-radius:100%;<br />  -webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;<br />  -moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;<br />  box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;<br />  background-color:rgb(0, 122, 190);<br />}<br />.aboutme-image-container:before {<br />  content:' ';<br />  position:absolute;<br />  top:0;<br />  left:-10px;<br />  width:0;<br />  height:0;<br />  border-style:solid;<br />  border-width:0 0 10px 10px;<br />  border-color:transparent transparent #333 transparent;<br />}<br />.aboutme-image-container:after {<br />  content:' ';<br />  position:absolute;<br />  top:0;<br />  right:-10px;<br />  width:0;<br />  height:0;<br />  border-style:solid;<br />  border-width:10px 0 0 10px;<br />  border-color:transparent transparent transparent #333;<br />}<br />.aboutme-image-container img {<br />  width:100%;<br />  height:100%;<br />  border:2px solid rgba(0,0,0,0);<br />  border-radius:100%;<br />  -webkit-transition:all 0.3s ease;<br />  -moz-transition:all 0.3s ease;<br />  transition:all 0.3s ease;<br />  -moz-box-shadow:0 0 10px #000;<br />  -webkit-box-shadow:0 0 10px #000;<br />  box-shadow:0 0 10px #000;<br />margin-left: -2px;<br />}<br />.aboutme-image-container img:hover {<br />  border:2px solid red;<br />  cursor:pointer;<br />  margin-left:0;<br />  -moz-transform:scale(2.2) rotate(360deg);<br />  -webkit-transform:scale(2.2) rotate(360deg);<br />  -o-transform:scale(2.2) rotate(360deg);<br />  -ms-transform:scale(1) rotate(-360deg);<br />  transform:scale(2.2) rotate(360deg);<br />  -moz-box-shadow:0 0 10px #000;<br />  -webkit-box-shadow:0 0 10px #000;<br />  box-shadow:0 0 10px #000;<br />}<br /></style><div id='aboutme'><br /><div class='aboutme-image-container'><br /><img src="<span style="color: lime;">http://lh4.googleusercontent.com/-dciDeYSulPA/AAAAAAAAAAI/AAAAAAAAA40/dc4_s1AdYcs/s512-c/photo.jpg</span>" /><br /></div> <br /><div class='name-author'><br /><h3><span style="color: orange;">Fajar Bahari</span></h3></div><br /><div class='aboutme-text'><span style="color: red;">Hidup itu seperti CSS, kita bisa merubahnya menjadi lebih berwarna dan memberikan background yang indah. Dan hidup itu seperti... sepertinya saya tidak tau lagi </span><br /></div></div> </complete></span></blockquote>
6. Ganti kode :<br />
<ul style="text-align: left;">
<li><span style="color: lime;">Hijau <span style="color: black;">: Dengan foto atau gambar sobat</span></span></li>
<li><span style="color: orange;">Orange <span style="color: black;">: Dengan Nama sobat</span></span></li>
<li><span style="color: red;">Merah </span>: Dengan Kata-kata sobat</li>
</ul>
7. Lalu Save dan Lihat Hasilnya... </div>

Menambah Profil Widget Dengan CSS

K ali ini My-Techno akan membagikan tutorial pembuatan Author Widget / Profil Widget, Pembuatan artikel ini yang berasal dari http://mdf-b...

Cara Membuat Slide Info di Blog Dengan CSS

<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/AVvXsEizIXzdUGh6juSxFy5DzSWL5ZPbocZ-p73eQxLuzSKtKqWowzpY-OVgWDB_DsbzvRixE1mKTovVaT66g2nP1yqdFWh94Vw59dtQZf21Qsvg8W-94T6js8Rp3f7nuEZtWFMW-X4moUdXq3s/s1600/Cara-Membuat-Slide-Panel-In.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizIXzdUGh6juSxFy5DzSWL5ZPbocZ-p73eQxLuzSKtKqWowzpY-OVgWDB_DsbzvRixE1mKTovVaT66g2nP1yqdFWh94Vw59dtQZf21Qsvg8W-94T6js8Rp3f7nuEZtWFMW-X4moUdXq3s/s1600/Cara-Membuat-Slide-Panel-In.png" /></a></div>
Hay jumpa lagi nih sobat, kali ini My-Techno juga akan membagikan tutorial untuk menambahkan slide info dengan CSS, di blogger akan lebih menarik jika didesign sebagus mungkin untuk menarik perhatian pengunjung.<br />
Slide Info ini sangat berguna untuk menunjukan author dari sebuah blog, dan sebagai sarana narsis authornya hehehe… Tapi kali ini tidak sekedar slide info biasa tapi dibalut dengan paduan CSS sehingga terlihat lebih cantik dan apik.<br />
Oke, langsung saja dimulai tutorialnya.<br />
1. Logi ke aku blogger sobat<br />
2. Masuk ke Template dan pilih edit HTML<br />
3. Cari kode <b><body></b> dan letakkan kode dibawah ini di bawah kode <b><body></b><br />
<blockquote>
<style type='text/css'>#info-techno{z-index: 1000;background:-moz-linear-gradient(top,  #1F2326,  #000);background: -webkit-gradient(linear, left top, left bottom, from(#1F2326), to(#000));box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-moz-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-webkit-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;width:400px;position: fixed;top:50px;left:0;margin-left:-330px;border:1px solid #444;background-position:top right no-repeat;height:35px;font:11px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#info-techno{-o-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-webkit-transition: all 1s ease-in;} #info-techno:hover{width:400px;opacity:1.0;margin-left:0;}.Technoinbox {border:1px solid #444;width:290px; margin:0px 90px 10px 10px;background:#000;color:#ffffff; border-radius :20px; padding:5px 0;-moz-border-radius:20px; -webkit-border-radius:20px;-o-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-webkit-transition:all 2s ease-in;opacity:0.2;}.Technoinbox:hover{opacity:1.0;box-shadow:1px 1px 15px #000; -moz-box-shadow: 1px 1px 15px #000; -webkit-box-shadow: 1px 1px 15px #000;background: #000;}.Technoinbox2 {margin:5px 10px;padding:0px 8px 10px;color:#FFFFFF;overflow:hidden;height:410px;}.techno15 {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}.Techno2 ul.bom {margin: 0; padding: 0;}.Technoinbox2 li {margin-left:20px;}.Technoinbox2 li a {color: #FFFFF; line-height: 4px; font-size: 11px;font-weight: bold; text-decoration:none;}.Technoinbox2 li a:hover {color: red;text-shadow: 0 1px 1px #000;}.Technoinbox2 h2 { font: 18px Droid Serif;font-weight:bold;padding:0 8px;color: #FF0000;text-shadow: 0px 1px 1px #ddd;border-bottom: 1px solid #FF0000;}.Technotouch {font-size:22px;font-weight:bold;font-family:Arial Narrow;float:right;margin: 3px 10px 0 0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;text-decoration:blink;}.Technotouch:hover{-o-transform: scale(2) rotate(720deg) translate(0px);-moz-transform: scale(2) rotate(720deg) translate(0px);-webkit-transform: scale(2) rotate(720deg) translate(0px);color: red;}</style><br />
<br />
<div id='info-techno'><span class='Technotouch'>Info</span>       <br />
<div class='Technoinbox'><div class='Technoinbox2 techno15'>       <br />
<h2><span style="color: red;">SELAMAT DATANG</span></h2>       <br />
<span style="color: red;">Selamat datang di Coretan My-Techno - saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan Berlama - Lama di sini dan membaca lebih lanjut tentang artikel dunia teknik (Blogging, HTC, Pantun, Trik&quot; handphone Dan Lain Lain) yang Kami susun. Ada banyak hal tentang kami, Anda mungkin akan menemukan sesuatu yang menarik</span>       <br />
<h2><span style="color: red;">Sekilas Tentang Author Blog</span></h2>       <br />
<img height='130x' src=<span style="color: #4bacc6;">'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTlxPt6pwfHXSXo4tZHuj73WYZkhSXdNsHTAjKZrFHAwdJ6TbKs9bRfR-kSGCkw7Q851NHFtPYs0aobhbxopZhTnoRe_PNvdDcOsvQ58pPmsH7JUq91zlvPPuZsYmXlZKWX-GdFDw9Ub1O/s1600/author.png’</span> width='100px'/>       <br />
<p style='text-align:justify'><span style="color: red;">Nama saya Fajar Bahari, Saya Bukan Seorang Blogger, Desainer atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar dan Ingin Tahu Sesuatu Yang Baru...</span></p>       <br />
</div>       <br />
</div></div></blockquote>
4. Ganti kode yang berwarna <span style="color: red;">MERAH</span> dengan kata-kata sobat sendiri dan yang berwarna <span style="color: #4bacc6;">BIRU </span>dengan gambar author sobat<br />
5. Setelah sudah sobat modif tinggal tekan save dan lihat hasilnya</div>

Cara Membuat Slide Info di Blog Dengan CSS

Hay jumpa lagi nih sobat, kali ini My-Techno juga akan membagikan tutorial untuk menambahkan slide info dengan CSS, di blogger akan lebih...

Cara Membuat Blog Tidak Dapat Di Copas

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLRoLwV1bZCu3FYtI5rPhVd1xR-heY9v4Jdf0aFD2_q8vZ1A_80yyO6qwvAAl8WYAVf_feun55Mii5LLQTcxQUtTXzJgP4dvTOG9VjAG77BfO_SYAG1QwTWQ53xS9J7I-s7u5WaCbmgCI/s1600/images.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLRoLwV1bZCu3FYtI5rPhVd1xR-heY9v4Jdf0aFD2_q8vZ1A_80yyO6qwvAAl8WYAVf_feun55Mii5LLQTcxQUtTXzJgP4dvTOG9VjAG77BfO_SYAG1QwTWQ53xS9J7I-s7u5WaCbmgCI/s1600/images.jpg" /></a></div>
Hay sobat My-Techno, pada kesempatan kali ini My-Techno akan membagikan tutorial untuk membuat blog sobat anti dari maling, hehehe…. <br />
Tutorial ini berguna untuk blog yang tidak ingin di copas artikelnya, karena sebagian besar bloger sekarang ini banyak yang hanya copas tanpa memberikan sumbernya, oleh sebab itu gunakan artikel ini untuk media pembelajaran dan memperaktekkan di blog sobat<br />
Mulai saja dengan tutorialnya.<br />
1. Login ke akun blogger sobat<br />
2. Masuk ke Template dan pilih edit HTML<br />
3. Cari kode <b><head> </b>(untuk mempermudah gunakan CTRL + F)<br />
4. Copykan kode dibawah ini dibawah kode <b><head></b><br />
<blockquote>
<SCRIPT type="text/javascript">      <br />if (typeof document.onselectstart!="undefined") {       <br />document.onselectstart=new Function ("return false");       <br />}       <br />else{       <br />document.onmousedown=new Function ("return false");       <br />document.onmouseup=new Function ("return true");       <br />}       <br /></SCRIPT></blockquote>
5. Kemudian tekan Save dan lihat hasilnya

Cara Membuat Blog Tidak Dapat Di Copas

Hay sobat My-Techno, pada kesempatan kali ini My-Techno akan membagikan tutorial untuk membuat blog sobat anti dari maling, hehehe…. Tuto...

Menambahkan Emoticon Pada Komentar Blog

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4XmNPhFot2k1A7ruRstgjGcA9JuANeA6kigbtb4E0Q769KOO26flPtz9VMBw7oFx0tZlvWRth7KKImaow3TvvQ1KKUsmBNTwaENqewwOL1lzBcWd10o1Bk2Bg54XXTnjoGAf_mvqztgU/s1600/emoticon_min.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4XmNPhFot2k1A7ruRstgjGcA9JuANeA6kigbtb4E0Q769KOO26flPtz9VMBw7oFx0tZlvWRth7KKImaow3TvvQ1KKUsmBNTwaENqewwOL1lzBcWd10o1Bk2Bg54XXTnjoGAf_mvqztgU/s320/emoticon_min.png" width="320" /></a>Pada kesempatan kali ini My-Techno akan memberikan tutorial tentang menambahkan emoticon pada komentar blog, dengan hadirnya emoticon di blog sobat akan memberikan variasi pada komentar blog sobat agar lebih berwarna.<br />
<br />
Emoticon yang akan di bagikan ini merupakan icon .gif jadi dapat bergerak, langsung saja dengan tutorialnya biar nggak panjang nulisnya, hehehe...<br />
<br />
1. Login dulu ke akun blogger sobat<br />
2. Masuk ke Template dan pilih edit HTML<br />
3. Cari kode <b></body></b> (gunakan CTRL+F untuk mempermudah)<br />
4. Letakkan kode dibawah ini tepat diatas kode<b> </body></b><br />
<blockquote class="tr_bq">
<span style="font-size: x-small;"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><script type='text/javascript'><br />//<![CDATA[<br />jQuery(document).ready(function () {emoticonx({<br />emoRange:"#comments p, div.emoWrap",<br />putEmoAbove:"iframe#comment-editor",<br />topText:"Klik untuk melihat code!",<br />emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."<br />})<br />});<br />//]]><br /></script><br /><script src='https://fajarbahari.googlecode.com/files/emoticonnya.js' type='text/javascript'/><br /></b:if></span></blockquote>
5. Untuk mempercantik tambahkan kode css ini diatas kode <b>]]></b:skin> </b><br />
<blockquote class="tr_bq">
<span style="font-size: x-small;">.emoWrap {<br />  position:relative;<br />  padding:10px;<br />  margin-bottom:7px;<br />  background:#fff;<br />/* IE10 Consumer Preview */ <br />background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);<br />/* Mozilla Firefox */ <br />background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);<br />/* Opera */ <br />background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);<br />/* Webkit (Safari/Chrome 10) */ <br />background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));<br />/* Webkit (Chrome 11+) */ <br />background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);<br />/* W3C Markup, IE10 Release Preview */ <br />background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);<br />  border:3px solid #860000;<br />  -moz-border-radius:5px;<br />  -webkit-border-radius:5px;<br />  border-radius:5px;<br />  box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);<br />  -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);<br />  -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);<br />  box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);<br />  font-weight:normal;<br />  color:#333;<br />}<br />.emoWrap:after {<br />  content:"";<br />  position:absolute;<br />  bottom:-10px;<br />  left:10px;<br />  border-top:10px solid #860000;<br />  border-right:20px solid transparent;<br />  width:0;<br />  height:0;<br />  line-height:0;<br />}</span></blockquote>
6. Kemudian Save template sobat dan lihat hasilnya :p

Menambahkan Emoticon Pada Komentar Blog

Pada kesempatan kali ini My-Techno akan memberikan tutorial tentang menambahkan emoticon pada komentar blog, dengan hadirnya emoticon di blo...

Menambahkan Tulisan Bismillah dan Alhamdulillah

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgea22VKr88NwiImjwUWxNrsGhpnkYVkX9QoYtKQUA-7V8JHgHua7jIh21Lh5_wc23Hc3mUEG8OHNNVj5drmCiZTdh5mzCAmlH7u3W_fVx128tDLXFTD911udJrdamh6ohtX7_osgPCArc/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgea22VKr88NwiImjwUWxNrsGhpnkYVkX9QoYtKQUA-7V8JHgHua7jIh21Lh5_wc23Hc3mUEG8OHNNVj5drmCiZTdh5mzCAmlH7u3W_fVx128tDLXFTD911udJrdamh6ohtX7_osgPCArc/s400/Untitled.png" width="400" /></a></div>
<br />
Hai sobat My-Techno, apa kabarnya nih ? pastinya yang diharapkan baik-baik saja bukan :-). Kali ini My-Techno akan share cara untuk membuat blog sobat terlihat lebih bagus yaitu dengan menambahkan Basmalah di setiap post seperti di blog saya ini.<br />
Pastinya bagi Blogging muslim akan mengawali sesuatu dengan membaca Basmalah dan Hamdalah, nah oleh karena itu saya membuat tutorial ini untuk memberi kesan Anggun dan Sopan.<br />
Baiklah My-Techno akan mulai sekarang saja.<br />
<br />
1. Masuk ke akun blogger anda.<br />
2. Pilih Template dan klik Edit HTML<br />
3. Cari kode<b> <div class='post-body entry-content'> </b>(Untuk lebih mudah gunakan CTRL+F)<br />
4. Jika sobat tidak menemukan kode <b><div class='post-body entry-content'> </b>sobat dapat mencari kode <b><data:post.body/></b> karna kode tersebut ada banyak sobat harus mencobanya satu persatu<br />
5. Untuk Basmalah, letakkan kode dibawah ini tepat setelah kode <b><div class='post-body entry-content'></b> atau diatas kode <b><data:post.body/></b><br />
<blockquote class="tr_bq">
<b:if cond='data:blog.pageType == &quot;item&quot;'><br/><div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{&quot;type&quot;:3}'><b><span dir='rtl'>ب&#1616;س&#1618;ــــــــــــــــم&#1616; اﷲ&#1616;الر&#1614;&#1617;ح&#1618;م&#1614;ن&#1616; اار&#1614;&#1617;ح&#1616;يم</span></b></span></span></div><br/><br/></b:if></blockquote>
6. Dan untuk Hamdalah-nya, cari kode <b><data:post.body/></b><br />
7. Letakkan kode dibawah ini tepat di bawah kode <b><data:post.body/></b><br />
<blockquote class="tr_bq">
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO0jjDreASy5277_FwSy1tB7Ct3udTWPqKk7f49bO0SRRMTWwHvsry4lIFArEGsBSsD3LvtWqFyST9zv1ZWSD5ydfoQ6OOXgQ22RE-xC-As5Gi_ajUPFtXXD3jDN4Aq93HUsu550U3YjA/s1600/Alhamdulillah101111.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="color: black;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO0jjDreASy5277_FwSy1tB7Ct3udTWPqKk7f49bO0SRRMTWwHvsry4lIFArEGsBSsD3LvtWqFyST9zv1ZWSD5ydfoQ6OOXgQ22RE-xC-As5Gi_ajUPFtXXD3jDN4Aq93HUsu550U3YjA/s1600/Alhamdulillah101111.jpg" /></span></a></div> <b><br /></b></blockquote>
8. Setelah itu sobat save template dan lihat hasilnya

Menambahkan Tulisan Bismillah dan Alhamdulillah

Hai sobat My-Techno, apa kabarnya nih ? pastinya yang diharapkan baik-baik saja bukan :-). Kali ini My-Techno akan share cara untuk membu...

Membuat Kotak Area Dengan Efek Membesar

Assalamualaikum Wr Wb. Pada Tutorial Blog Sebelumnya Blog Sharing Ilmu Pengetahuan Sudah Posting Tentang Bagaimana Cara Membuat Widget Update Status twitter di blog dan Pada Tutorial Blog Kali Ini Blog Sharing Ilmu Pengetahuan Akan Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse. Maksud Kotak Area Dengan Efek Membesar Saat Disorot Mouse Ialah Kotak Yg Apabila Disorot Mouse Akan Membesar ..hehehe.. Begitulah Definisinya. KLo Sobat blm Mengerti juga ok Akan Saya Perlihatkan DEMONYA<br />
<br />
Berikut DEMONYA<br />
<br />
<div id="tejakode">Nah ini dia kotaknya.. hehehhee.. Lumayanlah daripada lumanyun.. hahahaha<br />
dikotak ini sobat bisa menaruhkan apa saja termasuk gambar,kode-kode,kata-kata atau apapun Asalkan Jangan Diletakan Duit dialam kotak ini, Pasti akan Hilang.. wkwkwkkwkw</div><br />
hehehehe Jika Sobat Menginginkan KOtak KOde Sperti ini Marilah Ikuti Langkah-langkah Berikut :<br />
<br />
Login Ke Akun Blogger Sobat<br />
Pada Dasbor Klik Rancangan/Design Kemudian Klik EDIT HTML Dan jangan Lupa Untuk Mencentang Kolom Expand Template Widget<br />
Letakan CSS Berikut Tepat Diatas kode ]]&gt;<br />
<br />
<div id="tejakode">#tejakode {-o-transition:1.2s ease-out; -moz-transition:1.2s ease-out; -webkit-transition:1.2s ease-out;padding:0.75em;width:80%;color: #FFFFFF;border:1px solid #C0C0C0;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius:5px;background: #000;}#tejakode:hover {color: #000;-o-transform:scale(1.2) translate(40px,40px) rotate(0deg);-moz-transform:scale(1.2) translate(40px,40px) rotate(0deg);-webkit-transform:scale(1.2) translate(40px,40px) rotate(0deg); background:#555;-o-transition: all 1.2s ease-in;-moz-transition: all 1.2s ease-out;-webkit-transition: all 1.2s ease-in;}</div><br />
4 . Simpan Templatenta<br />
<br />
<br />
<br />
Lalau Bagaimanakah Cara Pemakaiannya  ? hehehe<br />
<br />
Cara Meletakannya  Didalam Postingan<br />
Pada Tab HTML ( ingan Tab HTML ) <br />
Masukan KOde Pemanggil<br />
<div id="tejakode"><br />
dan disini letak apapun itu terserah sobat</div><br />
Cara Meletakannya Di Gadget<br />
<br />
hehehe Sama Langkahnya Pada Tahap 2 yaitu <br />
<br />
Masukan KOde Pemanggil<br />
<div id="tejakode"><br />
dan disini letak apapun itu terserah sobat</div><br />
<br />
hhehehehehe Begitulah Penjelasan Singkatnya Daripada Panjang-panjang Bikin Sobat Semua Pusing.. hahaha<br />
<br />
Semoga Posting ini Bermanfaat bagi sobat Semua .. hehehehe<br />
<br />
SELAMAT MENCOBA DAN SEMOGA BERHASIL !!!

Membuat Kotak Area Dengan Efek Membesar

Assalamualaikum Wr Wb. Pada Tutorial Blog Sebelumnya Blog Sharing Ilmu Pengetahuan Sudah Posting Tentang Bagaimana Cara Membuat Widget Updat...

Cara Membuat Judul Blog di Address Bar Bergerak

Saat kita mengunjungi sebuah <b><a href="http://panduan-belajar-blog.blogspot.com/2011/01/pengertian-sebuah-blog.html">blog</a></b>,  kadang kita terpana dengan penampilan address bar yang bisa berjalan.  Address bar yang berjalan ini membuat kebanyakan blogger terpaku untuk  melihatnya. Selain terlihat unik dan menarik, adress bar yang berjalan  juga mampu menampilkan kata atau kalimat yang panjang dalam address bar  tersebut.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNKUd_dABlpJfDbtuI1HDNdySbnnrq5TUEqtjELeqSFav-sgUT1h6AjcjBf9ygMa3mp9qHaJVIm-GyU2CrqGTYg-lLoyCBo7RY4ArIx28K31WWmAky0-EXfZJ6TpHw7wjUHIRpjOryUx-C/s1600/address+bar.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNKUd_dABlpJfDbtuI1HDNdySbnnrq5TUEqtjELeqSFav-sgUT1h6AjcjBf9ygMa3mp9qHaJVIm-GyU2CrqGTYg-lLoyCBo7RY4ArIx28K31WWmAky0-EXfZJ6TpHw7wjUHIRpjOryUx-C/s1600/address+bar.jpg" /></a></div><b><br />
</b><br />
<b>Cara untuk membuat address bar berjalan</b> adalah sebagai berikut :<br />
<br />
Pertama, masuk ke dalam akun blogger kita masing-masing.<br />
Klik fitur rancangan.<br />
Klik edit HTML.<br />
Klik/contreng expand widget template.<br />
Cari kode berikut.<br />
<br />
<div style="background-color: #e4eaf2; border: 1px #000000 solid; padding: 10px; text-align: left;"></head></div><br />
Masukan kode berikut di atas kode </head>.<br />
<br />
<div id="tejakode"><div style="background-color: #e4eaf2; border: 1px #000000 solid; padding: 10px; text-align: left;"><SCRIPT language='JavaScript'><br />
var txt="<span class="Apple-style-span" style="color: red;">tulisan pada address bar</span>";<br />
var kecepatan=170;var segarkan=null;function bergerak() { document.title=txt;<br />
txt=txt.substring(1,txt.length)+txt.charAt(0);<br />
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();<br />
</SCRIPT></div></div><br />
Klik simpan dan selesai. <img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" /><br />
<br />
Keterangan:<br />
<br />
<ol><li>Sebelum melakukan editing kode HTML pada template, download  template blog kita terlebih dahulu sebagai langkah antisipasi jika  proses editing kita mengalami kegagalan.</li>
<li>Gunakan tombol Ctrl + F pada keyboard untuk mempercepat proses pencarian kode yang berada pada template blog kita.</li>
<li>Ganti <span class="Apple-style-span" style="color: red;">tulisan pada address bar</span> dengan tulisan yang kita inginkan.</li>
</ol><br />
<br />
Sekarang saat kita membuka blog kita, maka address barnya akan berjalan sendiri dengan otomatis. Menarik bukan? <img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" /><br />
Ada yang ingin menambahkan?<br />
Jika ada yang ingin menanggapi silakan sampaikan lewat kotak komentar ya kawan. <img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" /><br />
Salam blogger!

Cara Membuat Judul Blog di Address Bar Bergerak

Saat kita mengunjungi sebuah blog , kadang kita terpana dengan penampilan address bar yang bisa berjalan. Address bar yang berjalan ini me...

Cara Mebuat Blog Lengkap Dengan Gambar

<div style="text-align: center;">   <span class="fb_share_size_Small fb_share_count_wrapper"><span></span><span class="FBConnectButton FBConnectButton_Small" style="cursor: pointer;"><span class="FBConnectButton_Text"></span></span></span><span style="color: #cccccc;">Mengapa harus Blogspot?</span></div><div style="color: #cccccc; text-align: justify;"><br />
Salah  satu  penyedia Blog yang cukup populer saat ini adalah Blogspot atau  Blogger.  Kelebihan blogspot di banding yang lain yaitu mudah dalam  pengoperasian  sehingga cocok untuk pemula, lebih leluasa dalam  mengganti serta  mengedit template sehingga tampilan blog anda akan  lebih Hidup karena  hasil kreasi sendiri.<br />
<br />
Berikut cara-cara membuat Blog di Blogspot atau Blogger.</div><div style="border: medium none; color: #cccccc; overflow: hidden;"><br />
<span class="fullpost">1. Ketikkan alamat <b>http://www.blogger.com</b> pada address bar browser anda.<br />
<br />
<a href="http://www.blogernas.co.cc/2010/03/membuat-website-gratis-dengan-blogger.html" title="Membuat Website Gratis dengan Blogger"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5453300271416451522" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW3v1c36wRpcmoHYlcwzjZ4j2YG1mqcm_I9UXgLmpqnAXpzDVaVRVRvwSvUUpWqVKIr98Xy4pnf-PkJj3eolPLqEB19pP4Wq6B0gua52ehckG_20MpJox1E6qQKungiYUiF5xe4bkg1QL8/s320/1.png" style="cursor: pointer; display: block; height: 106px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a></span><div style="text-align: justify;"><span class="fullpost">   2. Jika alamat yang anda ketik benar maka akan muncul halaman utama   blogger.com. Silahkan tukar bahasanya dengan Bahasa Indonesia. Kemudian   klik tombol BUAT BLOG.</span><br />
<span class="fullpost"></span></div><span class="fullpost"><br />
<a href="http://www.blogernas.co.cc/2010/03/membuat-website-gratis-dengan-blogger.html" title="Membuat Website Gratis dengan Blogger"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5453300278279782098" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2oOsSKmAEQeXazaf19fzUWb5NIfbGQTvcOlfTDxg7mOQ-ClC_uOyVLuSDVQdbYXRq5YdTQDbUuLeRYfwf_cbGlI_w1ADn3dTxCHhyphenhyphenG1RfqyAMi2kU4grtaWp7Y2Ly7HXhbtIbs8PK41dT/s320/2.png" style="cursor: pointer; display: block; height: 113px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a><br />
3. Ketikkan email anda pada kotak yang tersedia.<br />
<br />
<a href="http://www.blogernas.co.cc/2010/03/membuat-website-gratis-dengan-blogger.html" title="Membuat Website Gratis dengan Blogger"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5453300279224086818" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEw__c0cqUtI70OVIVKQC139-qpoLETrSU_ImWcB6uPAjulaK4qV_daJqPAr3-Crbzj1pbP4f4x-WIQVQT21qKqWnuWAyD4fk8DChnvylFVme1N27uOQMo7kAzQ1SI1rIHdLcgv4esrXfY/s320/3.png" style="cursor: pointer; display: block; height: 204px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a></span><div style="text-align: justify;"><span class="fullpost">   4. Masukkan password email anda. Nama tampilan berarti nama website   (untuk selanjutnya akan disebut blog) yang akan anda buat, yang akan   selalu tampil di bagian atas (header) blog anda nanti. Pastikan anda   mengisi kotak Verifikasi Kata dengan tepat sesuai karakter yang muncul   (lihat tulisan berwarna merah) . Kemudian klik tombol LANJUTKAN.</span><br />
<span class="fullpost"></span></div><span class="fullpost"><br />
</span><div style="text-align: justify;"><span class="fullpost"><a href="http://www.blogernas.co.cc/2010/03/membuat-website-gratis-dengan-blogger.html" title="Membuat Website Gratis dengan Blogger"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5453302081743863938" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-jrWgI3_SgEuDYIniUSN19ZnFSvtmpfafkb4MTAeIsglVYNuXiD4oIQQ5uFn62K5ZdFkzKee7wRrzXP4aycEFQxP5__HN8xYWQUP8_vZjZy2hQxjDhXqhu42Ehtq5C48zxNe6PPpIPgwc/s320/4.png" style="cursor: pointer; display: block; height: 246px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpac2RC-8_KXWEMPKuHBOyUPrEYI363Q-32vq89woXvwoWMHh_HFBHO_uWRQWmcT1gBBdiV01kgG8ho4fg5cWD8TjtH5ss0TPyaY3c5MPbJmxY3hcpjPSpSyMuA1wPRsCoL-HDgPJc6FvK/s1600/5.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5453300293396052898" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpac2RC-8_KXWEMPKuHBOyUPrEYI363Q-32vq89woXvwoWMHh_HFBHO_uWRQWmcT1gBBdiV01kgG8ho4fg5cWD8TjtH5ss0TPyaY3c5MPbJmxY3hcpjPSpSyMuA1wPRsCoL-HDgPJc6FvK/s320/5.png" style="cursor: pointer; display: block; height: 72px; margin: 0px auto 10px; text-align: center; width: 197px;" /></a>5.   Akan muncul halaman verifikasi akun anda. Ketikan nomor HP anda pada   kotak kosong yang tersedia. Kemudian klik tombol Kirim kode verifikasi   ke ponsel anda.</span><br />
<span class="fullpost"></span></div><span class="fullpost"><br />
<a href="http://www.blogernas.co.cc/2010/03/membuat-website-gratis-dengan-blogger.html" title="Membuat Website Gratis dengan Blogger"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5453300996478272418" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFAE5ehTzm4WDPD0FfQJcHjqmMyJgl2G9ivvWw0xp7JF5soqiTNp02DkSQteU7joAXdlhr9KV4Oq2_LJB0OJfaoKmmkakt-cCE4Mji3PA1ug7vmzUhaHYF_M8HRaKyDhbjg3omRlktWBIc/s320/6.png" style="cursor: pointer; display: block; height: 278px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a></span><div style="text-align: justify;"><span class="fullpost">   6. Tunggu beberapa saat hingga pesan (sms) google terkirim ke HP anda.   Ketikkan kode verifikasi yang terkirim pada HP pada kotak Masukkan  kode.  Kemudian klik tombol Verifikasi.</span><br />
<span class="fullpost"></span></div><span class="fullpost"><br />
</span><div style="text-align: justify;"><span class="fullpost"><a href="http://www.blogernas.co.cc/2010/03/membuat-website-gratis-dengan-blogger.html" title="Membuat Website Gratis dengan Blogger"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5453301002557442802" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioAF78bvNu_1SqGIcD_Tcoh-8bJe0Z0euSyToAopGNBEXSiniNmwVGznWuc99XpCSDr-HmkeQnR5Edb2Cph0W5TfNCq673f1kqNpjjqki0_z8obVIEHDzZBKQfDD5-5gxLBFPfNOWIDQKg/s320/7.png" style="cursor: pointer; display: block; height: 185px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a>7.   Pada kotak kosong pertama isi nama blog anda. Pada kotak kosong kedua   isi alamat blog yang anda inginkan Alamat ini akan menjadi alamat blog   anda untuk seterusnya. Jika sudah diketik, tekan tombol cek   ketersediaan. Google akan mencek apakah alamat yang anda ketik tersedia   atau tidak. Jika tidak, ulangi langkah yang sama, sampai anda temukan   nama yang tersedia. Kemudian klik tombol LANJUTKAN.</span><br />
<span class="fullpost"></span></div><span class="fullpost"><br />
<a href="http://www.blogernas.co.cc/2010/03/membuat-website-gratis-dengan-blogger.html" title="Membuat Website Gratis dengan Blogger"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5453301012837968370" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyiXvWot3m4UuqLb_4dOJplelRLJ4alufibWdFRgnhmh5ZF4S-Xu1hgffKdmCvkl1Adfpx0Fiz77bH3WVz1wtPO6fjf41ISmSpof7A1r2LJ2D_48BEicPSff5nogprwZskl2UCOSzzb7rf/s320/8.png" style="cursor: pointer; display: block; height: 126px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a></span><div style="text-align: justify;"><span class="fullpost"><a href="http://www.blogernas.co.cc/2010/03/membuat-website-gratis-dengan-blogger.html" title="Membuat Website Gratis dengan Blogger"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5453303450083686706" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlp0QFXOERo18azPmiCK1O_Qk2YQmYhAaAyrjrV0hMkCr-RDCr_SKdpsF3e0rkNTx08v9jNqJdjrMnRagBw7eapYNO-_xs4b-fP4ldOJb9DKe8wH390ya713-CGgUHIHNqfAq5rxq0ze5x/s320/11.png" style="cursor: pointer; display: block; height: 62px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a>8.   Pilih sebuah template (disain tampilan blog) yang anda inginkan,  dengan  cara mengklik lingkaran putih kecil. Kemudian klik tombol  LANJUTKAN.</span><br />
<span class="fullpost"></span></div><span class="fullpost"><br />
<a href="http://www.blogernas.co.cc/2010/03/membuat-website-gratis-dengan-blogger.html" title="Membuat Website Gratis dengan Blogger"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5453303454602460978" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR9RMNDOtAszLfp9v8qKX5BtyKHiMHDXwL7YoDqhUmxfT2fy_vNnyEHd7c6NwHbfIxA8pPcI12Vome2lyKoj0wW2yrNjbMmXR-ppX7dJyipX8CmA9I_sbM2ldWgVNwlQETrzyR4ZcQfoav/s320/12.png" style="cursor: pointer; display: block; height: 230px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a></span><div style="text-align: justify;"><span class="fullpost">   9. Sekarang anda sudah berhasil membuat sebuah blog. Anda bisa  langsung  masuk ke halaman pengaturan (dapur) blog anda. Klik tombol  MULAI  BLOGGING.</span><br />
<span class="fullpost"></span></div><span class="fullpost"><br />
<a href="http://www.blogernas.co.cc/2010/03/membuat-website-gratis-dengan-blogger.html" title="Membuat Website Gratis dengan Blogger"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5453303458663730274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirAXA0zcJ5SFzYsB11OpV8-vQ2ubIp0aAmoDfcBpQp2kkx6m3AcykVxbVX0vEW3MCXV-etwnpaPUDCHOnyg25Rvo1jK9IPLiCZre9xpKq_WUl0ckzmSVB089wgs4uBNwuNM6KEWqh8T9ER/s320/13.png" style="cursor: pointer; display: block; height: 100px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a></span><div style="text-align: justify;"><span class="fullpost">   10. Inilah dapur blog anda (blogger menyebutnya halaman dasbor). Hanya   anda sendiri yang bisa masuk ke halaman ini (kecuali passwordnya anda   sebarkan pada orang lain). Di sinilah tempat anda mengutak-atik blog   anda, mulai dari menerbitkan tulisan, mengisi biodata, mengatur warna   tulisan, memberi gambar, video, tata letak, dan masih banyak lagi.</span><br />
<span class="fullpost"></span></div><span class="fullpost"><br />
<a href="http://www.blogernas.co.cc/2010/03/membuat-website-gratis-dengan-blogger.html" title="Membuat Website Gratis dengan Blogger"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5453303462940836738" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVcLaWAEo0-djsbtgahVj49jJpY-fCutjsL9tFWdET5fSHwWRqCk5L49P_lu498cyAdXKKdyCzwtPfdADtJXF-uXzsiabCt5IzIR6K2bN8BVVUssDNwCnWYIPIHGqO9GZfzsif3wnpnIaS/s320/14.png" style="cursor: pointer; display: block; height: 241px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a></span><div style="text-align: justify;"><span class="fullpost">   11. Setiap selesai bekerja dihalaman dasbor pastikan anda menutupnya   kembali. Jika tidak blog anda bisa diutak atik dan disalahgunakan orang   lain. Caranya klik menu Keluar.</span><br />
<span class="fullpost"></span></div><span class="fullpost"><br />
<a href="http://www.blogernas.co.cc/2010/03/membuat-website-gratis-dengan-blogger.html" title="Membuat Website Gratis dengan Blogger"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5453303467020585202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvcAfrBb36gWzC_plUgmY0r6KdeI3DlxnrsXXV4QuhRbJh6PCwV_ySnrZyk8bFibOsq3VxmxHD3WMK-6RKM9Obj6bIjLnAuucGL7bY8K8MieBH3_US1lC4Y9sQ0MgevYJn7ooRAjf_KVoG/s320/15.png" style="cursor: pointer; display: block; height: 28px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a></span><div style="text-align: justify;"><span class="fullpost"> 12. Selamat! Sekarang anda sudah punya sebuah blog, yang bisa dibuka dengan alamat: http://www.<b>NAMABLOGANDA</b>.blogspot.com  seperti blog ini http://isidunia.blogspot.com/  Sedangkan untuk  mengelolanya anda tetap harus masuk melalui  http://www.blogger.com.  Tentunya dengan mengisi kotak email dan password  yang tersedia. </span></div></div>

Cara Mebuat Blog Lengkap Dengan Gambar

Mengapa harus Blogspot? Salah satu penyedia Blog yang cukup populer saat ini adalah Blogspot atau Blogger. Kelebihan blogspot di ban...

Cara Baru Membuat Slide Profil Di Blog Dengan Css

Pada kesempatan kali ini aku akan mengeshare tentang mempercantik blog dengan membuat Slide Profil Menggunakan Css.<br />
Langsung aja tanpa panjang lebar<br />
<br />
<span style="font-size: large;"><b>Arahkan Kursor Sobat Ke Tulisan <span style="color: red;">About The Author</span> Maka Akan Muncul Profilnya.. :)</b></span><br />
<br />
<div id="fajarkode"><style>
.tejaslide a { display: block; height: 130px; margin:0px; background: rgba(215,215,215,0.6);border: 1px solid #ccc; height: 130px; overflow: hidden;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-khtml-border-radius: 10px;}.tejaslide img{float:left;}        .tejaslide h5 { color: #333; text-align: center;height: 80px;margin-top:30px;font: italic 18px/65px Georgia, Serif;opacity: 1;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-khtml-border-radius: 10px;}        .tejaslide a:hover h5 { margin-top: -130px; opacity: 0; }        .tejaslide div { position: relative; color: white; font: 12px/15px Georgia, Serif;height: 130px; padding: 10px; opacity: 0; -webkit-transform: rotate(180deg); -webkit-transition: all 0.8s linear; -moz-transform: rotate(180deg); -moz-transition: all 0.8s linear; -o-transform: rotate(180deg); -o-transition: all 0.8s linear;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; -khtml-border-radius: 10px;}.tejaslide a:hover div {background:-moz-linear-gradient(top,#ddd,#444);background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#444));color:#000;opacity: 1; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; -khtml-border-radius: 10px}
</style></div><br />
<br />
<br />
<section class="tejaslide"><br />
<a href="http://riderspack.blogspot.com/"><br />
<h5>About The Author</h5><div><img height="50" src="http://www.dur.ac.uk/dusc/images/rs_logo.jpg" style="border: 0px;" width="50" />Nama saya Fajar Bahari, Saya Bukan Seorang Blogger, Desainer atau Apapun Tapi Saya Hanya Seseorang Pelajar Yang Baru Mendalami Blogger</div></a><br />
</section><br />
Nah Begitulah Demonya..Bila Sobat Ingin Widget Seperti Itu. Silakan Ikuti Langkah-Langkah Berikut ini :<br />
<br />
1. Login Ke Akun Blogger Sobat<br />
2. Pada Dasbor Pilh Rancangan/Design  Kemudian Pilih Tambah Gadget / Add Gadget Dan Pilih Yang HTML/JAVASCRIPT<br />
3. Copas Kode Berikut Tepat Didalamnya<br />
<br />
<div id="tejakode"><style>.fajarslide a { display: block; height: 130px; margin:0px; background: rgba(215,215,215,0.6);border: 1px solid #ccc; height: 130px; overflow: hidden;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-khtml-border-radius: 10px;}.fajarslide img{float:left;}        .fajarslide h5 { color: #333; text-align: center;height: 80px;margin-top:30px;font: italic 18px/65px Georgia, Serif;opacity: 1;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-khtml-border-radius: 10px;}        .fajarslide a:hover h5 { margin-top: -130px; opacity: 0; }        .fajarslide div { position: relative; color: white; font: 12px/15px Georgia, Serif;height: 130px; padding: 10px; opacity: 0; -webkit-transform: rotate(180deg); -webkit-transition: all 0.8s linear; -moz-transform: rotate(180deg); -moz-transition: all 0.8s linear; -o-transform: rotate(180deg); -o-transition: all 0.8s linear;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; -khtml-border-radius: 10px;}.fajarslide a:hover div {background:-moz-linear-gradient(top,#ddd,#444);background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#444));color:#000;opacity: 1; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; -khtml-border-radius: 10px}</style><br />
<section class="fajarslide"><br />
<a href="<span style="color: magenta;">http://riderspack.blogspot.com/</span>"><br />
<h5><br />
About The Author</h5><br />
<div><br />
<img height="<span style="color: yellow;">50</span>" src="<span style="color: red;">http://www.dur.ac.uk/dusc/images/rs_logo.jpg</span>" style="border: 0px;" width="<span style="color: yellow;">50</span>" /><span style="color: lime;">Nama saya Fajar Bahari, Saya Bukan Seorang Blogger, Desainer atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar dan Ingin Tahu Sesuatu Yang Baru...</span></div><br />
</a><br />
</section></div><br />
<span style="color: black;"><span style="font-family: 'Trebuchet MS',Verdana,Arial,sans-serif;">4 . Kemudian Klik Simpan Dan Lihat Hasilnya.. :)<br />
<br />
<span style="color: #cccccc;">Catatan : kode Yang Berwarna</span> <span style="color: red;">Merah</span> <span style="color: #cccccc;">Bisa Sobat Ubah Dengan Url foto sobat Apabila Ukuran Gambar Sobat Berukuran Lebih dari 50px x 50px  Sobat Bisa Mengubah Ukurannya Sesuai Ukuran Foto sobat..Dengan Mengubah Angka 50 (kode yang berwarna</span> <span style="color: yellow;">Kuning</span><span style="color: #cccccc;">) dengan ukuran fotonya,KOde Yang Berwarna</span> <span style="color: lime;">Hijau</span> <span style="color: #cccccc;">Bisa Sobat Ubah Dengan Kata-kata Sobat Sendiri dan ganti tulisang yang berwarna </span><span style="color: magenta;">merah mudah</span> <span style="color: #cccccc;">dengan situs blogger anda.</span><br style="color: #cccccc;" /><span style="color: #cccccc;"> </span><br style="color: #cccccc;" /><span style="color: #cccccc;"> Semoga Sobat Semua Senang Apa Yang Saya Share Kali Ini... hehehe :D</span></span></span>

Cara Baru Membuat Slide Profil Di Blog Dengan Css

Pada kesempatan kali ini aku akan mengeshare tentang mempercantik blog dengan membuat Slide Profil Menggunakan Css. Langsung aja tanpa panj...

Cara Membuat Menu Drop Down Horizontal Dibawah Header Blog

<span class="”fullpost”">Pada Tutorial Blog Sebelumnya ,Blog Sharing Ilmu Pengetahuan Sudah menjelaskan Pada Sobat Tentang Bagaimana Cara Memasang Toolbar Canggih Wibiya   </span>Dan Pada Tutorial Blog Kali Ini Juga Saya akan Menjelaskan Pada Sobat Tentang Bagamana <span style="color: black;">Cara Membuat Menu Drop Down Horizontal Dibawah Header Blog</span>.Membuat  Menu Drop Down Horizntal Ini Bertujuan Untuk Memudahkan Pengunjung Blog  Sobat Agar Mereka Yg Mengunjungi Blog Sobat Dengan Mudah Memilih Menu  Yg Diinginkannya,Menu Drop Down Horizontal Ini Juga Bertujuan Untuk  Memperindah Blog Sobat. <br />
Contoh Menu Drop Down Bisa Sobat Liat Gambar Diatas Atau Juga Bisa Sobat Liat  Menu Yg Ada Di Blog Sharing Ilmu Pengetahuan Ini.Menu Drop Down Ini Saya Pasang Bertujuan Untuk Memperindah Blog saya.<br />
Y Udah  Dari Pada Kelamaan, Langsung Ja Sob Saya Memulai Langkah Demi Langkahnya.<br />
<br />
<a href="http://www.blogger.com/post-edit.g?blogID=5667808838511961285&postID=1478708720565807399" name="more"></a><br />
<br />
<ol><li>Login Ke akun Blog Sobat </li>
<li>Pada Halaman Dasbor Sobat Pilih  Rancangan/Tata Letak/Design --> Edit HTML </li>
<li>Cari Kode <b style="color: red;">]]></b:skin></b> (Tekan CTRL F/F3 untuk Mempermudah Pencarian) </li>
<li>Masukan Kode Berikut Tepat Diatas Kode <b style="color: red;">]]></b:skin></b></li>
</ol><div style="-moz-border-radius: 10px 10px 10px 10px; background: none repeat scroll 0% 0% rgb(0, 0, 0); border-color: rgb(212, 54, 33) rgb(31, 156, 10) rgb(31, 156, 10) rgb(212, 54, 33); border-style: solid; border-width: 4px; color: white; height: 500px; line-height: 1.5em; overflow: auto; padding: 5px; width: 400px;">#tejahtc{<br />
height:33px;<br />
width:1000px;<br />
margin:0 auto;<br />
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXxAap3mOHRWEhuBO8Vk_vgNRSMUDBc8pWKOn2rVmclXXkRYfDWqLNd8btms_yLGwtNVFtK8W4-75mSF30QAKkrrwPfU-EMq0yFYl_xOFysD3M2FAoTpsZNSfguxCb6c7sfenrRQaAdaKC/) repeat-x;<br />
display:block;<br />
padding:0px 0 0px 0px;<br />
font-size:12px;<br />
font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;<br />
font-weight:normal;<br />
border-top:1px solid #252424;<br />
}<br />
<br />
<br />
#tejas{<br />
margin: 0px;<br />
padding: 0px;<br />
width:1000px;<br />
background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXxAap3mOHRWEhuBO8Vk_vgNRSMUDBc8pWKOn2rVmclXXkRYfDWqLNd8btms_yLGwtNVFtK8W4-75mSF30QAKkrrwPfU-EMq0yFYl_xOFysD3M2FAoTpsZNSfguxCb6c7sfenrRQaAdaKC/) repeat-x;<br />
height:33px;<br />
}<br />
<br />
<br />
#tejas ul {<br />
float: left;<br />
list-style: none;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
<br />
#tejas li {<br />
float: left;<br />
list-style: none;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
<br />
#tejas li a, #tejas li a:link, #tejas li a:visited {<br />
color: #fae7df;<br />
display: block;<br />
margin: 0px;<br />
padding: 9px 10px 10px 10px;<br />
}<br />
<br />
<br />
#tejas li a:hover, #tejas li a:active {<br />
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibw_dUi5GuAdRFj46TQ_yr51U_KhO99SnnhKb5dVjSAdEuR_ylIvranvFfTQ9YntOnnE3VbxW8mC41olMh1nlYKBJsP2cJ28WRZfXxk-miBZ-ItjKzkshSf_iRYK0hRBTUGK6XZF58TaCf/) repeat-x;<br />
color: #fff;<br />
margin: 0px;<br />
padding: 9px 10px 10px 10px;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
#tejas li li a, #tejas li li a:link, #tejas li li a:visited {<br />
background:#ED4A05;<br />
width: 150px;<br />
color: #fae7df;<br />
font-family:Tahoma,century gothic,Georgia, sans-serif;<br />
font-weight: normal;<br />
float: none;<br />
margin: 0px;<br />
padding: 9px 10px 10px 10px;<br />
border-bottom: 1px solid #FF7800;<br />
<br />
<br />
}<br />
<br />
<br />
#tejas li li a:hover, #tejas li li a:active {<br />
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibw_dUi5GuAdRFj46TQ_yr51U_KhO99SnnhKb5dVjSAdEuR_ylIvranvFfTQ9YntOnnE3VbxW8mC41olMh1nlYKBJsP2cJ28WRZfXxk-miBZ-ItjKzkshSf_iRYK0hRBTUGK6XZF58TaCf/) repeat-x;<br />
color: #fff;<br />
padding: 9px 10px 10px 10px;<br />
}<br />
<br />
<br />
#tejas li ul {<br />
z-index: 9999;<br />
position: absolute;<br />
left: -999em;<br />
height: auto;<br />
width: 170px;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
<br />
#tejas li li {<br />
}<br />
<br />
<br />
#tejas li ul a {<br />
width: 140px;<br />
}<br />
<br />
<br />
#tejas li ul a:hover, #tejas li ul a:active {<br />
}<br />
<br />
<br />
#tejas li ul ul {<br />
margin: -34px 0 0 170px;<br />
}<br />
<br />
<br />
#tejas li:hover ul ul, #tejas li:hover ul ul ul,<br />
#tejas li.sfhover ul ul, #tejas li.sfhover ul ul ul {<br />
left: -999em;<br />
}<br />
<br />
<br />
#tejas li:hover ul, #tejas li li:hover ul,<br />
#tejas li li li:hover ul, #tejas li.sfhover ul,<br />
#tejas li li.sfhover ul, #tejas li li li.sfhover ul {<br />
left: auto;<br />
}<br />
<br />
<br />
#tejas li:hover, #tejas li.sfhover {<br />
position: static;<br />
}</div><br />
   5.Setelah itu copy kode dibawah ini dan paste tepat dibawah kode <b style="color: red;"><div id='content-wrapper'> </b><br />
<br />
<div style="-moz-border-radius: 10px 10px 10px 10px; background: none repeat scroll 0% 0% rgb(0, 0, 0); border-color: rgb(212, 54, 33) rgb(31, 156, 10) rgb(31, 156, 10) rgb(212, 54, 33); border-style: solid; border-width: 4px; color: white; height: 500px; line-height: 1.5em; overflow: auto; padding: 5px; width: 400px;"><div id='tejahtc'><br />
<div id='tejas'><br />
<br />
<ul><br />
<li><a href='http://NAMA LINK BLOG ANDA/'>Home</a></li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1</a><br />
<ul class='children'><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-1</a></li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-2</a></li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-3</a></li><br />
</ul><br />
</li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2</a><br />
<ul class='children'><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-1</a></li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-2</a></li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-2</a></li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-3</a></li><br />
</ul><br />
</li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3</a><br />
<ul class='children'><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3-1</a></li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3-2</a></li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3-3</a></li><br />
</ul><br />
</li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-4</a></li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5</a><br />
<ul class='children'><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5-1</a></li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5-2</a></li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5-3</a></li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5-4</a></li><br />
</ul><br />
</li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-6</a><br />
<ul class='children'><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-6-1</a></li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-6-2</a></li><br />
</ul><br />
</li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-7</a></li><br />
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-8</a></li><br />
</ul><br />
<br />
</div><br />
</div><br />
<br />
<br />
<div class='clear'/> </div><br />
  6.Simpan Templatenya Dan Lihat Hasilnya

Cara Membuat Menu Drop Down Horizontal Dibawah Header Blog

Pada Tutorial Blog Sebelumnya ,Blog Sharing Ilmu Pengetahuan Sudah menjelaskan Pada Sobat Tentang Bagaimana Cara Memasang Toolbar Canggih Wi...

Kode Warna

Kode Warna

Mengubah Ukuran Template Blog

Pada artikel kali ini saya akan memberikan tips cara mengubah ukuran template blog.pertama saya akan menjelaskan apa maksud dari gambar diatas?.gambar diatas adalah kerangka template blog,dalam gambar tsb sudah ada keterangan tentang bagian-bagiannya.<br />
langsung aja saya mulai cara-caranya:<br />
<br />
1. Login ke Blog Kamu<br />
2. Klik tata Letak<br />
3. Klik Edit HTML<br />
4. Disarankan sebelum mengedit Kode Html kamu,silahkan kamu membackup Code HTML kamu, demi keamanan, jika terjadi sesuatu yang tidak di inginkan.<br />
<br />
* Untuk mengedit ukuran Halaman Blog<br />
<br />
Cari kode di bawah ini:<br />
<br />
#outer-wrapper {<br />
width: 660px;<br />
margin:0 auto;<br />
padding:10px;<br />
text-align:$startSide;<br />
font: $bodyfont;<br />
}<br />
<br />
<br />
Keterangan :<br />
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F<br />
Untuk untuk merubah ukuran lebar halaman blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.<br />
<br />
* Untuk mengedit ukuran Halaman Posting<br />
<br />
Cari kode di bawah ini:<br />
<br />
#main-wrapper {<br />
width: 410px;<br />
float: $startSide;<br />
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br />
overflow: hidden;/* fix for long non-text content breaking IE sidebar float */<br />
}<br />
<br />
<br />
Keterangan :<br />
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F<br />
Untuk untuk merubah ukuran lebar Halaman Posting, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.<br />
<br />
* Untuk mengedit ukuran Sidebar Blog<br />
<br />
Cari Code di bawah ini:<br />
<br />
#sidebar-wrapper {<br />
width: 220px;<br />
float: $endSide;<br />
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br />
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br />
}<br />
<br />
<br />
<br />
Keterangan :<br />
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F<br />
Untuk untuk merubah ukuran lebar Side Bar Blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.<br />
<br />
* Untuk mengedit ukuran Header Blog,<br />
<br />
Cari Code di bawah ini:<br />
<br />
#header-wrapper {<br />
width:660px;<br />
margin:0 auto 10px;<br />
border:1px solid $bordercolor;<br />
}<br />
<br />
<br />
Keterangan :<br />
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F<br />
Untuk untuk merubah ukuran lebar Header Blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.<br />
<br />
* Untuk mengedit ukuran Footer Blog<br />
<br />
Cari Code di bawah ini:<br />
<br />
#footer {<br />
width:660px;<br />
clear:both;<br />
margin:0 auto;<br />
padding-top:15px;<br />
line-height: 1.6em;<br />
text-transform:uppercase;<br />
letter-spacing:.1em;<br />
text-align: center;<br />
}<br />
<br />
<br />
Keterangan :<br />
Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F<br />
Untuk untuk merubah ukuran lebar Footer Blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.<br />
<br />
Catatan:<br />
Jika lebar salah satu dari kelima elemen yang telah di sebut di atas (Halaman Blog, Halaman Posting, Side Bar Blog, Header Blog, dan Footer Blog) diubah, maka akan mempengaruhi Keserasian elemen yang lain. Oleh karena itu, jika Anda ingin merubah lebar salah satu elemen, maka anda juga harus menyesuaikan dengan lebar elemen yang lain, karena jika antara satu elemen yang satu dengan yang lain tidak serasi, maka tampilan blog anda akan menjadi kacau, anda tidak mau kan. Kalau tujuan anda yang mulanya ingin mempercantik blog anda justru ujung-ujungnya malah merusak blog anda sendiri maka dari itu. Hati-hati,,,<br />
~Selamat mencoba,Semoga berhasil~

Mengubah Ukuran Template Blog

Pada artikel kali ini saya akan memberikan tips cara mengubah ukuran template blog.pertama saya akan menjelaskan apa maksud dari gambar diat...

Cara Mengatasi Expand Template Widget Yang Error

Pada Tutorial Blog Sebelumnya Saya Sudah Menjelaskan Tentang Cara Membuat Menu Drop Down Horizontal Di Bawah Header Blog ..dan Pada Tutorial Blog Kali Ini Juga Tepat Di Blog Sharing Ilmu Pengetahuan Saya Akan Menjelaskan Pada Sobat Tentang Cara Mengatasi Expand Template Widget Yang Error,Saya Membuat Artikel Ini Karna Ada Salah Satu Teman Saya Menanyakan Tentang Hal Ini ,yg Pada Saat Itu bagian Menu Edit Template Blog,banyak Yg Error, salah satunya adalah button Edit HTML  yang ada tidak berfungsi. Namun, tidak lama setelah itu ternyata tombol yang ada sudah bisa berfungsi secara normal, namun ada satu fungsi yang belum normal yaitu Expand Template Widget, jika di klik maka yang kleuar berupa halaman Not found atau Error 404, sedangkan pada address bar yang muncul adalah seperti ini :<br />
http://www.blogger.com/null&tpl=true<br />
<br />
Ternyata untuk masalah ini untuk sementara waktu ada solusi mudah yaitu dengan menambahkan &tpl=true .<br />
<br />
Caranya seperti ini, pada saat anda berada pada posisi menu Edit HTML, pada address bar akan terlihat alamat seperti ini :<br />
<br />
http://www.blogger.com/html?blogID=xxxxxxxxxxx<br />
<br />
anda tinggal tambahkan kode &tpl=true di belakangnya, sehingga kodenya jadi seperti ini :<br />
<br />
http://www.blogger.com/html?blogID=xxxxxxxxxxx&tpl=true<br />
<br />
Lalu tinggal tekan Enter saja, dan editor kini sudah menjadi dalam posisi Expand Template Widget dan anda sudah bisa langsung mengedit template secara normal. Contoh kode yang nyata :<br />
<br />
http://www.blogger.com/html?blogID=5855017457511831324&tpl=true <br />
<br />
<br />
<br />
SEMOGA BERMANFAAT

Cara Mengatasi Expand Template Widget Yang Error

Pada Tutorial Blog Sebelumnya Saya Sudah Menjelaskan Tentang Cara Membuat Menu Drop Down Horizontal Di Bawah Header Blog ..dan Pada Tutorial...

Cara Memasang Efek kembang Api Di blog

<blockquote><div class="separator" style="clear: both; text-align: center;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKIyHztZodH1AQU5L2p2VQz-3mRyCAAfExcAOmoGmRBhAtOWLZgOe31BFOjbTP4cmMj1ma9g-AomXLGDtarWRLgBDYeTHRgu37llVotyqH3kakcZwuTNEsgV0lgdSIGOzMv-CzZ-6jKCxM/s200/dogs%252Band%252Bfireworks.jpg.bmp" width="200" /> </div><b>BERIKUT CARA MEMASANG EFEK KEMBANG API DI BLOG</b> </blockquote><a href="" name="more"></a><ol><li>Login Ke akun blog sobat </li>
<li>Pilih Rancangan/tata letak/design</li>
<li>Tambah Gadget dan Pilih Yg HTML JAVA SCRIPT</li>
<li>Masukan Kode Berikut Didalamnya </li>
</ol><span class="”fullpost”">   </span><script src="http://www.geocities.com/yono_pati/kembangapi.js" type="text/javascript"><br />
<br />
/***********************************************<br />
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/<br />
* Please keep this notice intact<br />
***********************************************/<br />
</script><br />
<br />
      5.Simpan Dan Lihat Hasilnya

Cara Memasang Efek kembang Api Di blog

BERIKUT CARA MEMASANG EFEK KEMBANG API DI BLOG Login Ke akun blog sobat Pilih Rancangan/tata letak/design Tambah Gadget dan Pilih Yg H...

Cara Memasang Efek Hujan Salju Di blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQD6EKAxLePzpopyICElZ-irs06eqOKfmIrxPJstU7ESQb19ZkULVeU6UQdfkK4-C2BC3eUCk4lJ90yjkJw6iEjZNSYWDrXV-k6qeo0SpjdtfHJFfyPbdmC540nVGeZa64QDXHaQb-0W7x/s1600/dx-winter-snow-screensaver_2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQD6EKAxLePzpopyICElZ-irs06eqOKfmIrxPJstU7ESQb19ZkULVeU6UQdfkK4-C2BC3eUCk4lJ90yjkJw6iEjZNSYWDrXV-k6qeo0SpjdtfHJFfyPbdmC540nVGeZa64QDXHaQb-0W7x/s200/dx-winter-snow-screensaver_2.png" width="200" /> </a></div><div class="separator" style="clear: both; text-align: center;"><b>BERIKUT CARA MEMASANG EFEK HUJAN SALJU DI BLOG </b></div><a href="" name="more"></a><br />
<div class="separator" style="clear: both; text-align: left;">   1. Login Ke akun blog sobat </div>   2. Pilih Rancangan/tata letak/design<br />
   3. Tambah Gadget dan Pilih Yg HTML JAVA SCRIPT<br />
   4. Masukan Kode Berikut Didalamnya<br />
<br />
<span class="”fullpost”">   </span><script type="text/javascript" src=" http://muhammadsuteja.googlecode.com/files/Snowdj1.js "></script><br />
<br />
   5.Sipan Dan lihat Hasilnya

Cara Memasang Efek Hujan Salju Di blog

BERIKUT CARA MEMASANG EFEK HUJAN SALJU DI BLOG 1. Login Ke akun blog sobat 2. Pilih Rancangan/tata letak/design 3. Tambah Gadge...

Pasang Widget Whos.amung.us untuk mengetahui pengunjung yang online di blog kita

<h3 class="post-title entry-title" style="font-weight: normal;">halo teman-teman di kesempatan kali ini  saya akan share tentang bagaimana cara mengetahui pengunjung yang online  di blog kita.Disini saya akan memberikan cara yang paling mudah untuk  di pahami sekaligus di praktekan oleh kawan-kawan, yaitu dengan memasang  widget gratis dari <a href="http://whos.amung.us/stats/2pbd8bpawrlj/"><span style="color: #66cccc;">Whos.amung.us.</span></a></h3><span style="font-size: 85%;"> <br />
Sebelum  memasang Widgetnya di blog teman-teman, silahkan teman lihat contohnya  di blog ini bagian kanan bawah.Bagaimana, apakah sobat tertarik? jika  ya, saya akan memberikan contoh gambar Widget yang lain dan kode HTML  nya gratis buat sobat.Dan sobat bisa memilih mana yang paling sobat  sukai.</span><br />
<br />
1. Widget untuk bagian kiri atas blog.<br />
<br />
<br />
<br />
<div style="text-align: center;"><img src="http://assets.amung.us/images/misc/tab-lu.png" /> </div><div style="text-align: center;"><span style="font-weight: bold;">Kode HTMLnya :</span><br />
<div id="tejakode"><span style="font-size: 85%;"><span style="color: #66cccc;">script  type="text/javascript"  src="http://widgets.amung.us/tab.js"></script><script  type="text/javascript">WAU_tab('2pbd8bpawrlj',  'left-upper')</script></span></span></div><div style="text-align: justify;"><br />
2. Widget untuk bagian kiri tengah blog.<br />
<br />
<br />
</div><div style="margin-left: 1em; margin-right: 1em; text-align: center;"><img src="http://assets.amung.us/images/misc/tab-lm.png" /></div><div style="font-weight: bold; text-align: center;">Kode HTMLnya :</div><div id="tejakode"><span style="color: #66cccc; font-size: 85%;"><script  type="text/javascript"  src="http://widgets.amung.us/tab.js"></script><script  type="text/javascript">WAU_tab('2pbd8bpawrlj',  'left-middle')</script></span></div><br />
<div style="text-align: justify;">3. Widget untuk bagian kiri bawah blog.<br />
<br />
<br />
</div><div style="margin-left: 1em; margin-right: 1em; text-align: center;"><img src="http://assets.amung.us/images/misc/tab-ll.png" /> </div><div style="margin-left: 1em; margin-right: 1em; text-align: center;"><span style="font-weight: bold;">Kode HTMLnya : </span><br />
<div id="tejakode"><span style="font-size: 85%;"><span style="color: #66cccc;"><script  type="text/javascript"  src="http://widgets.amung.us/tab.js"></script><script  type="text/javascript">WAU_tab('2pbd8bpawrlj',  'left-lower')</script></span></span></div><br />
<div style="text-align: justify;"><div style="text-align: left;">4<i>. </i>Widget untuk bagian bawah kiri blog.<br />
<br />
<br />
<br />
<i> </i></div><div style="margin-left: 1em; margin-right: 1em; text-align: center;"><img src="http://assets.amung.us/images/misc/tab-bl.png" /> </div><div style="margin-left: 1em; margin-right: 1em; text-align: center;"><span style="font-weight: bold;">Kode HTMLnya : </span><br />
<div id="tejakode"><span style="font-size: 85%;"><span style="color: #66cccc;"><script  type="text/javascript"  src="http://widgets.amung.us/tab.js"></script><script  type="text/javascript">WAU_tab('2pbd8bpawrlj',  'bottom-left')</script></span></span></div><br />
<div style="text-align: justify;">5. Widget untuk bagian bawah tengah blog.</div><br />
<br />
<div style="margin-left: 1em; margin-right: 1em; text-align: center;"><img src="http://assets.amung.us/images/misc/tab-bc.png" /> </div><div style="margin-left: 1em; margin-right: 1em; text-align: center;"><span style="font-weight: bold;">Kode HTMLnya : </span><br />
<div id="tejakode"><span style="color: #66cccc; font-size: 85%;"><script  type="text/javascript"  src="http://widgets.amung.us/tab.js"></script><script  type="text/javascript">WAU_tab('2pbd8bpawrlj',  'bottom-center')</script></span></div><br />
<div style="text-align: left;">6<i>. </i>Widget untuk bagian bawah kanan blog.<br />
<br />
<br />
</div><div style="text-align: left;"><i> </i></div><div style="margin-left: 1em; margin-right: 1em; text-align: center;"><img src="http://assets.amung.us/images/misc/tab-br.png" /> </div><div style="margin-left: 1em; margin-right: 1em; text-align: center;"><span style="font-weight: bold;">Kode HTMLnya :</span><br />
<div id="tejakode"><span style="color: #66cccc; font-size: 85%;"><script  type="text/javascript"  src="http://widgets.amung.us/tab.js"></script><script  type="text/javascript">WAU_tab('2pbd8bpawrlj',  'bottom-right')</script></span></div><br />
<br />
<div style="text-align: left;">7.  Widget untuk bagian kanan atas blog.<br />
<br />
<br />
</div><div style="margin-left: 1em; margin-right: 1em; text-align: center;"><img src="http://assets.amung.us/images/misc/tab-ru.png" /> </div><div style="margin-left: 1em; margin-right: 1em; text-align: center;"><span style="font-weight: bold;">Kode HTMLnya : </span><br />
<div id="tejakode"><span style="color: #66cccc; font-size: 85%;"><script  type="text/javascript"  src="http://widgets.amung.us/tab.js"></script><script  type="text/javascript">WAU_tab('2pbd8bpawrlj',  'right-upper')</script></span></div></div></div><div style="text-align: justify;">8.  Widget untuk bagian kanan tengah blog.<br />
<br />
<br />
</div><div style="margin-left: 1em; margin-right: 1em; text-align: center;"><img src="http://assets.amung.us/images/misc/tab-rm.png" /> </div><span style="font-weight: bold;">Kode HTMLnya :</span><br />
<div id="tejakode"><span style="color: #66cccc; font-size: 85%;"><script  type="text/javascript"  src="http://widgets.amung.us/tab.js"></script><script  type="text/javascript">WAU_tab('2pbd8bpawrlj',  'right-middle')</script></span></div><br />
<br />
<div style="text-align: left;">9<i>.  </i>Widget untuk bagian kanan bawah blog.<br />
<br />
<br />
</div><img src="http://assets.amung.us/images/misc/tab-rl.png" /> <br />
<div style="text-align: center;"><span style="font-weight: bold;">Kode HTMLnya :</span><br />
<div id="tejakode"><span style="color: #66cccc; font-size: 85%;"><script  type="text/javascript"  src="http://widgets.amung.us/tab.js"></script><script  type="text/javascript">WAU_tab('2pbd8bpawrlj',  'right-lower')</script></span></div><br />
<br />
<div style="text-align: justify;"><span style="font-weight: bold;">Langkah selanjutnya :</span><br />
<br />
<span style="font-size: 85%;"><span class="fullpost">1. Masuk ke akun blog Sobat, pada menu <span style="font-weight: bold;">dashboard</span> pilih<span style="font-weight: bold;"> layout/rancangan.</span></span><br />
<span class="fullpost"> 2. Klik pada menu<span style="font-weight: bold;"> edit HTML.</span></span><br />
<span class="fullpost"></span></span></div><div style="text-align: justify;"><span style="font-size: 85%;"><span class="fullpost"> 3. Selanjutnya, cari kode berikut </span>==>><span style="color: #66cccc;">]]></b:skin></span><br />
<br />
<span class="fullpost">4. Copy <i>Kode HTML Widget Whos.amung.us</i> yang berwarna merah di atas, sesuai selera Sobat dan </span><span class="fullpost">Paste</span><span class="fullpost"> tepat di bawah kode </span>==>><span style="color: #66cccc;">]]></b:skin></span></span></div></div><div style="text-align: justify;"><span style="font-size: 85%;"><span class="fullpost">5. Terakhir jangan lupa simpan template.</span></span></div></div></div></div></div></div>

Pasang Widget Whos.amung.us untuk mengetahui pengunjung yang online di blog kita

halo teman-teman di kesempatan kali ini saya akan share tentang bagaimana cara mengetahui pengunjung yang online di blog kita.Disini saya ...

Macam-Macam Widget Untuk Mempercantik Blog

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQR9O5BGgQYC3CSFpqM23FRGv3JQig-vOLFnjasV0j1CggeF2w_DaGvOnwu_RlfEaBzh8gftwvU1XOqEuHrM4o9JnTk2a93Ep7mC5KrA4k6odUQagOz2X1DMrjOVAUqmWMTVwfmdFCbTE/s1600/widget.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQR9O5BGgQYC3CSFpqM23FRGv3JQig-vOLFnjasV0j1CggeF2w_DaGvOnwu_RlfEaBzh8gftwvU1XOqEuHrM4o9JnTk2a93Ep7mC5KrA4k6odUQagOz2X1DMrjOVAUqmWMTVwfmdFCbTE/s1600/widget.jpg" /></a><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Kurang pas rasanya membuat blog tanpa memasang sebuah widget. Fungsi widget memang bermacam-macam, ada yang berfungsi menghitung jumlah pengunjung, mempercantik laman blog, menambah interaksi dengan para pengunjung, atau ada juga yang hanya sebagai pelengkap saja.</span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Di postingan ini saya<span class="Apple-converted-space"> </span></span><a href="http://warnetjago.blogspot.com/2010/08/macam-macam-widget-untuk-mempercantik.html#" id="_GPLITA_4" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #c52323; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; outline-color: initial; outline-style: none; outline-width: initial; text-align: -webkit-auto; text-decoration: underline; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" title="Powered by Text-Enhance">ingin</a><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>menyarankan beberapa widget yang menurut saya pantas dipasang di blog teman-teman blogger semua  tentunya jangan dipasang semua, pilih saja yang kira-kira penting kalau dipasang semua nanti blognya malah lambat untuk diload dan bisa-bisa para pengunjung malas untuk datang berkunjung kembali.</span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><a href="" name="more" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"></a><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><br />
<div style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: black; color: #ffe599; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b><u><span style="background-color: white;"></span></u></b></div><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- Fre Hit Counter ( Situs Web<span class="Apple-converted-space"> </span><a href="http://freelogs.com/" style="color: #c52323; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;">http://freelogs.com/</a><span class="Apple-converted-space"> </span>)</b><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Widget sederhana ini berfungsi menghitung semua pengunjung yang masuk ke blog kita, untuk mengunakannya teman-teman<span class="Apple-converted-space"> </span></span><a href="http://warnetjago.blogspot.com/2010/08/macam-macam-widget-untuk-mempercantik.html#" id="_GPLITA_2" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #c52323; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; outline-color: initial; outline-style: none; outline-width: initial; text-align: -webkit-auto; text-decoration: underline; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" title="Powered by Text-Enhance">harus</a><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>registrasi dulu.</span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><br />
</b><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- Histats ( Situs Web<span class="Apple-converted-space"> </span><a href="http://a12e40f6.linkbucks.com/" style="color: #c52323; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;">http://www.histats.com/</a><span class="Apple-converted-space"> </span>)</b><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Pasilitas yang disediakan dari widget ini cukup lengkap, Histats mampu mendeteksi jumlah pengunjung yang masuk, pengunjung yang  sedang online, jumlah halaman yang dibuka, browser dan OS yang digunakan, asal pengunjung yang datang apakah dari mesin pencari atau dari web lain berikut kata kunci yang digunakan untuk masuk ke blog kita dan masih banyak lagi. Yang paling menarik dari histats yaitu dapat menampilkan grafik pengunjung secara harian dan bulanan.</span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- Flag Counter ( Situs Web<span class="Apple-converted-space"> </span><a href="http://c267df17.linkbucks.com/" style="color: #c52323; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;">http://flagcounter.com/index.html</a><span class="Apple-converted-space"> </span>)</b><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Sesuai dengan namanya flag counter berfungsi menghitung jumlah bendera atau negara yang berkunjung ke blog kita.</span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- Feedjit ( Situs Web<span class="Apple-converted-space"> </span><a href="http://45387363.linkbucks.com/" style="color: #c52323; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;">http://feedjit.com/</a><span class="Apple-converted-space"> </span>)</b><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Feedjit akan menampilkan traffic pengunjung yang datang secara real time mulai dari negara asal pengunjung, browser dan OS yang digunakan, kata kunci yang digunakan untuk menemukan blog kita.</span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Namun sayang pemasangan widget ini sedikit menyita ruang di dalam blog karena ukurannya yang lumayan panjang.</span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- Widgeo  ( Situs Web<span class="Apple-converted-space"> </span><a href="http://6592e84d.linkbucks.com/" style="color: #c52323; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;">http://www.widgeo.net/</a><span class="Apple-converted-space"> </span>)</b><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Pasilitas dan tampilannya sangat keren dan disertai dengan animasi yang menarik, bisa menampilkan semua  pengunjung yang masuk dari berbagai penjuru dunia secara real time, termasuk yang sedang online. Sayang pemasangan widget ini harus dibayar dengan munculnya berbagai macam jendela popup yang sangat mengganggu.</span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- Whos.amung.us ( Situs Web<span class="Apple-converted-space"> </span><a href="http://6c7eb028.linkbucks.com/" style="color: #c52323; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;">http://whos.amung.us/</a><span class="Apple-converted-space"> </span>)</b><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Jumlah pengunjung yang sedang online di blog teman-teman bisa diketahui dengan memasang widget ini, tanda ada yang online yaitu berupa angka yang menunjukan jumlah pengunjung.</span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- Revolver maps ( Situs Web<span class="Apple-converted-space"> </span><a href="http://748d3b09.linkbucks.com/" style="color: #c52323; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;">http://www.revolvermaps.com</a><span class="Apple-converted-space"> </span>)</b><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Revolver maps berbentuk peta dunia 2D dan 3D yang disertai animasi, bila ada yang sedang online. revolver maps menandainya dengan  animasi air beriak dari<span class="Apple-converted-space"> </span></span><a href="http://warnetjago.blogspot.com/2010/08/macam-macam-widget-untuk-mempercantik.html#" id="_GPLITA_0" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #c52323; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; outline-color: initial; outline-style: none; outline-width: initial; text-align: -webkit-auto; text-decoration: underline; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" title="Powered by Text-Enhance">posisi</a><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>si pengunjung berada yang dilengkapi dengan label daerahnya masing-masing.</span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- Geovisit ( Situs Web<span class="Apple-converted-space"> </span><a href="http://307acfb2.linkbucks.com/" style="color: #c52323; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;">http://www.geovisite.com/en/</a><span class="Apple-converted-space"> </span>)</b><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Geovisit menyediakan berbagai macam widget yang serbaguna seperti geochat, geoToolBar, GeoMap, GeoGlobe, GeoClock,GeoCounter, dan lain-lain</span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- Wibiya ( Situs Web<span class="Apple-converted-space"> </span><a href="http://f67094be.linkbucks.com/" style="color: #c52323; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;">http://www.wibiya.com/?ref=L</a><span class="Apple-converted-space"> </span>)</b><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Sama halnya dengan Geovisit Wibiya juga menyediakan macam-macam aplikasi yang atraktif untuk blog atau web teman-teman seperti web toolbar, notifications, real time stats, youtube video galery, share ke situs jejaring sosial, dan masih banyak lagi.</span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- Cbox  ( Situs Web<span class="Apple-converted-space"> </span><a href="http://26958d65.linkbucks.com/" style="color: #c52323; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;">http://cbox.ws/</a><span class="Apple-converted-space"> </span>)</b><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Chat Box (Cbox) biasanya banyak digunakan oleh para blogger untuk saling berkunjung (Blowalking) dengan sesama blogger lainnya</span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- ShoutMix ( Situs Web<span class="Apple-converted-space"> </span><a href="http://fadee48b.linkbucks.com/" style="color: #c52323; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;">http://www.shoutmix.com/</a><span class="Apple-converted-space"> </span>)<span class="Apple-converted-space"> </span></b><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Fungsinya sama dengan Cbox namun menurut saya kelemahan SoutMix tidak bisa mengubah nama user</span><a href="http://warnetjago.blogspot.com/2010/08/macam-macam-widget-untuk-mempercantik.html#" id="_GPLITA_3" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #c52323; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; outline-color: initial; outline-style: none; outline-width: initial; text-align: -webkit-auto; text-decoration: underline; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" title="Powered by Text-Enhance">menjadi</a><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>link, sehingga agak susah untuk melakukan blogwalking jadi saya sarankan menggunakan Cbox.</span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- Jam dan Kalender</b><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Untuk memasang  jam dan kalender pada blog, teman-teman bisa mengunjungi beberapa situs-situs penyedia layanan ini diantaranya<span class="Apple-converted-space"> </span></span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><a href="http://49d3d674.linkbucks.com/" style="color: #c52323; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: underline;">http://www.clocklink.com/index.php</a></b><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-converted-space"> </span>,</span><b style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">http://widgia.com/category/calendars/ ,  http://www.free-blog-content.com/ ,<span class="Apple-converted-space"> </span></b><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">dan masih banyak lagi situs-situs lainnya.</span><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><br style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #585a61; display: inline !important; float: none; font-family: Arial, Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Mungkin cuma itu yang saya tahu, mudah-mudahan bermanfaat. Kalau ada tambahan dari teman-teman, silahkan tambahkan di kolom komentar..!</span>

Macam-Macam Widget Untuk Mempercantik Blog

Kurang pas rasanya membuat blog tanpa memasang sebuah widget. Fungsi widget memang bermacam-macam, ada yang berfungsi menghitung jumlah peng...

Fajar Bahari

Followers