tag:blogger.com,1999:blog-4733769983315440642024-03-14T06:10:18.583+07:00Blog | JoeJohannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.comBlogger49125tag:blogger.com,1999:blog-473376998331544064.post-37701730708700792172013-06-04T11:26:00.001+07:002013-06-04T11:26:08.001+07:00Maaf<span style="font-size: x-large;">Maaf, untuk waktu yang lama saya vakum dalam aktivitas Blogging <img alt=":)" border="0" src="http://static.cbox.ws/smilies/3/smile.gif" /></span>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com0tag:blogger.com,1999:blog-473376998331544064.post-49905339170234655612012-06-18T13:06:00.001+07:002012-06-19T08:48:35.164+07:00Cara Membuat Widget Label Cloud ala Wordpress untuk Blogger<div class="separator" style="clear: both; text-align: center;">
</div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; text-align: right;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5wXL8Ldz6F8NnggtmfoBpjX3F_jEjtH7LRBGvKZjettVeCjdlmJ-6GtCtugXIK8dvD63qv8SE3LV_DtZlp5tPsWlmfEmboFEoxChpI17Bh6YhkHhMljxxj4EjoMqDPx42fhxUNK_JqTg/s1600/Malvin+Maurer+2012-03-11+23-29-56.png" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5wXL8Ldz6F8NnggtmfoBpjX3F_jEjtH7LRBGvKZjettVeCjdlmJ-6GtCtugXIK8dvD63qv8SE3LV_DtZlp5tPsWlmfEmboFEoxChpI17Bh6YhkHhMljxxj4EjoMqDPx42fhxUNK_JqTg/s320/Malvin+Maurer+2012-03-11+23-29-56.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Demo Image - Before</td></tr>
</tbody></table>
<div style="text-align: justify;">
Jika sebelumnya saya memposting tentang <b>Cara Membuat Widget MintShare Sosial Share Button Layout </b>Versi 1, 2, 3, 4, dan 5. Saya akan memposting lagi tentang <b>Widget Label Cloud ala Wordpress. </b><br /><b></b></div>
<div style="text-align: justify;">
<br /></div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijD3AENWU_ZqzFpVfAn24mcy93sWseH6d2kVAh7CKOxT88-98N3DNKdJkP10jWskAllHYTAneqU7bCPMadJ2oFA1evGbdljyvQt1ZVYD9voPdVTFstkdsXxCd-_iqZCrV62dN3_E5LSog/s1600/Malvin+Maurer+2012-03-11+23-33-53.png" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijD3AENWU_ZqzFpVfAn24mcy93sWseH6d2kVAh7CKOxT88-98N3DNKdJkP10jWskAllHYTAneqU7bCPMadJ2oFA1evGbdljyvQt1ZVYD9voPdVTFstkdsXxCd-_iqZCrV62dN3_E5LSog/s1600/Malvin+Maurer+2012-03-11+23-33-53.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Demo Image - After</td></tr>
</tbody></table>
<div style="text-align: justify;">
Bagi para blogger yang menginginkan blognya terlihat profesional, ada baiknya mengubah tampilan <b>Widget Label Defaultnya</b> menjadi <b>Widget Label Cloud ala Wordpress</b>, disamping tampilannya cantik dan terlihat Profesional, <b>Widget Label Cloud</b>
memiliki kelebihan, yaitu tidak menggunakan kode-kode javascript dan
Jquery yang membuat loading blog kita lambat, namun menggunakan
kode-kode CSS yang loadingnya ringan. Pada kasus kali ini, kita hanya
sedikit mengutak-atik kode widget label default pada template blog kita
dan sedikit menambahkan kode-kode CSS yang ringan.</div>
<br />
<br />
<br />
<br />
<br />
<div class="MsoNormal" style="text-align: justify;">
Baiklah langsung saja saya akan jelaskan tentang <b>Cara Membuat Widget Label Cloud ala Wordpress untuk Blogger</b> di bawah ini<b>:</b></div>
<div class="MsoNormal" style="text-align: justify;">
<b> </b></div>
<div class="MsoNormal" style="text-align: center;">
<span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">»</span><span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">Cara Pemasangan</span><span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">«</span><b> </b></div>
<div class="MsoNormal" style="text-align: center;">
<b> </b></div>
<div class="MsoNormal" style="text-align: left;">
Sebelum memasang Widget ini, anda harus terlebih dahulu memasang WIdget Label Default dahulu. Sesuaikan dengan gambar berikut :</div>
<div class="MsoNormal" style="text-align: left;">
</div>
<div class="MsoNormal" style="text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://a1.sphotos.ak.fbcdn.net/hphotos-ak-snc7/599200_323998744349610_156645286_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="http://a1.sphotos.ak.fbcdn.net/hphotos-ak-snc7/599200_323998744349610_156645286_n.jpg" border="0" height="244" src="http://a1.sphotos.ak.fbcdn.net/hphotos-ak-snc7/599200_323998744349610_156645286_n.jpg" width="320" /></a></div>
<div class="MsoNormal" style="text-align: left;">
</div>
<ul>
<li>Login account blogger kamu</li>
<li>Pilih template</li>
<li>Klik edit HTML</li>
<li>Centang Expand Template WidgetCarilah kode</li>
<li>Carilah kode <b style="color: black;">]]></b:skin></b></li>
<li>Setelah ketemu, pastekan kode CSS di bawah ini tepat diatas kode <b style="color: black;">]]></b:skin></b><b style="color: black;"> </b> </li>
</ul>
<div style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; autoheight: 100px; autoheight: 316px; background-color: #c1eeec; border: 3px solid #999999; overflow: auto; overflow: autowidth:200px; padding: 5px; padding: 5px; text-align: justify; width: 250x;">
<blockquote class="tr_bq">
<div class="MsoNormal" style="text-align: justify;">
/* -- Labels -- */</div>
<div class="MsoNormal" style="text-align: justify;">
.label-size {line-height: 1.2;float: left;font:normal normal 13px Cuprum;}</div>
<div class="MsoNormal" style="text-align: justify;">
.label-size
a {-khtml-border-radius: 3px;-moz-border-radius:
3px;-webkit-border-radius: 3px;background: #aaa;border:
none;border-radius: 3px;color: #fff;text-shadow:0 -1px 1px
rgba(0,0,0,0.25);float: left;margin: 0 4px 4px 0;padding: 5px 6px;}</div>
<div class="MsoNormal" style="text-align: justify;">
.label-size a:hover {background: #ffcb0f;}-</div>
<div class="MsoNormal" style="text-align: justify;">
.label-size span {float: right;font-size: 9px;margin: 0 0 4px;}</div>
</blockquote>
</div>
<ul>
<li>Save Template</li>
</ul>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com18tag:blogger.com,1999:blog-473376998331544064.post-54013989981414611762012-06-18T12:24:00.000+07:002012-06-18T12:25:45.688+07:005 | Cara Membuat Widget MintShare Sosial Share Button Layout<div style="text-align: justify;">
<a class="hoverImages" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQdF35eCrg41kRytg9G5Vb4BSCoCE-8yDv5J_8T7Nwti82QecksKD3V6WPIjm_7kJwz_79bKPO4anI9sGyqUn0_nW8KYmzcVM7qY42FiwjowA7riT-2QxLHM1Kb83Tsmq106CDgKYwiGg/s1600/MintShare-Compact-Float-Top.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQdF35eCrg41kRytg9G5Vb4BSCoCE-8yDv5J_8T7Nwti82QecksKD3V6WPIjm_7kJwz_79bKPO4anI9sGyqUn0_nW8KYmzcVM7qY42FiwjowA7riT-2QxLHM1Kb83Tsmq106CDgKYwiGg/s400/MintShare-Compact-Float-Top.jpg" width="400" /></a>Sekarang kita akan posting kembali tentang widget. Widget kali ini adalah <b>Versi 5</b> dari <b>Cara Membuat </b><b>Widget MintShare Sosial Share Button Layout. </b>Widget Versi ke 5 ini adakah Versi terakhir dari <b>Widget MintShare Sosial Share Button Layout </b>yang ada.<b> </b>Sebelumnya saya juga sudah memposting tentang <b><a href="http://johannezalbert.blogspot.com/2012/06/cara-membuat-widget-mintshare-sosial.html" target="_blank">Versi 1</a></b><b>, </b><a href="http://johannezalbert.blogspot.com/2012/06/cara-membuat-widget-mintshare-sosial_18.html" target="_blank"><b>Versi</b><b> 2</b></a>, <a href="http://johannezalbert.blogspot.com/2012/06/cara-membuat-widget-mintshare-sosial_2096.html" target="_blank"><b>Versi</b><b> 3</b></a>, <a href="http://johannezalbert.blogspot.com/2012/06/cara-membuat-widget-mintshare-sosial_2456.html" target="_blank"><b>Versi</b><b> 4</b></a>. Postingan kali ini saya tidak menjelaskannya lagi karena saya sudah menjelaskannya di <a href="http://johannezalbert.blogspot.com/2012/06/cara-membuat-widget-mintshare-sosial.html" target="_blank">Versi 1</a>.
Cara pemasangan widget ini agak berbeda karena langkah berikutnya tidak
meletakkan nya melalui Edit HTML melainkan di Add Gadget yang berada di
Tata Letak. Untuk demonya bisa langsung
teman-teman lihat <b><a href="http://www.bloggermint.com/demos/mintshare/mintshare.html" target="_blank">disini</a>. </b></div>
<br />
<div style="text-align: center;">
<span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">»</span><span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">Cara Pemasangan</span><span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">«</span></div>
<br />
<ul>
<li>Masuk ke Blogger</li>
<li>Pilih Template, kemudian lanjutkan</li>
<li>Centang Expand Widget Template</li>
<li>Lalu cari kode<b> ]]></b:skin></b></li>
<li>Setelah ketemu, letakkan kode CSS berikut ini di<b>atas</b> kode <b>]]></b:skin>:</b></li>
</ul>
<div style="background-color: #c1eeec; border: 3px solid rgb(153, 153, 153); height: 316px; overflow: auto; padding: 5px; text-align: justify;">
/* ================================================================ <br />
<div class="MsoNormal">
This copyright notice must be untouched at all times.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
* MintShare button comes under a Creative Commons license. Get MintShare </div>
<div class="MsoNormal">
button from ( http://www.bloggermint.com/2011/01/mintshare-social-bookmarking</div>
<div class="MsoNormal">
-sharing-button-widget ).</div>
<div class="MsoNormal">
* Copyright (c) 2009-2011 Bloggermint. All rights reserved.</div>
<div class="MsoNormal">
Please you must keep the credit links intact which provides </div>
<div class="MsoNormal">
credit to its author.</div>
<div class="MsoNormal">
=================================================================== */</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft_c, #mintshare_ft_c ul
{padding:0; margin:0; list-style:none; width:100px; font-family:arial,
sans-serif;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjetAElBmy4UuxPNYimgSQv1jeM-zeROLkuT6b9420XN8MIPvNKDgoJ1SYTwc5Wa5DKCre8PvvNaVv0bRzsCkoHgSaBTVweBTy4YNGzK5ixlDrkgLJfN4pYZEovve_yU6exYclKpKrjt5nL/s1600/bkg-btn-grey.gif")
repeat-x scroll 0 0 #EDEDED;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
#mintshare_ft_c
{width:100px; height:30px; border:1px solid #888; position:relative;
z-index:100; margin-left:70px;padding: 0 15px;</div>
<div class="MsoNormal">
-o-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-moz-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-webkit-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
position:fixed;</div>
<div class="MsoNormal">
top:0;</div>
<div class="MsoNormal">
z-index:1001;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft_c div.mintshare-wrap {width:100px; height:30px; float:left; position:relative;}</div>
<div class="MsoNormal">
#mintshare_ft_c
div.mintshare-wrap a.top-a {display:block; width:100px; height:30px;
text-align:center; line-height:30px; color:#000; text-decoration:none;
font-size:13px; font-weight:bold;</div>
<div class="MsoNormal">
background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip9xb9wYQUrSBRMAe2F277W0hg69lfuXcbhl9EKjiSaRcjQpcMQ4Sysnx7zuBd0Xaf9ZZNOerp7ffp0kpvpx_PlHGMNCAi_2MjOeyJiCKEgWsiWscoKszPt4jZ71X002KjjCEGvQjlj13Q/s1600/plus.png")
no-repeat scroll 0 center transparent;</div>
<div class="MsoNormal">
padding-left:5px;</div>
<div class="MsoNormal">
cursor:pointer;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft_c div.mintshare-wrap
div.flyout {height:0; overflow:hidden; left:-1px; top:30px; width:110px;
position:absolute; z-index:500;</div>
<div class="MsoNormal">
transition: height 1s ease-in-out;</div>
<div class="MsoNormal">
-o-transition: height 1s ease-in-out;</div>
<div class="MsoNormal">
-moz-transition: height 1s ease-in-out;</div>
<div class="MsoNormal">
-webkit-transition: height 1s ease-in-out;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft_c div.mintshare-wrap
div.flyout ul.icons {background:#FFF; position:absolute; left:0;
top:-500px; border:1px solid #888; border-top:0;
padding-bottom:10px;padding-top:10px;</div>
<div class="MsoNormal">
transition: 1s ease-in-out;</div>
<div class="MsoNormal">
-o-transition: 1s ease-in-out;</div>
<div class="MsoNormal">
-moz-transition: 1s ease-in-out;</div>
<div class="MsoNormal">
-webkit-transition: all 1s ease-in-out;</div>
<div class="MsoNormal">
-o-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-icab-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-khtml-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-moz-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-webkit-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
#mintshare_ft_c
div.mintshare-wrap div.flyout ul.icons li.drop-li {position:relative;
width:40px; height:45px; float:left; z-index:100; margin-left:6px;}</div>
<div class="MsoNormal">
#mintshare_ft_c
div.mintshare-wrap div.flyout ul.icons li.drop-li a.drop-a
{display:block; width:100px; float:left; text-decoration:none;
line-height:16px;}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft_c div.mintshare-wrap
div.flyout ul.icons li.drop-li a.drop-a img {display:block; border:0;
position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter:
alpha(opacity=100);margin-right:5px;</div>
<div class="MsoNormal">
transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-o-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-moz-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-webkit-transition: all 0.4s ease-in-out;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
#mintshare_ft_c
div.mintshare-wrap div.flyout ul.icons li.drop-li a b {display:block;
width:100px; height:60px; padding-top:20px; text-align:center;
cursor:pointer; color:#000; font-size:14px; opacity:0; filter:
alpha(opacity=0);</div>
<div class="MsoNormal">
transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-o-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-moz-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-webkit-transition: all 0.4s ease-in-out;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft_c div.mintshare-wrap:hover
div.flyout ul.icons li.drop-li:hover > a img {opacity:0.5; filter:
alpha(opacity=50);}</div>
<div class="MsoNormal">
#mintshare_ft_c div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft_c div.mintshare-wrap:hover div.flyout {height:522px;}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft_c div.mintshare-wrap:hover div.flyout:hover {height:522px;}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft_c div.mintshare-wrap:hover div.flyout ul.icons {top:1px;}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
/* for IE6 */</div>
<div class="MsoNormal">
#mintshare_ft_c div.mintshare-wrap a:hover {direction:ltr;}</div>
<div class="MsoNormal">
#mintshare_ft_c div.mintshare-wrap a:hover div.flyout {height:522px;}</div>
<div class="MsoNormal">
#mintshare_ft_c div.mintshare-wrap a:hover div.flyout ul.icons {top:0;}</div>
<div class="MsoNormal">
#mintshare_ft_c div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover img {filter: alpha(opacity=50);}</div>
<div class="MsoNormal">
#mintshare_ft_c div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover b {filter: alpha(opacity=100);}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft_c table {border-collapse:collapse; position:absolute; left:0; top:0; width:0; height:0; margin-bottom:-1px;}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
/* Misc */</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft_c .get_mintshare {</div>
<div class="MsoNormal">
font-size:10px;</div>
<div class="MsoNormal">
margin-left:3px;</div>
<div class="MsoNormal">
}</div>
</div>
<ul>
<li>Selanjutnya masuk ke Tata Letak</li>
<li>Lalu Add Gadget</li>
<li>Copy-paste kode berikut ini :</li>
</ul>
<div style="background-color: #c1eeec; border: 3px solid rgb(153, 153, 153); height: 316px; overflow: auto; padding: 5px; text-align: justify;">
<blockquote class="tr_bq">
<div class="MsoNormal">
<!-- MintShare Compact Float Top --></div>
<div class="MsoNormal">
<div id="mintshare_ft_c"></div>
<div class="MsoNormal">
<div class="mintshare-wrap"><a class="top-a">Share
This<!--[if gte IE
7]><!--></a><!--<![endif]--></div>
<div class="MsoNormal">
<!--[if lte IE 6]><table><tr><td><![endif]--></div>
<div class="MsoNormal">
<div class="flyout"></div>
<div class="MsoNormal">
<ul class="icons"></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPeJAhpQcM4t2my1IPdUhbG6MITetw2MF1pe0Q5DEWTUMTMgkMmiFYFXAoz_IHMSdHmVdQtD0TlC9DHZFaPO36tWUEGD8InYCO1Q2P2YkuLG7mFMZaDVfFZ9apEf8fH1bcmEYKVHphBjA6/s1600/facebook_mini.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://twitter.com/share?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5kq4iHuU1ikt5CyjR8GQ1H8gSgjJap558eySrfRkqFrwEjf9D6pVA8TRxCx5jucAth5xy22CNE_3wS7JB7RFMeb7pLiadanh5C73k80jXumLXsQiu8sCkYP12JlzQrDLSNQ3o1tgJlJYg/s1600/twitter_mini.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://delicious.com/post?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiphl6iNLnZeclqbSALmGikJ3MFgPmn_ku6ZB63u6pHHpxRjn87PDSUtUE8WYfUVw13XQoKnrilbdZTH-xLsPcWPjYMrru2zrBcpZryrXQWhj3P5pvHQBpIWCBRzPTS1qn8aiFtB3ct8dYA/s1600/delicious_mini.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://www.stumbleupon.com/refer.php?url=&quot;
+ data:post.url + &quot;&amp;title=&quot; +
data:post.title" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsXmRmFyELdmj719VUmj_7Z7YrgHXXhaF6MqMCMsXAOXLX3qeuw_885w6Xeygs_MDx8_WIHuZjnIM8bohZH4ux4g1AruKK6Dg5kR1YFZJTrRQH16kWt4OgxybMjWvedACynbqQvjIJINcW/s1600/stumbleupon_mini.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://digg.com/submit?phase=2&amp;url=&quot;
+ data:post.url + &quot;&amp;title=&quot; +
data:post.title" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspixiEDMcUXf_qWnILKSdmuefQh43hBHIc9E6AbDqJ1WbRmR3f4-n6aQhgifWPN0MoKKSn0Tbiwtzumpmpkh3vr1kNWd5ZQV2JxyQkfRlTm7TmiKhYxwikpW_xx782ZVqN_hPOtVHqnL/s1600/digg_mini.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://www.technorati.com/faves?add=&quot; +
data:post.url" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw47wx8fzYGaFWBtoHKU0oGGGZ5JCW_h9JAbajvMR66QqmlE7zY4jzaU-y_3YtzE_D2GutOuAhNCEsdfUyZFDUJ_XD-DJcvM1uocAv16iTyf49HaOPTbATdMNvI_dz0EDQ6A4mgL8Zbkz9/s1600/technorati_mini.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://reddit.com/submit?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhqB62IcbYqHSLPHVXdGb6FG3JvDjzK3leEPv5_MKWV6um-4YFFmhA9j2pyi64thdBN3RXKritwc_l8NLQcF-VKVbZefB4c4u2yxoYgaqtkyI_WzLiqqYwFyNI0iBVNcrGWBT2FYobv0a2/s1600/reddit_mini.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot;
+ data:post.url + &quot;&amp;title=&quot; +
data:post.title" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhig1kTRLVj671HNwo149x6gNLka-jWNs8GL_gz8yI2b2NxSZnyQ4vs1rDXVb8L7NrqRZ4Q9WyWorO54tEwWTC4XJx8wvAIaOhm1PON85WXgX7uU55cUHCY9bHssJKn2yU5PoqIHU15jre0/s1600/yahoo_mini.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<span
class="get_mintshare"><a
href="http://malvinshare.blogspot.com/2012/03/cara-membuat-widget-mintshare-sosial.html">Get
MintShare Now</a></span></div>
<div class="MsoNormal">
</ul></div>
<div class="MsoNormal">
</div></div>
<div class="MsoNormal">
<!--[if lte IE 6]></td></tr></table></a><![endif]--></div>
<div class="MsoNormal">
</div></div>
<div class="MsoNormal">
</div></div>
<div class="MsoNormal">
<!-- MintShare Compact Float Top End--></div>
</blockquote>
</div>
<ul>
<li>Lalu Save Template</li>
</ul>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com3tag:blogger.com,1999:blog-473376998331544064.post-44089555398595589512012-06-18T12:18:00.002+07:002012-06-18T12:25:32.408+07:004 | Cara Membuat Widget MintShare Sosial Share Button Layout<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-uaAyoMHHHq9sPsOtFI8c_Q7iqUi22zZWPmxErx7urjO3ffdwKzKbFO5Uwvi7vbsZrP8BN4d2CjNQuFkxn533Xo9IF7e_KVrsn_1h8ImghWeKpi4B_imm_3YhuyESdwH_l5ad-Dsmi-8/s1600/MintShare-Classic-Float-Top.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-uaAyoMHHHq9sPsOtFI8c_Q7iqUi22zZWPmxErx7urjO3ffdwKzKbFO5Uwvi7vbsZrP8BN4d2CjNQuFkxn533Xo9IF7e_KVrsn_1h8ImghWeKpi4B_imm_3YhuyESdwH_l5ad-Dsmi-8/s400/MintShare-Classic-Float-Top.jpg" width="400" /></a>Sekarang kita akan posting kembali tentang widget. Widget kali ini adalah <b>Versi 4</b> dari <b>Cara Membuat </b><b>Widget MintShare Sosial Share Button Layout. </b>Sebelumnya saya juga sudah memposting tentang <b><a href="http://johannezalbert.blogspot.com/2012/06/cara-membuat-widget-mintshare-sosial.html" target="_blank">Versi 1</a></b><b>, </b><a href="http://johannezalbert.blogspot.com/2012/06/cara-membuat-widget-mintshare-sosial_18.html" target="_blank"><b>Versi</b><b> 2</b></a>, <a href="http://johannezalbert.blogspot.com/2012/06/cara-membuat-widget-mintshare-sosial_2096.html" target="_blank"><b>Versi</b><b> 3</b></a>. Postingan kali ini saya tidak menjelaskannya lagi karena saya sudah menjelaskannya di <a href="http://johannezalbert.blogspot.com/2012/06/cara-membuat-widget-mintshare-sosial.html" target="_blank">Versi 1</a>.
Cara pemasangan widget ini agak berbeda karena langkah berikutnya tidak
meletakkan nya melalui Edit HTML melainkan di Add Gadget yang berada di
Tata Letak. Untuk demonya bisa langsung
teman-teman lihat <b><a href="http://www.bloggermint.com/demos/mintshare/mintshare.html" target="_blank">disini</a>. </b></div>
<br />
<div style="text-align: center;">
<br />
<span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">»</span><span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">Cara Pemasangan</span><span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">«</span></div>
<ul>
<li>Masuk ke Blogger</li>
<li>Pilih Template, kemudian lanjutkan</li>
<li>Centang Expand Widget Template</li>
<li>Lalu cari kode<b> ]]></b:skin></b></li>
<li>Setelah ketemu, letakkan kode CSS berikut ini di<b>atas</b> kode <b>]]></b:skin>:</b></li>
</ul>
<div style="background-color: #c1eeec; border: 3px solid rgb(153, 153, 153); height: 316px; overflow: auto; padding: 5px; text-align: justify;">
<blockquote class="tr_bq">
<div class="MsoNormal">
/* ================================================================ </div>
<div class="MsoNormal">
This copyright notice must be untouched at all times.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
* MintShare button comes under a Creative Commons license. Get MintShare </div>
<div class="MsoNormal">
button from ( http://www.bloggermint.com/2011/01/mintshare-social-bookmarking</div>
<div class="MsoNormal">
-sharing-button-widget ).</div>
<div class="MsoNormal">
* Copyright (c) 2009-2011 Bloggermint. All rights reserved.</div>
<div class="MsoNormal">
Please you must keep the footer links intact which provides </div>
<div class="MsoNormal">
credit to its author.</div>
<div class="MsoNormal">
=================================================================== */</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft, #mintshare_ft ul {padding:0;
margin:0; list-style:none; width:100px; font-family:arial, sans-serif;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjetAElBmy4UuxPNYimgSQv1jeM-zeROLkuT6b9420XN8MIPvNKDgoJ1SYTwc5Wa5DKCre8PvvNaVv0bRzsCkoHgSaBTVweBTy4YNGzK5ixlDrkgLJfN4pYZEovve_yU6exYclKpKrjt5nL/s1600/bkg-btn-grey.gif")
repeat-x scroll 0 0 #EDEDED;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft {width:100px; height:30px;
border:1px solid #888; position:fixed; z-index:1001; top:0;
margin-left:70px;padding: 0 5px;</div>
<div class="MsoNormal">
-o-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-moz-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-webkit-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft div.mintshare-wrap {width:100px; height:30px; float:left; position:relative;}</div>
<div class="MsoNormal">
#mintshare_ft
div.mintshare-wrap a.top-a {margin-left: 5px;display:block;
width:100px; height:30px; text-align:center; line-height:30px;
color:#000; text-decoration:none; font-size:13px; font-weight:bold;</div>
<div class="MsoNormal">
background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip9xb9wYQUrSBRMAe2F277W0hg69lfuXcbhl9EKjiSaRcjQpcMQ4Sysnx7zuBd0Xaf9ZZNOerp7ffp0kpvpx_PlHGMNCAi_2MjOeyJiCKEgWsiWscoKszPt4jZ71X002KjjCEGvQjlj13Q/s1600/plus.png")
no-repeat scroll 0 center transparent;</div>
<div class="MsoNormal">
padding-left:5px;</div>
<div class="MsoNormal">
cursor:pointer;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
#mintshare_ft
div.mintshare-wrap div.flyout {height:0; overflow:hidden; left:-1px;
top:30px; width:110px; position:absolute; z-index:500;</div>
<div class="MsoNormal">
transition: height 1s ease-in-out;</div>
<div class="MsoNormal">
-o-transition: height 1s ease-in-out;</div>
<div class="MsoNormal">
-moz-transition: height 1s ease-in-out;</div>
<div class="MsoNormal">
-webkit-transition: height 1s ease-in-out;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft div.mintshare-wrap div.flyout
ul.icons {background:#FFF; position:absolute; left:0; top:-500px;
border:1px solid #888; border-top:0;
padding-bottom:10px;padding-top:15px;</div>
<div class="MsoNormal">
transition: 1s ease-in-out;</div>
<div class="MsoNormal">
-o-transition: 1s ease-in-out;</div>
<div class="MsoNormal">
-moz-transition: 1s ease-in-out;</div>
<div class="MsoNormal">
-webkit-transition: all 1s ease-in-out;</div>
<div class="MsoNormal">
-o-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-icab-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-khtml-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-moz-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-webkit-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
#mintshare_ft
div.mintshare-wrap div.flyout ul.icons li.drop-li {position:relative;
width:100px; height:65px; float:left; z-index:100;}</div>
<div class="MsoNormal">
#mintshare_ft
div.mintshare-wrap div.flyout ul.icons li.drop-li a.drop-a
{display:block; width:100px; float:left; text-decoration:none;
line-height:16px;}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft div.mintshare-wrap div.flyout
ul.icons li.drop-li a.drop-a img {display:block; border:0;
position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter:
alpha(opacity=100);margin-left:20px;</div>
<div class="MsoNormal">
transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-o-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-moz-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-webkit-transition: all 0.4s ease-in-out;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
#mintshare_ft
div.mintshare-wrap div.flyout ul.icons li.drop-li a b {display:block;
width:100px; padding-top:20px; text-align:center; cursor:pointer;
color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);</div>
<div class="MsoNormal">
text-shadow:0 1px #FFF;</div>
<div class="MsoNormal">
transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-o-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-moz-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-webkit-transition: all 0.4s ease-in-out;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}</div>
<div class="MsoNormal">
#mintshare_ft div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft div.mintshare-wrap:hover div.flyout {height:522px;}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft div.mintshare-wrap:hover div.flyout:hover {height:522px;}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft div.mintshare-wrap:hover div.flyout ul.icons {top:1px;}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
/* for IE6 */</div>
<div class="MsoNormal">
#mintshare_ft div.mintshare-wrap a:hover {direction:ltr;}</div>
<div class="MsoNormal">
#mintshare_ft div.mintshare-wrap a:hover div.flyout {height:522px;}</div>
<div class="MsoNormal">
#mintshare_ft div.mintshare-wrap a:hover div.flyout ul.icons {top:0;}</div>
<div class="MsoNormal">
#mintshare_ft div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover img {filter: alpha(opacity=50);}</div>
<div class="MsoNormal">
#mintshare_ft div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover b {filter: alpha(opacity=100);}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft table {border-collapse:collapse; position:absolute; left:0; top:0; width:0; height:0; margin-bottom:-1px;}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
/* Misc */</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_ft .get_mintshare {</div>
<div class="MsoNormal">
font-size:10px;</div>
<div class="MsoNormal">
margin-left:3px; }</div>
</blockquote>
</div>
<ul>
<li>Selanjutnya masuk ke Tata Letak</li>
<li>Lalu Add Gadget</li>
<li>Copy-paste kode berikut ini :</li>
</ul>
<div style="background-color: #c1eeec; border: 3px solid rgb(153, 153, 153); height: 316px; overflow: auto; padding: 5px; text-align: justify;">
<div class="MsoNormal">
<!-- MintShare Classic Float Top --></div>
<div class="MsoNormal">
<div id="mintshare_ft"></div>
<div class="MsoNormal">
<div class="mintshare-wrap"><a class="top-a">Share
This<!--[if gte IE
7]><!--></a><!--<![endif]--></div>
<div class="MsoNormal">
<!--[if lte IE 6]><table><tr><td><![endif]--></div>
<div class="MsoNormal">
<div class="flyout"></div>
<div class="MsoNormal">
<ul class="icons"></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSCsYXpehtrhm9LKEJbW5UXP2hvamlrPTt0dDROGKRUuB4enVTC-Azn8W7hzVztugNlerBCUkcAt7p9AiwWhIvh414E2wAea1H1lBFgSgCI0Y2pcuBzyc8-WOpMQWV3obOFZsBwiBiIO7I/s1600/facebook.png"/><b>Share
on FB</b><!--[if gte IE
7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://twitter.com/share?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3LIcdlv11WTTojKveFDlWrQcWL7y_Ymu0ROrBdya9ijns77py9vV3t3b7Ui4HEAOMEbEeI7ibj0Qw2lyRWqIKx3N_nC1MkO5C3l_fJnwotmho7ASilfvhyphenhyphenDQV2w_UejY3lsAOCeLF7Z7u/s1600/twitter.png"/><b>Tweet
This</b><!--[if gte IE
7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://www.stumbleupon.com/refer.php?url=&quot;
+ data:post.url + &quot;&amp;title=&quot; +
data:post.title" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgexDG3_aLXyr2mi2ZJF75k5uoF2dTvdxkLJ7w154MSm0npJPWDFtFLpmLMeCWcEzOfw_8PuMZ2bKue-g18swz9BzxgkO6SmAO8UYqL3t6HT5n8JMcbIfxkQg0tlOAVxjiwFbHpeo6nuyfP/s1600/stumbleupon.png"/><b>Stumble
It</b><!--[if gte IE
7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://digg.com/submit?phase=2&amp;url=&quot;
+ data:post.url + &quot;&amp;title=&quot; +
data:post.title" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuAiCZQCTR7rhMA87rmLD-MWYNxfEWzudUQD8dyyEc78U9v3w4FHiRlehDO_7m5MPFF0oNlDtO9HD-2VNV3aka5s1Tp3yjYC2M8U9zlCg52LMSLSSUjRQCSv91Brw-U6otLjNmJOj2Ix3s/s1600/digg.png"/><b>Digg
This</b><!--[if gte IE
7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://www.technorati.com/faves?add=&quot; +
data:post.url" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQFhp-UiEJ-5nkpCIYws0R1WsQyQI1ymF454j0OK2ad6b7h2DsroQ21xyGBMyIFdiU53CMeLSr59NoMpRbRAcJ0vn8FdPP8lGpLc7O4czzGoI_WLwVEvemmy2pa8nUgAWnBkZxV8Dz7zUG/s1600/technorati.png"/><b>Technorati</b><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://delicious.com/post?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQJLKN19iWhr1aYukAQvG4zW09kYLJy2NvyQlE7Bbu19HKrx_6woSJ7QJ1PdrkSCtxgWsfs0wp-IGeN4hELfseJNnTC01AGuaKlQ9PaB_yvMv-9l_hVeuXwJ_MGAsNpgXdpkViaLaAgzHM/s1600/delicious.png"/><b>Delicious</b><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
</div>
<div class="MsoNormal">
<span
class="get_mintshare"><a
href="http://malvinshare.blogspot.com/2012/03/cara-membuat-widget-mintshare-sosial.html">Get
MintShare Now</a></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
</ul></div>
<div class="MsoNormal">
</div></div>
<div class="MsoNormal">
<!--[if lte IE 6]></td></tr></table></a><![endif]--></div>
<div class="MsoNormal">
</div></div>
<div class="MsoNormal">
</div></div>
<div class="MsoNormal">
<!-- MintShare Classic Float Top End --></div>
</div>
<br />
<ul>
<li>Lalu Save Template</li>
</ul>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com1tag:blogger.com,1999:blog-473376998331544064.post-40073263500017992742012-06-18T12:13:00.004+07:002012-06-18T12:25:14.495+07:003 | Cara Membuat Widget MintShare Sosial Share Button Layout<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-uaAyoMHHHq9sPsOtFI8c_Q7iqUi22zZWPmxErx7urjO3ffdwKzKbFO5Uwvi7vbsZrP8BN4d2CjNQuFkxn533Xo9IF7e_KVrsn_1h8ImghWeKpi4B_imm_3YhuyESdwH_l5ad-Dsmi-8/s1600/MintShare-Classic-Float-Top.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-uaAyoMHHHq9sPsOtFI8c_Q7iqUi22zZWPmxErx7urjO3ffdwKzKbFO5Uwvi7vbsZrP8BN4d2CjNQuFkxn533Xo9IF7e_KVrsn_1h8ImghWeKpi4B_imm_3YhuyESdwH_l5ad-Dsmi-8/s400/MintShare-Classic-Float-Top.jpg" width="400" /></a>Sekarang kita akan posting kembali tentang widget. Widget kali ini adalah <b>Versi 3</b> dari <b>Cara Membuat </b><b>Widget MintShare Sosial Share Button Layout. </b>Sebelumnya saya juga sudah memposting tentang <b><a href="http://johannezalbert.blogspot.com/2012/06/cara-membuat-widget-mintshare-sosial.html" target="_blank">Versi 1</a> </b>dan<b> </b><a href="http://johannezalbert.blogspot.com/2012/06/cara-membuat-widget-mintshare-sosial_18.html" target="_blank"><b>Versi</b><b> 2</b></a>. Postingan kali ini saya tidak menjelaskannya lagi karena saya sudah menjelaskannya di <a href="http://johannezalbert.blogspot.com/2012/06/cara-membuat-widget-mintshare-sosial.html" target="_blank">Versi 1</a>. Cara pemasangan widget ini agak berbeda karena langkah berikutnya tidak meletakkan nya melalui Edit HTML melainkan di Add Gadget yang berada di Tata Letak. Untuk demonya bisa langsung
teman-teman lihat <b><a href="http://www.bloggermint.com/demos/mintshare/mintshare.html" target="_blank">disini</a>. </b></div>
<br />
<div class="MsoNormal" style="text-align: center;">
<span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">»</span><span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">Cara Pemasangan</span><span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">«</span><b> </b></div>
<div class="MsoNormal" style="text-align: center;">
<b><br /></b></div>
<ul>
<li>Masuk ke Blogger</li>
<li>Pilih Template, kemudian lanjutkan</li>
<li>Centang Expand Widget Template</li>
<li>Lalu cari kode<b> ]]></b:skin></b></li>
<li>Setelah ketemu, letakkan kode CSS berikut ini di<b>atas</b> kode <b>]]></b:skin>:</b></li>
</ul>
<div style="background-color: #c1eeec; border: 3px solid rgb(153, 153, 153); height: 316px; overflow: auto; padding: 5px; text-align: justify;">
<blockquote class="tr_bq">
<div class="MsoNormal">
/* ================================================================ </div>
<div class="MsoNormal" style="text-align: left;">
This copyright notice must be untouched at all times.</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
* MintShare button comes under a Creative Commons license. Get MintShare </div>
<div class="MsoNormal" style="text-align: left;">
button from ( http://www.bloggermint.com/2011/01/mintshare-social-bookmarking</div>
<div class="MsoNormal" style="text-align: left;">
-sharing-button-widget ).</div>
<div class="MsoNormal" style="text-align: left;">
* Copyright (c) 2009-2011 Bloggermint. All rights reserved.</div>
<div class="MsoNormal" style="text-align: left;">
Please you must keep the credit links intact which provides </div>
<div class="MsoNormal" style="text-align: left;">
credit to its author.</div>
<div class="MsoNormal" style="text-align: left;">
=================================================================== */</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl {</div>
<div class="MsoNormal" style="text-align: left;">
background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd7D7xrRr2fX71hDqnJhk9eyOX5NN2dkx0EyUYdfUeGc1HDrE9n_z1ym9R-iGYAzA7wQn_o7gOOhZKZx6uArr9NU6PW9iwfXDpp9C_tPZ0UC5OPrI5IRxpcPrzUDsGAsg7zQDjnZvzFDUz/s1600/btn-grey-hori.gif")
repeat-y scroll 0 0 #EAEAEA;</div>
<div class="MsoNormal" style="text-align: left;">
border: 1px solid #888;</div>
<div class="MsoNormal" style="text-align: left;">
float: left;</div>
<div class="MsoNormal" style="text-align: left;">
height: 100px;</div>
<div class="MsoNormal" style="text-align: left;">
padding: 5px 0;</div>
<div class="MsoNormal" style="text-align: left;">
position:fixed;</div>
<div class="MsoNormal" style="text-align: left;">
left:0;</div>
<div class="MsoNormal" style="text-align: left;">
z-index:1001;</div>
<div class="MsoNormal" style="text-align: left;">
width: 35px;</div>
<div class="MsoNormal" style="text-align: left;">
-moz-border-radius:0 5px 5px 0;</div>
<div class="MsoNormal" style="text-align: left;">
-webkit-border-radius:0 5px 5px 0;</div>
<div class="MsoNormal" style="text-align: left;">
-o-border-radius:0 5px 5px 0;</div>
<div class="MsoNormal" style="text-align: left;">
border-radius:0 5px 5px 0;</div>
<div class="MsoNormal" style="text-align: left;">
top:100px;</div>
<div class="MsoNormal" style="text-align: left;">
}</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl a.sharetext {</div>
<div class="MsoNormal" style="text-align: left;">
display: block;</div>
<div class="MsoNormal" style="text-align: left;">
float: left;</div>
<div class="MsoNormal" style="text-align: left;">
line-height: 30px;</div>
<div class="MsoNormal" style="text-align: left;">
text-decoration: none;</div>
<div class="MsoNormal" style="text-align: left;">
cursor:pointer; </div>
<div class="MsoNormal" style="text-align: left;">
}</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl a.sharetext img {</div>
<div class="MsoNormal" style="text-align: left;">
border: 0 none;</div>
<div class="MsoNormal" style="text-align: left;">
display: block;</div>
<div class="MsoNormal" style="text-align: left;">
margin-left: 10px;</div>
<div class="MsoNormal" style="text-align: left;">
}</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl .flyout {</div>
<div class="MsoNormal" style="text-align: left;">
background: none repeat scroll 0 0 #AAAAAA;</div>
<div class="MsoNormal" style="text-align: left;">
height: 113px;</div>
<div class="MsoNormal" style="text-align: left;">
left: 40px;</div>
<div class="MsoNormal" style="text-align: left;">
position: relative;</div>
<div class="MsoNormal" style="text-align: left;">
top: -4px;</div>
<div class="MsoNormal" style="text-align: left;">
width: 0;</div>
<div class="MsoNormal" style="text-align: left;">
transition: width 1s ease-in-out;</div>
<div class="MsoNormal" style="text-align: left;">
-o-transition: width 1s ease-in-out;</div>
<div class="MsoNormal" style="text-align: left;">
-moz-transition: width 1s ease-in-out;</div>
<div class="MsoNormal" style="text-align: left;">
-webkit-transition: width 1s ease-in-out;</div>
<div class="MsoNormal" style="text-align: left;">
}</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl .flyout ul {</div>
<div class="MsoNormal" style="text-align: left;">
background:#FFF;</div>
<div class="MsoNormal" style="text-align: left;">
list-style:none;</div>
<div class="MsoNormal" style="text-align: left;">
position:absolute; </div>
<div class="MsoNormal" style="text-align: left;">
left:-570px; </div>
<div class="MsoNormal" style="text-align: left;">
top:-5px; </div>
<div class="MsoNormal" style="text-align: left;">
width:440px; </div>
<div class="MsoNormal" style="text-align: left;">
height:85px; </div>
<div class="MsoNormal" style="text-align: left;">
border:1px solid #888; </div>
<div class="MsoNormal" style="text-align: left;">
border-left:0; </div>
<div class="MsoNormal" style="text-align: left;">
padding-right:10px;</div>
<div class="MsoNormal" style="text-align: left;">
z-index: 500;</div>
<div class="MsoNormal" style="text-align: left;">
padding-left: 5px;</div>
<div class="MsoNormal" style="text-align: left;">
overflow: hidden;</div>
<div class="MsoNormal" style="text-align: left;">
transition: 1s ease-in-out;</div>
<div class="MsoNormal" style="text-align: left;">
-o-transition: 1s ease-in-out;</div>
<div class="MsoNormal" style="text-align: left;">
-moz-transition: 1s ease-in-out;</div>
<div class="MsoNormal" style="text-align: left;">
-webkit-transition: all 1s ease-in-out;</div>
<div class="MsoNormal" style="text-align: left;">
-o-border-radius: 0 5px 5px 0;</div>
<div class="MsoNormal" style="text-align: left;">
-icab-border-radius: 0 5px 5px 0;</div>
<div class="MsoNormal" style="text-align: left;">
-khtml-border-radius: 0 5px 5px 0;</div>
<div class="MsoNormal" style="text-align: left;">
-moz-border-radius: 0 5px 5px 0;</div>
<div class="MsoNormal" style="text-align: left;">
-webkit-border-radius: 0 5px 5px 0;</div>
<div class="MsoNormal" style="text-align: left;">
border-radius: 0 5px 5px 0;</div>
<div class="MsoNormal" style="text-align: left;">
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal" style="text-align: left;">
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal" style="text-align: left;">
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal" style="text-align: left;">
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal" style="text-align: left;">
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal" style="text-align: left;">
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
}</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl:hover .flyout ul{</div>
<div class="MsoNormal" style="text-align: left;">
left:-4px;</div>
<div class="MsoNormal" style="text-align: left;">
}</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl .flyout ul li {</div>
<div class="MsoNormal" style="text-align: left;">
float: left;</div>
<div class="MsoNormal" style="text-align: left;">
}</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl .flyout ul li a{</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
}</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl .flyout ul a img {</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
}</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl .flyout ul li.drop-li {position:relative; width:65px; height:65px; float:left; z-index:100; margin-top: 3px;}</div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl .flyout ul li.drop-li
a.drop-a img {display:block; border:0; position:absolute; left:5px;
top:5px; z-index:-1; opacity:1; filter:
alpha(opacity=100);margin-left:20px;</div>
<div class="MsoNormal" style="text-align: left;">
transition: 0.4s ease-in-out;</div>
<div class="MsoNormal" style="text-align: left;">
-o-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal" style="text-align: left;">
-moz-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal" style="text-align: left;">
-webkit-transition: all 0.4s ease-in-out;</div>
<div class="MsoNormal" style="text-align: left;">
}</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl .flyout ul li.drop-li a b
{background:lightBlue; padding:2px 0; font-family:arial, sans-serif;
display:block; width:100px; margin-top:58px; text-align:center;
cursor:pointer; color:#000; font-size:14px; opacity:0; filter:
alpha(opacity=0);</div>
<div class="MsoNormal" style="text-align: left;">
transition: 0.4s ease-in-out;</div>
<div class="MsoNormal" style="text-align: left;">
-o-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal" style="text-align: left;">
-moz-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal" style="text-align: left;">
-webkit-transition: all 0.4s ease-in-out;</div>
<div class="MsoNormal" style="text-align: left;">
-moz-border-radius:10px;</div>
<div class="MsoNormal" style="text-align: left;">
-webkit-border-radius:10px;</div>
<div class="MsoNormal" style="text-align: left;">
border-radius:10px;</div>
<div class="MsoNormal" style="text-align: left;">
-o-border-radius:10px;</div>
<div class="MsoNormal" style="text-align: left;">
}</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}</div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
/* For IE6 */</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);}</div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
/* Get MintShare */</div>
<div class="MsoNormal" style="text-align: left;">
<br /></div>
<div class="MsoNormal" style="text-align: left;">
#mintshare_fl .get_mintshare a img {</div>
<div class="MsoNormal" style="text-align: left;">
border:none;</div>
<div class="MsoNormal" style="text-align: left;">
margin-left: 35px;</div>
<div class="MsoNormal" style="text-align: left;">
margin-top: 7px;</div>
<div class="MsoNormal" style="text-align: left;">
}</div>
</blockquote>
</div>
<ul>
<li>Selanjutnya masuk ke Tata Letak</li>
<li>Lalu Add Gadget</li>
<li>Copy-paste kode berikut ini :</li>
</ul>
<div style="background-color: #c1eeec; border: 3px solid rgb(153, 153, 153); height: 316px; overflow: auto; padding: 5px; text-align: justify;">
<blockquote class="tr_bq">
<div class="MsoNormal">
<!-- MintShare Classic Float Top --></div>
<div class="MsoNormal">
<div id="mintshare_ft"></div>
<div class="MsoNormal">
<div class="mintshare-wrap"><a class="top-a">Share
This<!--[if gte IE
7]><!--></a><!--<![endif]--></div>
<div class="MsoNormal">
<!--[if lte IE 6]><table><tr><td><![endif]--></div>
<div class="MsoNormal">
<div class="flyout"></div>
<div class="MsoNormal">
<ul class="icons"></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSCsYXpehtrhm9LKEJbW5UXP2hvamlrPTt0dDROGKRUuB4enVTC-Azn8W7hzVztugNlerBCUkcAt7p9AiwWhIvh414E2wAea1H1lBFgSgCI0Y2pcuBzyc8-WOpMQWV3obOFZsBwiBiIO7I/s1600/facebook.png"/><b>Share
on FB</b><!--[if gte IE
7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://twitter.com/share?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3LIcdlv11WTTojKveFDlWrQcWL7y_Ymu0ROrBdya9ijns77py9vV3t3b7Ui4HEAOMEbEeI7ibj0Qw2lyRWqIKx3N_nC1MkO5C3l_fJnwotmho7ASilfvhyphenhyphenDQV2w_UejY3lsAOCeLF7Z7u/s1600/twitter.png"/><b>Tweet
This</b><!--[if gte IE
7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://www.stumbleupon.com/refer.php?url=&quot;
+ data:post.url + &quot;&amp;title=&quot; +
data:post.title" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgexDG3_aLXyr2mi2ZJF75k5uoF2dTvdxkLJ7w154MSm0npJPWDFtFLpmLMeCWcEzOfw_8PuMZ2bKue-g18swz9BzxgkO6SmAO8UYqL3t6HT5n8JMcbIfxkQg0tlOAVxjiwFbHpeo6nuyfP/s1600/stumbleupon.png"/><b>Stumble
It</b><!--[if gte IE
7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://digg.com/submit?phase=2&amp;url=&quot;
+ data:post.url + &quot;&amp;title=&quot; +
data:post.title" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuAiCZQCTR7rhMA87rmLD-MWYNxfEWzudUQD8dyyEc78U9v3w4FHiRlehDO_7m5MPFF0oNlDtO9HD-2VNV3aka5s1Tp3yjYC2M8U9zlCg52LMSLSSUjRQCSv91Brw-U6otLjNmJOj2Ix3s/s1600/digg.png"/><b>Digg
This</b><!--[if gte IE
7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://www.technorati.com/faves?add=&quot; +
data:post.url" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQFhp-UiEJ-5nkpCIYws0R1WsQyQI1ymF454j0OK2ad6b7h2DsroQ21xyGBMyIFdiU53CMeLSr59NoMpRbRAcJ0vn8FdPP8lGpLc7O4czzGoI_WLwVEvemmy2pa8nUgAWnBkZxV8Dz7zUG/s1600/technorati.png"/><b>Technorati</b><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://delicious.com/post?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQJLKN19iWhr1aYukAQvG4zW09kYLJy2NvyQlE7Bbu19HKrx_6woSJ7QJ1PdrkSCtxgWsfs0wp-IGeN4hELfseJNnTC01AGuaKlQ9PaB_yvMv-9l_hVeuXwJ_MGAsNpgXdpkViaLaAgzHM/s1600/delicious.png"/><b>Delicious</b><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
</div>
<div class="MsoNormal">
<span
class="get_mintshare"><a
href="http://malvinshare.blogspot.com/2012/03/cara-membuat-widget-mintshare-sosial.html">Get
MintShare Now</a></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
</ul></div>
<div class="MsoNormal">
</div></div>
<div class="MsoNormal">
<!--[if lte IE 6]></td></tr></table></a><![endif]--></div>
<div class="MsoNormal">
</div></div>
<div class="MsoNormal">
</div></div>
<div class="MsoNormal">
<!-- MintShare Classic Float Top End --></div>
</blockquote>
</div>
<ul>
<li>Lalu Save Template</li>
</ul>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com5tag:blogger.com,1999:blog-473376998331544064.post-60004746918037562012-06-18T11:10:00.001+07:002012-06-18T12:24:59.261+07:002 | Cara Membuat Widget MintShare Sosial Share Button Layout<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTzcbt0zT5m6VIXGbyaLPfJTrg5PUeiq6MhT28eIzRauhPWwmp09xRD6T7Blroe4kSn2kyjVSCnsE5fA222bEoYAFdmQoWpnnIE1xEzezn9U-h2NSwrqfRQhQCigFHrFM0XVPz3_NyPTs/s1600/MintShare-Compact.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTzcbt0zT5m6VIXGbyaLPfJTrg5PUeiq6MhT28eIzRauhPWwmp09xRD6T7Blroe4kSn2kyjVSCnsE5fA222bEoYAFdmQoWpnnIE1xEzezn9U-h2NSwrqfRQhQCigFHrFM0XVPz3_NyPTs/s400/MintShare-Compact.jpg" width="400" /></a>Sekarang kita akan posting kembali tentang widget. Widget kali ini adalah <b>Versi 2</b> dari <b>Cara Membuat </b><b>Widget MintShare Sosial Share Button Layout. </b>Sebelumnya saya juga sudah memposting tentang <a href="http://johannezalbert.blogspot.com/2012/06/cara-membuat-widget-mintshare-sosial.html" target="_blank"><b>Versi 1</b></a>. Postingan kali ini saya tidak menjelaskannya lagi karena saya sudah menjelaskannya di Versi 1. Untuk demonya bisa langsung
teman-teman lihat <b><a href="http://www.bloggermint.com/demos/mintshare/mintshare.html" target="_blank">disini</a>. </b></div>
<br />
<br />
<div class="MsoNormal" style="text-align: center;">
<span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">»</span><span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">Cara Pemasangan</span><span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">« </span><b> </b></div>
<div class="MsoNormal" style="text-align: center;">
<b><br /></b></div>
<ul>
<li>Masuk ke Blogger</li>
<li>Pilih Template, kemudian lanjutkan</li>
<li>Centang Expand Widget Template</li>
<li>Lalu cari kode<b> ]]></b:skin></b></li>
<li>Setelah ketemu, letakkan kode CSS berikut ini di<b>atas</b> kode <b>]]></b:skin>:</b></li>
</ul>
<br />
<div style="background-color: #c1eeec; border: 3px solid rgb(153, 153, 153); height: 316px; overflow: auto; padding: 5px; text-align: justify;">
<blockquote class="tr_bq">
<div class="MsoNormal">
/* ================================================================ </div>
<div class="MsoNormal">
This copyright notice must be untouched at all times.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
* MintShare button comes under a Creative Commons license. Get MintShare </div>
<div class="MsoNormal">
button from ( http://www.bloggermint.com/2011/01/mintshare-social-bookmarking</div>
<div class="MsoNormal">
-sharing-button-widget ).</div>
<div class="MsoNormal">
* Copyright (c) 2009-2011 Bloggermint. All rights reserved.</div>
<div class="MsoNormal">
Please you must keep the credit links intact which provides </div>
<div class="MsoNormal">
credit to its author.</div>
<div class="MsoNormal">
=================================================================== */</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_c, #mintshare_c ul {padding:0;
margin:0; list-style:none; width:100px; font-family:arial, sans-serif;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjetAElBmy4UuxPNYimgSQv1jeM-zeROLkuT6b9420XN8MIPvNKDgoJ1SYTwc5Wa5DKCre8PvvNaVv0bRzsCkoHgSaBTVweBTy4YNGzK5ixlDrkgLJfN4pYZEovve_yU6exYclKpKrjt5nL/s1600/bkg-btn-grey.gif")
repeat-x scroll 0 0 #EDEDED;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
#mintshare_c {width:100px; height:30px; border:1px solid #888; position:relative; z-index:100; padding: 0 15px;</div>
<div class="MsoNormal">
-o-border-radius: 15px;</div>
<div class="MsoNormal">
-moz-border-radius: 15px;</div>
<div class="MsoNormal">
-webkit-border-radius: 15px;</div>
<div class="MsoNormal">
border-radius: 15px;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_c div.mintshare-wrap {width:100px; height:30px; float:left; position:relative;}</div>
<div class="MsoNormal">
#mintshare_c
div.mintshare-wrap a.top-a {display:block; width:100px; height:30px;
text-align:center; line-height:30px; color:#000; text-decoration:none;
font-size:13px; font-weight:bold;</div>
<div class="MsoNormal">
background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip9xb9wYQUrSBRMAe2F277W0hg69lfuXcbhl9EKjiSaRcjQpcMQ4Sysnx7zuBd0Xaf9ZZNOerp7ffp0kpvpx_PlHGMNCAi_2MjOeyJiCKEgWsiWscoKszPt4jZ71X002KjjCEGvQjlj13Q/s1600/plus.png")
no-repeat scroll 0 center transparent;</div>
<div class="MsoNormal">
padding-left:5px;</div>
<div class="MsoNormal">
cursor:pointer;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_c div.mintshare-wrap div.flyout
{height:0; overflow:hidden; left:-1px; top:30px; width:110px;
position:absolute; z-index:500;</div>
<div class="MsoNormal">
transition: height 1s ease-in-out;</div>
<div class="MsoNormal">
-o-transition: height 1s ease-in-out;</div>
<div class="MsoNormal">
-moz-transition: height 1s ease-in-out;</div>
<div class="MsoNormal">
-webkit-transition: height 1s ease-in-out;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_c div.mintshare-wrap div.flyout
ul.icons {background:#FFF; position:absolute; left:0; top:-500px;
border:1px solid #888; border-top:0;
padding-bottom:10px;padding-top:10px;</div>
<div class="MsoNormal">
transition: 1s ease-in-out;</div>
<div class="MsoNormal">
-o-transition: 1s ease-in-out;</div>
<div class="MsoNormal">
-moz-transition: 1s ease-in-out;</div>
<div class="MsoNormal">
-webkit-transition: all 1s ease-in-out;</div>
<div class="MsoNormal">
-o-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-icab-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-khtml-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-moz-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-webkit-border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
border-radius: 0 0 5px 5px;</div>
<div class="MsoNormal">
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
#mintshare_c
div.mintshare-wrap div.flyout ul.icons li.drop-li {position:relative;
width:40px; height:45px; float:left; z-index:100; margin-left:6px;}</div>
<div class="MsoNormal">
#mintshare_c
div.mintshare-wrap div.flyout ul.icons li.drop-li a.drop-a
{display:block; width:100px; float:left; text-decoration:none;
line-height:16px;}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_c div.mintshare-wrap div.flyout
ul.icons li.drop-li a.drop-a img {padding:0; background:none;
display:block; border:0; position:absolute; left:5px; top:5px;
z-index:-1; opacity:1; filter: alpha(opacity=100);margin-right:5px;</div>
<div class="MsoNormal">
transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-o-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-moz-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-webkit-transition: all 0.4s ease-in-out;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
#mintshare_c
div.mintshare-wrap div.flyout ul.icons li.drop-li a b {display:block;
width:100px; height:60px; padding-top:20px; text-align:center;
cursor:pointer; color:#000; font-size:14px; opacity:0; filter:
alpha(opacity=0);</div>
<div class="MsoNormal">
transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-o-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-moz-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-webkit-transition: all 0.4s ease-in-out;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_c div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}</div>
<div class="MsoNormal">
#mintshare_c div.mintshare-wrap:hover div.flyout ul.icons li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_c div.mintshare-wrap:hover div.flyout {height:522px;}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_c div.mintshare-wrap:hover div.flyout:hover {height:522px;}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_c div.mintshare-wrap:hover div.flyout ul.icons {top:1px;}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
/* for IE6 */</div>
<div class="MsoNormal">
#mintshare_c div.mintshare-wrap a:hover {direction:ltr;}</div>
<div class="MsoNormal">
#mintshare_c div.mintshare-wrap a:hover div.flyout {height:522px;}</div>
<div class="MsoNormal">
#mintshare_c div.mintshare-wrap a:hover div.flyout ul.icons {top:0;}</div>
<div class="MsoNormal">
#mintshare_c div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover img {filter: alpha(opacity=50);}</div>
<div class="MsoNormal">
#mintshare_c div.mintshare-wrap div.flyout ul.icons li.drop-li a:hover b {filter: alpha(opacity=100);}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_c table {border-collapse:collapse; position:absolute; left:0; top:0; width:0; height:0; margin-bottom:-1px;}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
/* Misc */</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_c .get_mintshare {</div>
<div class="MsoNormal">
font-size:10px;</div>
<div class="MsoNormal">
margin-left:3px;</div>
<div class="MsoNormal">
}</div>
</blockquote>
</div>
<ul>
<li>Selanjutnya cari kode <b><data:post.body/></b>, lalu letakkan kode berikut ini di<b>bawah</b> kode <b><data:post.body/></b><b style="color: black;"></b></li>
</ul>
<div style="background-color: #c1eeec; border: 3px solid rgb(153, 153, 153); height: 316px; overflow: auto; padding: 5px; text-align: justify;">
<blockquote class="tr_bq">
<div class="MsoNormal">
<!-- MintShare Compact --></div>
<div class="MsoNormal">
<div id="mintshare_c"></div>
<div class="MsoNormal">
<div class="mintshare-wrap"><a class="top-a">Share
This<!--[if gte IE
7]><!--></a><!--<![endif]--></div>
<div class="MsoNormal">
<!--[if lte IE 6]><table><tr><td><![endif]--></div>
<div class="MsoNormal">
<div class="flyout"></div>
<div class="MsoNormal">
<ul class="icons"></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<li class="drop-li"><a
expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPeJAhpQcM4t2my1IPdUhbG6MITetw2MF1pe0Q5DEWTUMTMgkMmiFYFXAoz_IHMSdHmVdQtD0TlC9DHZFaPO36tWUEGD8InYCO1Q2P2YkuLG7mFMZaDVfFZ9apEf8fH1bcmEYKVHphBjA6/s1600/facebook_mini.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://twitter.com/share?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5kq4iHuU1ikt5CyjR8GQ1H8gSgjJap558eySrfRkqFrwEjf9D6pVA8TRxCx5jucAth5xy22CNE_3wS7JB7RFMeb7pLiadanh5C73k80jXumLXsQiu8sCkYP12JlzQrDLSNQ3o1tgJlJYg/s1600/twitter_mini.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://delicious.com/post?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiphl6iNLnZeclqbSALmGikJ3MFgPmn_ku6ZB63u6pHHpxRjn87PDSUtUE8WYfUVw13XQoKnrilbdZTH-xLsPcWPjYMrru2zrBcpZryrXQWhj3P5pvHQBpIWCBRzPTS1qn8aiFtB3ct8dYA/s1600/delicious_mini.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://www.stumbleupon.com/refer.php?url=&quot;
+ data:post.url + &quot;&amp;title=&quot; +
data:post.title" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsXmRmFyELdmj719VUmj_7Z7YrgHXXhaF6MqMCMsXAOXLX3qeuw_885w6Xeygs_MDx8_WIHuZjnIM8bohZH4ux4g1AruKK6Dg5kR1YFZJTrRQH16kWt4OgxybMjWvedACynbqQvjIJINcW/s1600/stumbleupon_mini.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://digg.com/submit?phase=2&amp;url=&quot;
+ data:post.url + &quot;&amp;title=&quot; +
data:post.title" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAspixiEDMcUXf_qWnILKSdmuefQh43hBHIc9E6AbDqJ1WbRmR3f4-n6aQhgifWPN0MoKKSn0Tbiwtzumpmpkh3vr1kNWd5ZQV2JxyQkfRlTm7TmiKhYxwikpW_xx782ZVqN_hPOtVHqnL/s1600/digg_mini.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://www.technorati.com/faves?add=&quot; +
data:post.url" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw47wx8fzYGaFWBtoHKU0oGGGZ5JCW_h9JAbajvMR66QqmlE7zY4jzaU-y_3YtzE_D2GutOuAhNCEsdfUyZFDUJ_XD-DJcvM1uocAv16iTyf49HaOPTbATdMNvI_dz0EDQ6A4mgL8Zbkz9/s1600/technorati_mini.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://reddit.com/submit?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhqB62IcbYqHSLPHVXdGb6FG3JvDjzK3leEPv5_MKWV6um-4YFFmhA9j2pyi64thdBN3RXKritwc_l8NLQcF-VKVbZefB4c4u2yxoYgaqtkyI_WzLiqqYwFyNI0iBVNcrGWBT2FYobv0a2/s1600/reddit_mini.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot;
+ data:post.url + &quot;&amp;title=&quot; +
data:post.title" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhig1kTRLVj671HNwo149x6gNLka-jWNs8GL_gz8yI2b2NxSZnyQ4vs1rDXVb8L7NrqRZ4Q9WyWorO54tEwWTC4XJx8wvAIaOhm1PON85WXgX7uU55cUHCY9bHssJKn2yU5PoqIHU15jre0/s1600/yahoo_mini.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span class="get_mintshare"><a
href="http://malvinshare.blogspot.com/2012/03/cara-membuat-widget-mintshare-sosial.html">Get
MintShare Now</a></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
</ul></div>
<div class="MsoNormal">
</div></div>
<div class="MsoNormal">
<!--[if lte IE 6]></td></tr></table></a><![endif]--></div>
<div class="MsoNormal">
</div></div>
<div class="MsoNormal">
</div></div>
<div class="MsoNormal">
<!-- MintShare Compact End--></div>
</blockquote>
</div>
<br />
<ul>
<li>Lalu Save Template</li>
</ul>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com0tag:blogger.com,1999:blog-473376998331544064.post-38272601024617500372012-06-18T11:00:00.004+07:002012-06-18T12:24:40.609+07:001 | Cara Membuat Widget MintShare Sosial Share Button Layout<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidIyua7CvRbBu_DOWA_GlkqswkLwVoQz0F1DZDuY_TiK9Fyx75d-cVxQSL17x5xZcOuVXZHIZ5959F4nGb31eXq6PpJRxqyt7M1-gklxQgMTO10wicyJ4bck-h_Ul8jNCqiODboU-Ww5E/s1600/MintShare-Mini.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidIyua7CvRbBu_DOWA_GlkqswkLwVoQz0F1DZDuY_TiK9Fyx75d-cVxQSL17x5xZcOuVXZHIZ5959F4nGb31eXq6PpJRxqyt7M1-gklxQgMTO10wicyJ4bck-h_Ul8jNCqiODboU-Ww5E/s400/MintShare-Mini.jpg" width="400" /></a>Pada postingan kali ini, <a href="http://johannezalbert.blogspot.com/" target="_blank"><b>Blog | Joe</b></a> akan beri widget lagi kepada anda. Postingan sebelumnya adalah <b><a href="http://johannezalbert.blogspot.com/2012/06/demo-image-udah-agak-lama-saya-vakum.html">Widget List Tweet of Your Account,</a></b> tapi kali ini tentang <b>Cara Membuat Widget MintShare Sosial Share Button Layout | 1</b>. <b>Widget sosial share botton</b> ini dikembangakan oleh <a href="http://www.bloggermint.com/" target="_blank">bloggermint</a>. </div>
<div style="text-align: justify;">
Dalam pembuatannya, widget ini murni hanya menggunakan <b>CSS</b> dan <b>HTML</b> saja, tanpa <b>JQuery</b> maupun <b>Javascript</b>, sehingga membuat loading widget ini cepat.</div>
<div class="MsoNormal" style="text-align: justify;">
Widget
ini terdiri dari 5 layout tampilan berbeda, yang semuanya murni hanya
menggunakan CSS dan HTML seperti yang saya katakan tadi. Ok langsung
saja akan saya berikan tutorialnya. Untuk demonya bisa langsung
teman-teman lihat <b><a href="http://www.bloggermint.com/demos/mintshare/mintshare.html" target="_blank">disini</a>.</b></div>
<div class="MsoNormal" style="text-align: justify;">
</div>
<div class="MsoNormal" style="text-align: center;">
<span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">»</span><span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">Cara Pemasangan</span><span style="font-family: "Bodoni MT Black","serif"; font-size: 17pt; line-height: 115%;">«</span><b> </b></div>
<div class="MsoNormal" style="text-align: center;">
<b><br /></b></div>
<div class="MsoNormal" style="text-align: left;">
<ol>
</ol>
<ul>
<li>Masuk ke Blogger</li>
<li>Pilih Template, kemudian lanjutkan</li>
<li>Centang Expand Widget Template</li>
<li>Lalu cari kode<b> ]]></b:skin></b></li>
<li>Setelah ketemu, letakkan kode CSS berikut ini di<b>atas</b> kode <b>]]></b:skin>:</b><b> </b></li>
</ul>
<ol>
</ol>
</div>
<div style="background-color: #c1eeec; border: 3px solid rgb(153, 153, 153); height: 316px; overflow: auto; padding: 5px; text-align: justify;">
<blockquote class="tr_bq">
<div class="MsoNormal">
/* ================================================================ </div>
<div class="MsoNormal">
This copyright notice must be untouched at all times.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
* MintShare button comes under a Creative Commons license. Get MintShare </div>
<div class="MsoNormal">
button from ( http://www.bloggermint.com/2011/01/mintshare-social-bookmarking</div>
<div class="MsoNormal">
-sharing-button-widget ).</div>
<div class="MsoNormal">
* Copyright (c) 2009-2011 Bloggermint. All rights reserved.</div>
<div class="MsoNormal">
Please you must keep the credit links intact which provides </div>
<div class="MsoNormal">
credit to its author.</div>
<div class="MsoNormal">
=================================================================== */</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_mini, #mintshare_mini ul
{padding:0; margin:0; list-style:none; width:100px; font-family:arial,
sans-serif;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjetAElBmy4UuxPNYimgSQv1jeM-zeROLkuT6b9420XN8MIPvNKDgoJ1SYTwc5Wa5DKCre8PvvNaVv0bRzsCkoHgSaBTVweBTy4YNGzK5ixlDrkgLJfN4pYZEovve_yU6exYclKpKrjt5nL/s1600/bkg-btn-grey.gif")
repeat-x scroll 0 0 #EDEDED;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_mini {width:100px; height:30px; border:1px solid #888; padding: 0 15px;</div>
<div class="MsoNormal">
-o-border-radius: 15px;</div>
<div class="MsoNormal">
-moz-border-radius: 15px;</div>
<div class="MsoNormal">
-webkit-border-radius: 15px;</div>
<div class="MsoNormal">
border-radius: 15px;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_mini a.sharetext {</div>
<div class="MsoNormal">
display:block;
width:100px; height:30px; text-align:center; line-height:30px;
color:#000; text-decoration:none; font-size:13px; font-weight:bold;</div>
<div class="MsoNormal">
background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip9xb9wYQUrSBRMAe2F277W0hg69lfuXcbhl9EKjiSaRcjQpcMQ4Sysnx7zuBd0Xaf9ZZNOerp7ffp0kpvpx_PlHGMNCAi_2MjOeyJiCKEgWsiWscoKszPt4jZ71X002KjjCEGvQjlj13Q/s1600/plus.png")
no-repeat scroll 0 center transparent;</div>
<div class="MsoNormal">
padding-left:5px;</div>
<div class="MsoNormal">
cursor:pointer;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_mini a.sharetext img {</div>
<div class="MsoNormal">
border: 0 none;</div>
<div class="MsoNormal">
display: block;</div>
<div class="MsoNormal">
margin-left: 10px;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_mini .flyout {</div>
<div class="MsoNormal">
background: none repeat scroll 0 0 #AAAAAA;</div>
<div class="MsoNormal">
height: 113px;</div>
<div class="MsoNormal">
left: 40px;</div>
<div class="MsoNormal">
position: relative;</div>
<div class="MsoNormal">
top: -4px;</div>
<div class="MsoNormal">
width: 0;</div>
<div class="MsoNormal">
transition: width 1s ease-in-out;</div>
<div class="MsoNormal">
-o-transition: width 1s ease-in-out;</div>
<div class="MsoNormal">
-moz-transition: width 1s ease-in-out;</div>
<div class="MsoNormal">
-webkit-transition: width 1s ease-in-out;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_mini .flyout ul {</div>
<div class="MsoNormal">
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjetAElBmy4UuxPNYimgSQv1jeM-zeROLkuT6b9420XN8MIPvNKDgoJ1SYTwc5Wa5DKCre8PvvNaVv0bRzsCkoHgSaBTVweBTy4YNGzK5ixlDrkgLJfN4pYZEovve_yU6exYclKpKrjt5nL/s1600/bkg-btn-grey.gif")
repeat-x scroll 0 0 #EDEDED;</div>
<div class="MsoNormal">
list-style:none;</div>
<div class="MsoNormal">
position:absolute; </div>
<div class="MsoNormal">
left:-1000px; </div>
<div class="MsoNormal">
top:-27px; </div>
<div class="MsoNormal">
width:365px; </div>
<div class="MsoNormal">
height:30px; </div>
<div class="MsoNormal">
border:1px solid #888; </div>
<div class="MsoNormal">
border-left:0; </div>
<div class="MsoNormal">
padding-right:10px;</div>
<div class="MsoNormal">
z-index: 500;</div>
<div class="MsoNormal">
overflow: hidden;</div>
<div class="MsoNormal">
padding-left: 15px;</div>
<div class="MsoNormal">
transition: 1s ease-in-out;</div>
<div class="MsoNormal">
-o-transition: 1s ease-in-out;</div>
<div class="MsoNormal">
-moz-transition: 1s ease-in-out;</div>
<div class="MsoNormal">
-webkit-transition: all 1s ease-in-out;</div>
<div class="MsoNormal">
-o-border-radius: 0 15px 15px 0;</div>
<div class="MsoNormal">
-icab-border-radius: 0 15px 15px 0;</div>
<div class="MsoNormal">
-khtml-border-radius: 0 15px 15px 0;</div>
<div class="MsoNormal">
-moz-border-radius: 0 15px 15px 0;</div>
<div class="MsoNormal">
-webkit-border-radius: 0 15px 15px 0;</div>
<div class="MsoNormal">
border-radius: 0 15px 15px 0;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_mini:hover .flyout ul{</div>
<div class="MsoNormal">
left:50px;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_mini .flyout ul li {</div>
<div class="MsoNormal">
float: left;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_mini .flyout ul li a{</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_mini .flyout ul a img {</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_mini .flyout ul li.drop-li {position:relative; width:35px; height:30px; float:left; z-index:100; margin-top: -2px;}</div>
<div class="MsoNormal">
#mintshare_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_mini .flyout ul li.drop-li
a.drop-a img {display:block; border:0; position:absolute; left:5px;
top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);</div>
<div class="MsoNormal">
transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-o-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-moz-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-webkit-transition: all 0.4s ease-in-out;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_mini .flyout ul li.drop-li a b
{background:lightBlue; padding:2px 0; font-family:arial, sans-serif;
display:block; width:100px; margin-top:58px; text-align:center;
cursor:pointer; color:#000; font-size:14px; opacity:0; filter:
alpha(opacity=0);</div>
<div class="MsoNormal">
transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-o-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-moz-transition: 0.4s ease-in-out;</div>
<div class="MsoNormal">
-webkit-transition: all 0.4s ease-in-out;</div>
<div class="MsoNormal">
-moz-border-radius:10px;</div>
<div class="MsoNormal">
-webkit-border-radius:10px;</div>
<div class="MsoNormal">
border-radius:10px;</div>
<div class="MsoNormal">
-o-border-radius:10px;</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_mini .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}</div>
<div class="MsoNormal">
#mintshare_mini .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
/* For IE6 */</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_mini .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);}</div>
<div class="MsoNormal">
#mintshare_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
/* Get MintShare */</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#mintshare_mini .get_mintshare {</div>
<div class="MsoNormal">
font-size: 10px;</div>
<div class="MsoNormal">
margin-left: 5px;</div>
<div class="MsoNormal">
position: relative;</div>
<div class="MsoNormal">
top: 2px;</div>
<div class="MsoNormal">
}</div>
</blockquote>
</div>
<ul style="text-align: justify;">
<li>Selanjutnya cari kode <b><data:post.body/></b>, lalu letakkan kode berikut ini di<b>bawah</b> kode <b><data:post.body/></b><span style="color: #3d85c6;"></span></li>
</ul>
<div style="background-color: #c1eeec; border: 3px solid rgb(153, 153, 153); height: 316px; overflow: auto; padding: 5px; text-align: left;">
<blockquote class="tr_bq">
<div class="MsoNormal">
<!-- MintShare Mini --></div>
<div class="MsoNormal">
<div id='mintshare_mini'></div>
<div class="MsoNormal">
<a class='sharetext'><b>Share This</b><!--[if gte
IE 7]><!--></a><!--<![endif]--></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<!--[if lte IE 6]><table><tr><td><![endif]--></div>
<div class="MsoNormal">
<div class='flyout'></div>
<div class="MsoNormal">
<ul class='icons'></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6bOxo-JyQdtzmuZqhkXZc3eVPxXbGmBe_HpdhK1vvpOcNvNI32hsGsM7EA3s65megQUW1o7IE93ecR4YOXBShIPiWmnVOfK-qXZl3xcZFGH2grptOEHZVdTh7YNFjmJSUEpEQ33oZbsyr/s1600/facebook_small.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://twitter.com/share?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjDSKQPrpvFfF1tM8mCf6QKMm-gCmPlw5QMYuRGUCEV0tgqgzAAYoYYxxeKNoQ-EAOJ5o1TI9qwr2QlearV3Mo-RPPO6izWXhNayJS6-8T69lM3R4TE6CZsNmyjWBnhva4Jvu30MtII9Is/s1600/twitter_small.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://www.stumbleupon.com/refer.php?url=&quot;
+ data:post.url + &quot;&amp;title=&quot; +
data:post.title" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitQpo1P2neg3zbTGxNM3KknKj6IJPq_4YuR6MiagnBaCYF2N3zFxnSI4nWP4Z4I_CUraiGiFtWGFGf582sUP2eSZJNfSbOMmcmwrqdkzVILCTPixCDqtrfS38lPrHSS7RCPmCY1s6Q5Wcm/s1600/stumbleupon_small.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://digg.com/submit?phase=2&amp;url=&quot;
+ data:post.url + &quot;&amp;title=&quot; +
data:post.title" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL8Xua0qRiYZBMSJrk_9yujrtKLkwje-kDb-5kWuq-E-Ox8Mm8Z0_aE287VmNjs0G8iYMX7jzb6ftF4BMapiogmARWkVVxqNqzsjwTOkkYFjy3dCKQEM_R3lW3Huu2Z5XUWg31i-7eWfF9/s1600/digg_small.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://www.technorati.com/faves?add=&quot; +
data:post.url" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU_CWXg-sgnwcw0gwGq44H3dH6Hzn-2mqWEP1DpzyWuHKTd7VcV6lfF9y4vWDHGym4P-ULiQFxKIXFJ8tEDbT-kJCLDtUyHj4S_cJ0lT0n4mhK_SWzcIc3UHXKdtFNqKblL-Tm_I18-sx_/s1600/technorati_small.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://reddit.com/submit?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHzyUyHS3bFMv-ujhVLnRyrqPZ34aP_CHRKejGHVOJg55Pm6pUFbb-5QluNr6j9ImmU_FQs72cNGH3N79VnhWtXor94W9z2tJmPzsuzuC5vztqMnD96-sBiA2eqGLd1biNO46g7pcdfaQ6/s1600/reddit_small.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot;
+ data:post.url + &quot;&amp;title=&quot; +
data:post.title" class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwn3b4LRcHvrqToAA04niUt-KhUYdoov2HE3J6drRnV3T2qu5_YOF43sZJvxRoDiZST7ZPYcFB-xvaqa33L8Catv9MQNakfEAi2tc4X9UePKPTyhTQu5ALi1AY7CNt7I9qUnUyrPHG0e9O/s1600/yahoo_small.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<li
class="drop-li"><a
expr:href="&quot;http://delicious.com/post?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title"
class="drop-a"><img alt=""
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHFAz2EcI33HIqU_rYP21qRmjIN8uAn3YFKz9Pywh9dIowV_Be6-PlQyikTuSn9bJoIBUSnBefjVGEICuvHj7PuvKltW3ea2ifKt1sRbDF4UiBK8JtwS_d2S-mT_tdB1-YACURBqM6Pysq/s1600/delicious_small.png"/><!--[if
gte IE 7]><!--></a><!--<![endif]--></li></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span class="get_mintshare"><a
href="http://malvinshare.blogspot.com/2012/03/cara-membuat-widget-mintshare-sosial.html">Get
MintShare!</a></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
</ul></div>
<div class="MsoNormal">
</div></div>
<div class="MsoNormal">
</div></div>
<div class="MsoNormal">
<!-- MintShare Mini End--></div>
</blockquote>
</div>
<ul>
<li>Lalu Save Template</li>
</ul>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com0tag:blogger.com,1999:blog-473376998331544064.post-74952099054920477432012-06-17T19:35:00.001+07:002012-06-18T12:32:37.030+07:00AdvertiseSelamat datang di blog saya. Pada kesempatan kali ini, saya akan menawarkan pada Anda untuk mengiklankan (Advertise) blog anda terhadap blog saya ini. Dimana saya akan memasang Banner Ads anda dibagian Sidebar. Jika anda mau memasang banner anda untuk mengiklankannya diblog saya Anda dapat mengubungi saya di :<br />
<br />
<ul>
<li><a href="http://twitter/j0hannezz" target="_blank">Twitter</a></li>
<li><a href="http://www.facebook.com/johannez.albert?ref=tn_tnmn" target="_blank">Facebook</a></li>
<li><a href="http://johannezalbert.blogspot.com/p/contact-me.html" target="_blank">By Email</a><br /><br /></li>
</ul>
Atau anda juga bisa menghubungi saya melalui Call dan SMS :<br />
<ul>
<li>081365748155 </li>
</ul>
<ul><ul>
</ul>
</ul>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com0tag:blogger.com,1999:blog-473376998331544064.post-89761602214945205022012-06-15T15:18:00.002+07:002012-06-15T15:19:51.446+07:00Widget List Tweet of Your Account<br />
<div style="text-align: justify;">
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody>
<tr><td style="text-align: center;"><a href="http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash3/165860_322587581157393_1815707388_n.jpg" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash3/165860_322587581157393_1815707388_n.jpg" border="0" src="http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash3/165860_322587581157393_1815707388_n.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Demo Image</td></tr>
</tbody></table>
Udah agak lama saya vakum ? Mungkin kevakuman saya memposting pada blog ini dikarenakan saya sedang mendapat masalah pada modem saya, modem saya pecah :(. Dan bukan itu saja, saya juga kemarin sedang menhadapi Ujian Akhir Sekolah (semoga lulus). Tapi sekarang saya akan memposting pada blog ini meskipun di warnet.</div>
<div style="text-align: justify;">
Pada kesempatan kali ini saya akan memposting widget. Widget ini berupa Daftar Tweet pada Akun Twitter kita. Widget ini menarik, karena tweet kita akan ditampilkan secara slide. Untuk lebih jelasnya lihat gambar ini.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Untuk memasang widget ini, ikut saja langkah beriku:</div>
<div style="text-align: justify;">
<br /></div>
<ol>
<li>Masuk ke Blogger</li>
<li>Tata Letak</li>
<li>Add Gadget</li>
<li>Copy Paste kode berikut ini :<br /><br /><div style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; autoheight: 100px; background-color: #c1eeec; border: 3px solid #999999; height: 316px; overflow: auto; overflow: autowidth:200px; padding: 5px; padding: 5px; text-align: justify; width: 250x;">
<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG8Q2UOtB9igt6itH-65-9cd9hRy2JCDYmmUtKEmtZwcNmYw1i_QD0PBKlTzhzpu2lod0QEQLuJUTqqssdAIwNVDJ4OJWQmdf_t-xfJ6XXGT9rGU0IzfKeO0J8_KIkBCEWuUwF44tGFDA4/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px"><br />
<script src="http://widgets.twimg.com/j/2/widget.js"></script><br />
<script><br />
new TWTR.Widget({<br />
version: 2,<br />
type: 'profile',<br />
rpp: 10,<br />
interval: 3000,<br />
width: 285,<br />
height: 123,<br />
theme: {<br />
shell: {<br />
background: 'transparent',<br />
color: '#000000'<br />
},<br />
tweets: {<br />
background: 'transparent',<br />
color: '#000000',<br />
links: '#135a9e'<br />
}<br />
},<br />
features: {<br />
scrollbar: false,<br />
loop: true,<br />
live: true,<br />
hashtags: true,<br />
timestamp: true,<br />
avatars: true,<br />
behavior: 'default'<br />
}<br />
}).render().setUser('j0hannezz').start();<br />
</script><br />
</div></div>
</li>
<li>Save</li>
</ol>
<ol>
</ol>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com10tag:blogger.com,1999:blog-473376998331544064.post-76836549187161008322012-06-03T12:48:00.001+07:002012-06-15T15:28:36.108+07:00Add Social Sharing/Bookmarking Widget with Cool Hover Effect<h1 class="article-title entry-title" style="font-weight: normal; text-align: justify;">
<a href="https://lh4.googleusercontent.com/-2jYfr57XRQw/T8rz-Jy5G0I/AAAAAAAAAZE/UYU0hgR23Sk/s1600/000000000000000000000000000000000000000000%252B.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="https://lh4.googleusercontent.com/-2jYfr57XRQw/T8rz-Jy5G0I/AAAAAAAAAZE/UYU0hgR23Sk/s271/000000000000000000000000000000000000000000%252B.png" border="0" src="https://lh4.googleusercontent.com/-2jYfr57XRQw/T8rz-Jy5G0I/AAAAAAAAAZE/UYU0hgR23Sk/s271/000000000000000000000000000000000000000000%252B.png" /></a><span style="font-size: small;">Add Social Sharing/Bookmarking Widget with Cool Hover Effect. Widget ini sungguh keren dan enak dilihat. M</span><span style="font-size: small;">engapa saya bilang sungguh keren dan enak dilihat, dalam Widget ini icon Social Sharingnya tidak diam, melainkan ada animasinya/hiasannya. Hiasan tersebut terjadi apabila kita mengarahkan cursor kita ke icon Social Sha</span><span style="font-size: small;">ring tersebut. Ada juga Widget Social Sharing lain yang memberi animasi/hiasan seperti <a href="http://johannezalbert.blogspot.com/2012/05/trik-gampang-memasang-tombol-sharing-is.html" target="_blank">Sharing in Sexy</a>. </span></h1>
<div style="text-align: justify;">
<span class="" id="result_box" lang="id"><span class="hps">Berikut</span> <span class="hps">saya memberikan</span> <span class="hps">widget yang</span> <span class="hps">dan menambahkan</span> <span class="hps">efek hover</span> <span class="hps">keren dengan</span> <span class="hps">CSS3</span> <span class="hps">untuk Anda. Jika anda tertarik, anda bisa memasangnya di blog anda.</span></span></div>
<div style="text-align: justify;">
<span class="" id="result_box" lang="id"><span class="hps"><br /></span></span></div>
<div style="text-align: justify;">
<span class="" id="result_box" lang="id"><span class="hps"><br /></span></span></div>
<div style="text-align: justify;">
<span class="" id="result_box" lang="id"><span class="hps"><br /></span></span></div>
<div style="text-align: justify;">
<span class="" id="result_box" lang="id"><span class="hps"><br /></span></span></div>
<div style="text-align: justify;">
</div>
<div class="MsoNormal" style="text-align: justify;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "Bodoni MT Black","serif"; font-size: 26pt; line-height: 115%;">»</span></b><b style="mso-bidi-font-weight: normal;"><span style="font-family: "Bodoni MT Poster Compressed","serif"; font-size: 22pt; line-height: 115%;">Cara
menginstal widget ini :</span></b></div>
<div style="text-align: justify;">
<span class="" id="result_box" lang="id"><span class="hps"><br /></span></span></div>
<div style="text-align: justify;">
<span class="" id="result_box" lang="id"><span class="hps"><b>Step 1 :</b></span></span></div>
<div style="text-align: justify;">
<span class="" id="result_box" lang="id"><span class="hps"><br /></span></span></div>
<div style="text-align: justify;">
1. Masuk ke blogger.<br />
2. Buka Template.<br />
3. Kemudian klik Edit Template, lalu pilih lanjutkan.<br />
4. Centang dulu Expand Template Widget. Lalu cari kode berikut <b style="color: red;">]]></b:skin></b><span style="color: red;"><span style="color: black;"> ( Ctrl + F )</span></span><br />
<span style="color: red;"><span style="color: black;">5. Kemudian, copy-paste kode berikut ini tepat dibawahnya.</span></span></div>
<br />
<div style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; autoheight: 100px; background-color: #c1eeec; border: 3px solid #999999; height: 316px; overflow: auto; overflow: autowidth:200px; padding: 5px; padding: 5px; text-align: justify; width: 250x;">
<br />
<pre><code class="css" data-result="[object Object]" data-second_best="[object Object]"><span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="rules">{<span class="rule"><span class="attribute">list-style</span>:<span class="value"> none</span>;</span><span class="rule"><span class="attribute">clear</span>:<span class="value"> none</span>;</span><span class="rule"><span class="attribute">padding</span>:<span class="value"> <span class="number">0</span>px <span class="number">0</span>px </span>;</span><span class="rule"><span class="attribute">margin</span>:<span class="value"> <span class="number">5</span>px <span class="number">0</span></span>;</span><span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="rules">{<span class="rule"><span class="attribute">display</span>:<span class="value"> inline</span>;</span><span class="rule"><span class="attribute">background</span>:<span class="value">none</span>;</span><span class="rule"><span class="attribute">margin</span>:<span class="value"><span class="number">0</span></span>;</span><span class="rule"><span class="attribute">padding</span>:<span class="value"><span class="number">0</span></span>;</span><span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span> <span class="rules">{<span class="rule"><span class="attribute">display</span>:<span class="value"> block</span>;</span><span class="rule"><span class="attribute">float</span>:<span class="value"> left</span>;</span><span class="rule"><span class="attribute">width</span>:<span class="value"> <span class="number">32</span>px</span>;</span><span class="rule"><span class="attribute">height</span>:<span class="value"><span class="number">32</span>px</span>;</span><span class="rule"><span class="attribute">background-image</span>:<span class="value"> <span class="function">url(<span class="string">'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoboSiYs5ox5P-3herTrsXLn2GjpftQroO1eG9HbjiqEY86mR-Zatw8ul6yi6-wPV-fv0cY62nqhKxQNoyqpY66kobNnEeLUvLFCtI04X8JrQnxhVOV-QITGbgcuu69pNGfgVLvNov1iyH/s1600/way2blogging-share-icons-sprite.png'</span>)</span> </span>;</span><span class="rule"><span class="attribute">margin-left</span>:<span class="value"><span class="number">3</span>px</span>;</span><span class="rule"><span class="attribute">background-repeat</span>:<span class="value"> no-repeat</span>;</span><span class="rule"><span class="attribute">margin-right</span>:<span class="value"> <span class="number">2</span>px</span>;</span><span class="rule"><span class="attribute">-moz-transition</span>:<span class="value"> all <span class="number">0.3</span>s ease</span>;</span><span class="rule"><span class="attribute">-o-transition</span>:<span class="value"> all <span class="number">0.3</span>s ease</span>;</span> <span class="rule"><span class="attribute">-webkit-transition</span>:<span class="value"> all <span class="number">0.3</span>s ease</span>;</span> <span class="rule"><span class="attribute">-ms-transition</span>:<span class="value"> all <span class="number">0.3</span>s ease</span>;</span> <span class="rule"><span class="attribute">transition</span>:<span class="value"> all <span class="number">0.3</span>s ease</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.twitter</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">0</span>px -<span class="number">0</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.twitter</span><span class="pseudo">:hover</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">0</span>px -<span class="number">33</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.facebook</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">32</span>px -<span class="number">0</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.facebook</span><span class="pseudo">:hover</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">32</span>px -<span class="number">33</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.stumbleupon</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">64</span>px -<span class="number">0</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.stumbleupon</span><span class="pseudo">:hover</span><span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">64</span>px -<span class="number">33</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.digg</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">192</span>px -<span class="number">0</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.digg</span><span class="pseudo">:hover</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">192</span>px -<span class="number">33</span>px</span>;</span><span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.reddit</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">160</span>px -<span class="number">0</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.reddit</span><span class="pseudo">:hover</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">160</span>px -<span class="number">33</span>px</span>;</span><span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.google</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">128</span>px -<span class="number">0</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.google</span><span class="pseudo">:hover</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">128</span>px -<span class="number">33</span>px</span>;</span><span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.del-icio-us</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">480</span>px -<span class="number">0</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.del-icio-us</span><span class="pseudo">:hover</span><span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">480</span>px -<span class="number">33</span>px</span>;</span><span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.mixx</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">96</span>px -<span class="number">0</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.mixx</span><span class="pseudo">:hover</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">96</span>px -<span class="number">33</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.technorati</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">416</span>px -<span class="number">0</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.technorati</span><span class="pseudo">:hover</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">416</span>px -<span class="number">33</span>px</span>;</span><span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.linkin</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">256</span>px -<span class="number">0</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.linkin</span><span class="pseudo">:hover</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">256</span>px -<span class="number">33</span>px</span>;</span><span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.yahoobuzz</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">448</span>px -<span class="number">0</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.yahoobuzz</span><span class="pseudo">:hover</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">448</span>px -<span class="number">33</span>px</span>;</span><span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.myspace</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">512</span>px -<span class="number">0</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.myspace</span><span class="pseudo">:hover</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">512</span>px -<span class="number">33</span>px</span>;</span><span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.more</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">576</span>px -<span class="number">0</span>px</span>;</span> <span class="rule">}</span></span>
<span class="id">#w2b-share</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="class">.more</span><span class="pseudo">:hover</span> <span class="rules">{<span class="rule"><span class="attribute">background-position</span>:<span class="value"> -<span class="number">576</span>px -<span class="number">33</span>px</span>;</span><span class="rule">}</span></span></code>
</pre>
</div>
<br />
<b>Step 2 :</b><br />
<br />
1. Cari kode <<b>data:post.body/> </b>(jika ada 4 pilih yang ke 3)<br />
2. Letakkan kode berikut tepat dibawahnya.<br />
<br />
<b> </b><br />
<div style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; autoheight: 100px; background-color: #c1eeec; border: 3px solid #999999; height: 316px; overflow: auto; overflow: autowidth:200px; padding: 5px; padding: 5px; text-align: justify; width: 250x;">
<br />
<pre><code class="php" data-result="[object Object]" data-second_best="[object Object]"><b:<span class="keyword">if</span> cond=<span class="string">'data:blog.pageType == &quot;item&quot;'</span>>
<div id=<span class="string">'w2b-share'</span>>
<ul>
<li><a <span class="keyword">class</span>=<span class="string">'twitter'</span> expr:href=<span class="string">'&quot;http://twitter.com/?status=&quot; + data:post.title + &quot; - &quot; + data:post.url '</span> rel=<span class="string">'nofollow'</span> target=<span class="string">'_blank'</span> title=<span class="string">'Share this post on twitter'</span>/></li>
<li><a <span class="keyword">class</span>=<span class="string">'facebook'</span> expr:href=<span class="string">'&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'</span> rel=<span class="string">'nofollow'</span> target=<span class="string">'_blank'</span> title=<span class="string">'Share this post on Facebook'</span>/></li>
<li><a <span class="keyword">class</span>=<span class="string">'stumbleupon'</span> expr:href=<span class="string">'&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'</span> rel=<span class="string">'nofollow'</span> target=<span class="string">'_blank'</span> title=<span class="string">'Share this post on Stunbleupon'</span>/></li>
<li><a <span class="keyword">class</span>=<span class="string">'digg'</span> expr:href=<span class="string">'&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'</span> rel=<span class="string">'nofollow'</span> target=<span class="string">'_blank'</span> title=<span class="string">'Share this post on Digg'</span>/></li>
<li><a <span class="keyword">class</span>=<span class="string">'reddit'</span> expr:href=<span class="string">'&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'</span> rel=<span class="string">'nofollow'</span> target=<span class="string">'_blank'</span> title=<span class="string">'Share this post on Reddit'</span>/></li>
<li><a <span class="keyword">class</span>=<span class="string">'google'</span> expr:href=<span class="string">'&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'</span> rel=<span class="string">'nofollow'</span> target=<span class="string">'_blank'</span> title=<span class="string">'Bookmark this post on Google'</span>/></li>
<li><a <span class="keyword">class</span>=<span class="string">'del-icio-us'</span> expr:href=<span class="string">'&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'</span> rel=<span class="string">'nofollow'</span> target=<span class="string">'_blank'</span> title=<span class="string">'Share this post on delicious'</span>/></li>
<li><a <span class="keyword">class</span>=<span class="string">'mixx'</span> expr:href=<span class="string">'&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title '</span> rel=<span class="string">'nofollow'</span> target=<span class="string">'_blank'</span> title=<span class="string">'Share this post on Mixx'</span>/></li>
<li><a <span class="keyword">class</span>=<span class="string">'technorati'</span> expr:href=<span class="string">'&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'</span> rel=<span class="string">'nofollow'</span> target=<span class="string">'_blank'</span> title=<span class="string">'Fav on Technorati'</span>/></li>
<li><a <span class="keyword">class</span>=<span class="string">'yahoobuzz'</span> expr:href=<span class="string">'&quot;http://buzz.yahoo.com/submit/?url=&quot;+ data:post.url'</span> rel=<span class="string">'nofollow'</span> target=<span class="string">'_blank'</span> title=<span class="string">'Share this post on Yahoo!Buzz'</span>/></li>
<li><a <span class="keyword">class</span>=<span class="string">'myspace'</span> expr:href=<span class="string">'&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=&quot;+ data:post.url + &quot;&amp;t=&quot; + data:post.title'</span> rel=<span class="string">'nofollow'</span> target=<span class="string">'_blank'</span> title=<span class="string">'Sahre this post on Myspace'</span>/></li>
<li><a <span class="keyword">class</span>=<span class="string">'a2a_dd more'</span> expr:href=<span class="string">'&quot;http://www.addtoany.com/share_save?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title '</span>/><script src=<span class="string">'http://static.addtoany.com/menu/page.js'</span> type=<span class="string">'text/javascript'</span>/></li>
</ul>
</div>
</b:<span class="keyword">if</span>></code></pre>
</div>
<br />
<b>Warning :</b><br />
<ul style="text-align: justify;">
<li>Jika kode <<b>data:post.body/> </b>yang ke 3 tidak berhasil, copy kode diatas lalu letakkan dibawah kode <<b>data:post.body/> </b>yang pertama, jika tak berhasil juga letakkan di kode <<b>data:post.body/> </b>ke 2 dan begitu seterusnya sampai berhasil.</li>
</ul>
Sekian Artikel ini, jika masih ada masalah tentang kode <<b>data:post.body/></b>, silahkan beri komentar.<br />
<br />
<div style="text-align: center;">
<span style="font-weight: bold;">Happy Blogging</span></div>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com8tag:blogger.com,1999:blog-473376998331544064.post-20238317680004065872012-06-03T01:28:00.000+07:002012-06-15T15:28:36.096+07:00Widget Share Classic<br />
<div style="text-align: justify;">
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://www.way2blogging.org/wp-content/uploads/images/way2blogging-social-subscription-widget-for-blogger-preview.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="Way2Blogging’s Social Subscription Widget for Blogger / Blogspot Preview" border="0" class="screenshot" src="http://www.way2blogging.org/wp-content/uploads/images/way2blogging-social-subscription-widget-for-blogger-preview.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">DEMO IMAGE</td></tr>
</tbody></table>
Saya kembali akan memposting tentang widget. Widget ini adalah widget yang berfungsi untuk berbagi. Widget ini sudah sering kita temui dimana-mana, dan tentu saja dengan bermacam-macam bentuk dan tampilan. Sekarang kita akan melihat Widget Share Classic dengan tampilan yang klasik tentunya. Untuk anda yang tertarik dengan widget ini dan ingin memasangnya di blog anda, berikut adalah tutorialnya :</div>
<br />
<br />
<b>Cara pemasangannya :</b><br />
<br />
<ol>
<li>Masuk ke <b>Blogger </b><code></code></li>
<li>Pilih <b>Template</b></li>
<li>Kemudian pilih <b>Edit Template</b></li>
<li>Cari kode <b> ]]></b:skin></b></li>
<li>Letakkan kode berikut ini tepat sebelum kode <b>]]></b:skin></b></li>
<li>Jika sudah dicopy-paste, <b>SAVE TEMPLATE </b></li>
</ol>
<div style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; autoheight: 100px; background-color: #c1eeec; border: 3px solid #999999; height: 316px; overflow: auto; overflow: autowidth:200px; padding: 5px; padding: 5px; text-align: justify; width: 250x;">
<pre><code class="css" data-result="[object Object]" data-second_best="[object Object]"><span class="at_rule">@<span class="keyword">import</span> <span class="function">url(<span class="string">"http://fonts.googleapis.com/css?family=Oswald&amp;text=AaBbCcEeFfIiKkLlMmOoRrSsTtWw%20"</span>)</span></span>;
<span class="class">.w2bOldSocial</span> <span class="tag">ul</span> <span class="rules">{
<span class="rule"><span class="attribute">font-family</span>:<span class="value"> <span class="string">'Oswald'</span>, sans-serif</span>;</span>
<span class="rule"><span class="attribute">margin</span>:<span class="value"> <span class="number">15</span>px <span class="number">0</span></span>;</span>
<span class="rule"><span class="attribute">overflow</span>:<span class="value"> hidden</span>;</span>
<span class="rule">}</span></span>
<span class="class">.w2bOldSocial</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="rules">{
<span class="rule"><span class="attribute">float</span>:<span class="value"> left</span>;</span>
<span class="rule"><span class="attribute">width</span>:<span class="value"> <span class="number">90</span>px</span>;</span>
<span class="rule"><span class="attribute">padding</span>:<span class="value"> <span class="number">0</span> <span class="number">0</span> <span class="number">0</span> <span class="number">55</span>px <span class="important">!important</span></span>;</span>
<span class="rule"><span class="attribute">margin</span>:<span class="value"> <span class="number">0</span> <span class="number">0</span> <span class="number">0</span> <span class="number">5</span>px <span class="important">!important</span></span>;</span>
<span class="rule"><span class="attribute">line-height</span>:<span class="value"> <span class="number">48</span>px <span class="important">!important</span></span>;</span>
<span class="rule">}</span></span>
<span class="class">.w2bOldSocial</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span> <span class="rules">{
<span class="rule"><span class="attribute">font-size</span>:<span class="value"> <span class="number">20</span>px <span class="important">!important</span></span>;</span>
<span class="rule"><span class="attribute">text-decoration</span>:<span class="value">none</span>;</span>
<span class="rule"><span class="attribute">padding</span>:<span class="value"><span class="number">0</span> <span class="important">!important</span></span>;</span>
<span class="rule"><span class="attribute">margin</span>:<span class="value"><span class="number">0</span> <span class="important">!important</span></span>;</span>
<span class="rule"><span class="attribute">text-decoration</span>:<span class="value">none</span>;</span>
<span class="rule">}</span></span>
<span class="class">.w2bOldSocial</span> <span class="tag">ul</span> <span class="tag">li</span> <span class="tag">a</span><span class="pseudo">:hover</span> <span class="rules">{
<span class="rule"><span class="attribute">text-decoration</span>:<span class="value">underline</span>;</span>
<span class="rule">}</span></span>
<span class="class">.w2bOldSocial</span> <span class="tag">ul</span> <span class="tag">li</span><span class="class">.w2brss</span> <span class="rules">{
<span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="function">url(<span class="string">"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbf-eO5FC54fA3MEnin8-QfTaKpOjqCPNsTp8KYrXCGLb3CbGF2ci15AsGI9hIc9YUcriPJ1zAkNsH0VIQye7hLVzP65NkLF0B-nwX6A4e8TKN98IHtMPnGOH2aMmFS6numgkW_8DpnCGv/s48/RSS.png"</span>)</span> no-repeat scroll left center transparent <span class="important">!important</span></span>;</span>
<span class="rule">}</span></span>
<span class="class">.w2bOldSocial</span> <span class="tag">ul</span> <span class="tag">li</span><span class="class">.w2bmail</span> <span class="rules">{
<span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="function">url(<span class="string">"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIaKr5ailDmc3jiFiKqrBgtBSwVcduWfp28szeIsvxTQg6NBvAQR6eQ-us93nFwm5ltYDrOFwT6ut0XgwHWR1Qr2clOdNI4I7Hp9ngBMFcs0SYlxhUDhmJDElikRTgPnfFTy_kXwaHww8d/s48/Mail.png"</span>)</span> no-repeat scroll left center transparent <span class="important">!important</span></span>;</span>
<span class="rule">}</span></span>
<span class="class">.w2bOldSocial</span> <span class="tag">ul</span> <span class="tag">li</span><span class="class">.w2btwitter</span> <span class="rules">{
<span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="function">url(<span class="string">"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFb-qTN8SJWWsLmJsTH68xt0_37YbpmU7T7e3vAeqp3kO954mFdzLmHtx-fp5fr8zdIK8MYCC2kTIHOfmnn8X41C39zgvC0Eh-6-6xd3_kV1neegpHhDZBU46wYWKXJDvvwV9ZDLgD3bOz/s48/Twitter2.png"</span>)</span> no-repeat scroll left center transparent <span class="important">!important</span></span>;</span>
<span class="rule">}</span></span>
<span class="class">.w2bOldSocial</span> <span class="tag">ul</span> <span class="tag">li</span><span class="class">.w2bfacebook</span> <span class="rules">{
<span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="function">url(<span class="string">"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio4kVKhhf9g7hX8IXI7I7ePkVkHCmAwuMQGaUtUZd9rbmHmhNiwWbRBrYZC5AHMQWYwWEr6OiGbrRMvoIN3cg1GyC0nur5IZABwqxYky0L6HgrK2LMVFB0GcF8jYRekpZPgPHBZbP0EvQd/s48/Facebook.png"</span>)</span> no-repeat scroll left center transparent <span class="important">!important</span></span>;</span>
<span class="rule">}</span></span>
<span class="id">#w2bEmailsub</span> <span class="rules">{
<span class="rule"><span class="attribute">display</span>:<span class="value"> block</span>;</span>
<span class="rule"><span class="attribute">clear</span>:<span class="value"> both</span>;</span>
<span class="rule"><span class="attribute">margin</span>:<span class="value"> <span class="number">10</span>px <span class="number">0</span></span>;</span>
<span class="rule">}</span></span>
<span class="tag">form</span><span class="class">.w2bEmailform</span> <span class="rules">{
<span class="rule"><span class="attribute">margin</span>:<span class="value"> <span class="number">20</span>px <span class="number">0</span> <span class="number">0</span></span>;</span>
<span class="rule"><span class="attribute">display</span>:<span class="value"> block</span>;</span>
<span class="rule"><span class="attribute">clear</span>:<span class="value"> both</span>;</span>
<span class="rule">}</span></span>
<span class="class">.emailText</span> <span class="rules">{
<span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="function">url(<span class="string">"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxS7KtbZGHNPgQ7Bj4jXh1ZM0CB2HzEhxlP5Q1dzQ7waC4CsoXe9akJAVJ7xtR31WFrlqzCofVkVtZxFX4Hf_ywZ1b0at1zaBuN2ec3tDxRFUj-D6U5TQmVbVgeKW7_NH76LL7FwOLVWDm/s28/w2b-mail.png"</span>)</span> no-repeat scroll <span class="number">4</span>px center transparent</span>;</span>
<span class="rule"><span class="attribute">padding</span>:<span class="value"> <span class="number">7</span>px <span class="number">15</span>px <span class="number">7</span>px <span class="number">35</span>px</span>;</span>
<span class="rule"><span class="attribute">color</span>:<span class="value"> <span class="number">#444</span></span>;</span>
<span class="rule"><span class="attribute">font-weight</span>:<span class="value"> bold</span>;</span>
<span class="rule"><span class="attribute">text-decoration</span>:<span class="value"> none</span>;</span>
<span class="rule"><span class="attribute">border</span>:<span class="value"> <span class="number">1</span>px solid <span class="hexcolor">#D3D3D3</span></span>;</span>
<span class="rule"><span class="attribute">-webkit-border-radius</span>:<span class="value"> <span class="number">4</span>px</span>;</span>
<span class="rule"><span class="attribute">-moz-border-radius</span>:<span class="value"> <span class="number">4</span>px</span>;</span>
<span class="rule"><span class="attribute">border-radius</span>:<span class="value"> <span class="number">4</span>px</span>;</span>
<span class="rule"><span class="attribute">-webkit-box-shadow</span>:<span class="value"> <span class="number">1</span>px <span class="number">1</span>px <span class="number">2</span>px <span class="hexcolor">#CCC</span> inset</span>;</span>
<span class="rule"><span class="attribute">-moz-box-shadow</span>:<span class="value"> <span class="number">1</span>px <span class="number">1</span>px <span class="number">2</span>px <span class="hexcolor">#CCC</span> inset</span>;</span>
<span class="rule"><span class="attribute">box-shadow</span>:<span class="value"> <span class="number">1</span>px <span class="number">1</span>px <span class="number">2</span>px <span class="hexcolor">#CCC</span> inset</span>;</span>
<span class="rule">}</span></span>
<span class="class">.emailButton</span> <span class="rules">{
<span class="rule"><span class="attribute">color</span>:<span class="value"> <span class="number">#444</span></span>;</span>
<span class="rule"><span class="attribute">font-weight</span>:<span class="value"> bold</span>;</span>
<span class="rule"><span class="attribute">text-decoration</span>:<span class="value"> none</span>;</span>
<span class="rule"><span class="attribute">padding</span>:<span class="value"> <span class="number">6</span>px <span class="number">15</span>px</span>;</span>
<span class="rule"><span class="attribute">border</span>:<span class="value"> <span class="number">1</span>px solid <span class="hexcolor">#D3D3D3</span></span>;</span>
<span class="rule"><span class="attribute">cursor</span>:<span class="value"> pointer</span>;</span>
<span class="rule"><span class="attribute">-webkit-border-radius</span>:<span class="value"> <span class="number">4</span>px</span>;</span>
<span class="rule"><span class="attribute">-moz-border-radius</span>:<span class="value"> <span class="number">4</span>px</span>;</span>
<span class="rule"><span class="attribute">border-radius</span>:<span class="value"> <span class="number">4</span>px</span>;</span>
<span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="hexcolor">#fbfbfb</span></span>;</span>
<span class="rule"><span class="attribute">background</span>:<span class="value"> -moz-linear-<span class="function">gradient(top, #fbfbfb <span class="number">0</span>%, #f4f4f4 <span class="number">100</span>%)</span></span>;</span>
<span class="rule"><span class="attribute">background</span>:<span class="value"> -webkit-<span class="function">gradient(linear, left top, left bottom, color-stop(<span class="number">0</span>%,#fbfbfb)</span>, color-<span class="function">stop(<span class="number">100</span>%,#f4f4f4)</span>)</span>;</span>
<span class="rule"><span class="attribute">background</span>:<span class="value"> -webkit-linear-<span class="function">gradient(top, #fbfbfb <span class="number">0</span>%,#f4f4f4 <span class="number">100</span>%)</span></span>;</span>
<span class="rule"><span class="attribute">background</span>:<span class="value"> -o-linear-<span class="function">gradient(top, #fbfbfb <span class="number">0</span>%,#f4f4f4 <span class="number">100</span>%)</span></span>;</span>
<span class="rule"><span class="attribute">background</span>:<span class="value"> -ms-linear-<span class="function">gradient(top, #fbfbfb <span class="number">0</span>%,#f4f4f4 <span class="number">100</span>%)</span></span>;</span>
<span class="rule"><span class="attribute">filter</span>:<span class="value"> progid:DXImageTransform.Microsoft.<span class="function">gradient( startColorstr=<span class="string">'#FBFBFB'</span>, endColorstr=<span class="string">'#F4F4F4'</span>,GradientType=<span class="number">0</span> )</span></span>;</span>
<span class="rule"><span class="attribute">background</span>:<span class="value"> linear-<span class="function">gradient(top, #fbfbfb <span class="number">0</span>%,#f4f4f4 <span class="number">100</span>%)</span></span>;</span>
<span class="rule">}</span></span></code></pre>
</div>
<br />
Jangan lupa, jika langkah diatas sudah selesai, langkah itu bukanlah akhir dari pemasangan widget ini, berikut adalah cara menempatkan widget ini ke dalam blog :<br />
<br />
<b>Menambah Widget :</b><br />
<ol>
<li>Masuk ke <b>Tata Letak</b></li>
<li>Pilih <b>Add Widget</b></li>
<li>Lalu pilih <b>HTML/Javascript</b></li>
<li>Copy-paste kode berikut ini kedalamnya</li>
</ol>
<div style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; autoheight: 100px; background-color: #c1eeec; border: 3px solid #999999; height: 316px; overflow: auto; overflow: autowidth:200px; padding: 5px; padding: 5px; text-align: justify; width: 250x;">
<br />
<pre><code class="xml" data-result="[object Object]" data-second_best="[object Object]"><span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">"w2bOldSocial"</span>></span>
<span class="tag"><<span class="title">ul</span>></span>
<span class="tag"><<span class="title">li</span> <span class="attribute">class</span>=<span class="value">"w2brss"</span>></span><span class="tag"><<span class="title">a</span> <span class="attribute">href</span>=<span class="value">"<b>http://feeds.feedburner.com/way2blogging</b>"</span>></span>RSS<span class="tag"></<span class="title">a</span>></span><span class="tag"></<span class="title">li</span>></span>
<span class="tag"><<span class="title">li</span> <span class="attribute">class</span>=<span class="value">"w2bmail"</span>></span><span class="tag"><<span class="title">a</span> <span class="attribute">href</span>=<span class="value">"<b>http://feedburner.google.com/fb/a/mailverify?uri=way2blogging</b>"</span> ></span>Email<span class="tag"></<span class="title">a</span>></span><span class="tag"></<span class="title">li</span>></span>
<span class="tag"><<span class="title">li</span> <span class="attribute">class</span>=<span class="value">"w2btwitter"</span>></span><span class="tag"><<span class="title">a</span> <span class="attribute">href</span>=<span class="value">"<b>http://twitter.com/way2blogging</b>"</span>></span>Twitter<span class="tag"></<span class="title">a</span>></span><span class="tag"></<span class="title">li</span>></span>
<span class="tag"><<span class="title">li</span> <span class="attribute">class</span>=<span class="value">"w2bfacebook"</span>></span><span class="tag"><<span class="title">a</span> <span class="attribute">href</span>=<span class="value">"<b>http://facebook.com/way2blogging</b>"</span>></span>Facebook<span class="tag"></<span class="title">a</span>></span><span class="tag"></<span class="title">li</span>></span>
<span class="tag"></<span class="title">ul</span>></span>
<span class="tag"></<span class="title">div</span>></span>
<span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"w2bEmailsub"</span>></span>
<span class="tag"><<span class="title">form</span> <span class="attribute">action</span>=<span class="value">"http://feedburner.google.com/fb/a/mailverify"</span> <span class="attribute">method</span>=<span class="value">"post"</span> <span class="attribute">target</span>=<span class="value">"popupwindow"</span> <span class="attribute">onsubmit</span>=<span class="value">"window.open('http://feedburner.google.com/fb/a/mailverify?uri=Way2blogging', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"</span> <span class="attribute">class</span>=<span class="value">"w2bEmailform"</span>></span>
<span class="tag"><<span class="title">input</span> <span class="attribute">type</span>=<span class="value">"hidden"</span> <span class="attribute">value</span>=<span class="value">"<b>Way2blogging</b>"</span> <span class="attribute">name</span>=<span class="value">"uri"</span> /></span>
<span class="tag"><<span class="title">input</span> <span class="attribute">type</span>=<span class="value">"hidden"</span> <span class="attribute">name</span>=<span class="value">"loc"</span> <span class="attribute">value</span>=<span class="value">"en_US"</span> /></span>
<span class="tag"><<span class="title">input</span> <span class="attribute">type</span>=<span class="value">"text"</span> <span class="attribute">onblur</span>=<span class="value">"if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}"</span> <span class="attribute">onfocus</span>=<span class="value">"if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}"</span> <span class="attribute">value</span>=<span class="value">"Enter your email..."</span> <span class="attribute">name</span>=<span class="value">"email"</span> <span class="attribute">class</span>=<span class="value">"emailText"</span> /></span>
<span class="tag"><<span class="title">input</span> <span class="attribute">type</span>=<span class="value">"submit"</span> <span class="attribute">class</span>=<span class="value">"emailButton"</span> <span class="attribute">value</span>=<span class="value">"SignUp"</span> <span class="attribute">title</span>=<span class="value">''</span> /></span>
<span class="tag"></<span class="title">form</span>></span>
<span class="tag"></<span class="title">div</span>></span></code></pre>
</div>
<b>Cutomization </b><code class="xml" data-result="[object Object]" data-second_best="[object Object]"><span class="tag"><span class="value"><b>:</b></span></span></code><br />
<ul>
<li><code class="xml" data-result="[object Object]" data-second_best="[object Object]"><span class="tag"><span class="value"><b>http://feeds.feedburner.com/way2blogging </b></span></span></code><b><span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">→</span></b><span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;"> URL feedburner anda</span><span style="font-family: "Times New Roman","serif"; font-size: 11pt; line-height: 115%;"></span><span style="font-family: "Times New Roman","serif"; font-size: 11pt; line-height: 115%;"></span></li>
<li><code class="xml" data-result="[object Object]" data-second_best="[object Object]"><span class="tag"><span class="value"><b>http://feedburner.google.com/fb/a/mailverify?uri=way2blogging</b></span></span></code> <b><span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">→ </span></b><span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">ID feed burner anda</span></li>
<li><pre><code class="xml" data-result="[object Object]" data-second_best="[object Object]"><span class="tag"><span class="value"><b>http://twitter.com/way2blogging </b></span></span></code><b><span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">→ </span></b><span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;"> URL twitter anda</span></pre>
</li>
<li><pre><code class="xml" data-result="[object Object]" data-second_best="[object Object]"><span class="tag"><span class="value"><b>http://facebook.com/way2blogging </b></span></span></code><b><span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">→</span></b><code class="xml" data-result="[object Object]" data-second_best="[object Object]"><span class="tag"><span class="value"><b> </b></span></span></code><span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">URL twitter anda</span></pre>
</li>
<li><pre style="font-family: Times,"Times New Roman",serif;"><b><span style="font-size: small;"><code class="xml" data-result="[object Object]" data-second_best="[object Object]"><span class="tag"><<span class="title">input</span> <span class="attribute">type</span>=<span class="value">"hidden"</span> <span class="attribute">value</span>=<span class="value">"<b>Way2blogging</b>"</span> <span class="attribute">name</span>=<span class="value">"uri"</span> /> </span></code></span></b><b><span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;">→</span></b><span style="font-family: "Calibri","sans-serif"; font-size: 11pt; line-height: 115%;"> ID feed burner anda</span><span style="font-size: small;"><code class="xml" data-result="[object Object]" data-second_best="[object Object]"></code></span></pre>
</li>
</ul>
<div style="text-align: center;">
<br />
<div style="text-align: left;">
Gimana menurut anda widget ini? bagus kah, unik kah, biasa saja kah, berikanlah komentar anda pada artikel ini sebagai support anda pada saya. Selamat mencoba !<b> </b></div>
<br />
<b>Happy Blogging</b></div>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com1tag:blogger.com,1999:blog-473376998331544064.post-89389182097946518602012-06-01T13:31:00.001+07:002012-06-15T15:28:36.120+07:00Cara Membuat Widget Daftar Menu Blog Otomatis<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUUf-VHuvag6yTDAe6Xs2_wREgqYG29KDHf6Rs3VuSJw5HPlP7nQaBwnTrt-c2vu-edEknGU94-y5lVV05eK_b0pmSpf0vXd3zamvgXFmUOqeC7oYoNMViqG__VH1gT9E_bJ18p35TGf5q/s1600/Daftar+Menu+Blog.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUUf-VHuvag6yTDAe6Xs2_wREgqYG29KDHf6Rs3VuSJw5HPlP7nQaBwnTrt-c2vu-edEknGU94-y5lVV05eK_b0pmSpf0vXd3zamvgXFmUOqeC7oYoNMViqG__VH1gT9E_bJ18p35TGf5q/s320/Daftar+Menu+Blog.jpg" width="244" /></a>Kembali memposting tentang widget. Kali ini saya akan memposting Cara Membuat Widget Daftar Menu Blog Otomatis. Widget ini berfungsi untuk dapat melihat daftar posting dengan mudah, karena tersedia pilihan Sort by : mencari dari Judul yang ada, dan pilihan Sort by label : mencari artikel dengan label postingan yang ingin dicari. Pada widget ini juga sudah dilengkapi dengan scroll. Widget ini dapat menampilkan pisting max 500. Jika blog anda sudah memiliki lebih dari 500 halaman, anda bisa mengubahnya angkanya saja. Oh iya, jangan lupa kalio dalam widget ini ada simbol segitiga disamping Judul artikel, liat gambar disamping. Itu berfungsi jika anda mengklik icon tersebut, maka akan muncullah kalimat ringkasan yang ada didalam Artikel berikut.<br />
<br />
Berikut adalah tutorialnya :<br />
<br />
<ul>
<li>Masuk ke Blogger </li>
<li>Pilih Tata letak</li>
<li>Kemudian Add Gadget ( HTML/Javascript )</li>
<li>Copy kode berikut :</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="background-color: #c1eeec; border-bottom-right-radius: 15px; border-top-left-radius: 15px; border: 3px solid rgb(153, 153, 153); padding: 5px; text-align: left;">
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0in 0in 0.0001pt 0.25in;">
<span style="font-size: small;"><span><div
style="background:#FFFFFF; no-repeat scroll 0 0; border:2px solid
#FFFFFF; <span style="color: red;">height:310px</span>; overflow:auto;
padding:10px; <span style="color: red;">width:260px</span>;"></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0in 0in 0.0001pt 0.25in;">
<span style="font-size: small;"><span><div
id="cl_option"></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0in 0in 0.0001pt 0.25in;">
<span style="font-size: small;"><span>Loading...
</div></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0in 0in 0.0001pt 0.25in;">
<span style="font-size: small;"><span><div
id="cl_content_list"></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0in 0in 0.0001pt 0.25in;">
<span style="font-size: small;"><span></div></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0in 0in 0.0001pt 0.25in;">
<span style="font-size: small;"><span><script
type="text/javascript"></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0in 0in 0.0001pt 0.25in;">
<span style="font-size: small;"><span>var
jumlah_kata_dalam_ringkasan = <span style="color: lime;">250</span>;</span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0in 0in 0.0001pt 0.25in;">
<span style="font-size: small;"><span></script></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0in 0in 0.0001pt 0.25in;">
<span style="font-size: small;"><span><script
src="http://raihanun.googlecode.com/files/DaftarMenuOtomatis.js"></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0in 0in 0.0001pt 0.25in;">
<span style="font-size: small;"><span></script></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0in 0in 0.0001pt 0.25in;">
<span style="font-size: small;"><span><script
src="http:/<span style="color: blue;">/rayhanzhampiet</span>.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=<span style="color: yellow;">500</span>"></span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin: 0in 0in 0.0001pt 0.25in;">
<span style="font-size: small;"><span></script></div></span></span></div>
</div>
<b>Customize :</b><br />
<ol>
<li>Warna merah : ubah dengan ukuran yang anda suka</li>
<li>Warna hijau : ubah dengan jumlah kata dalam ringkasan</li>
<li>Warna biru : ubah dengan URL blog anda</li>
<li>Warna kuning : ubah dengan jumlah Postingan yang akan muncul dalam widget</li>
</ol>
<ul>
<li>Save/Simpan Perubahan</li>
</ul>
<div style="text-align: center;">
<b>Happy Blogging</b> </div>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com10tag:blogger.com,1999:blog-473376998331544064.post-88614036364938578712012-06-01T13:09:00.000+07:002012-06-15T15:28:36.114+07:00Widget Mengganti Warna BlogSaya sempatin untuk memposting disekolah, sekalian memanfaatkan fasilitas wifi, :D. Sekarang saya akan memposting Widget Mengganti Warna Blog. Widget ini juga sudah ada diblog lain, tetapi saya memposting ini untuk anda yang belum tau tentang widget ini. Dalam widget ini anda dan pengunjung dapat mengganti warna background blog sesuka hati. Dibawah ini adalah tutorial memasangnya :<br />
<br />
<b>Pemasangan :</b><br />
<b> </b><br />
<ul>
<li>Masuk ke Blogger </li>
<li>Pilih Tata letak</li>
<li>Kemudian Add Gadget ( HTML/Javascript )</li>
<li>Copy kode berikut :</li>
</ul>
<br />
<div style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; autoheight: 100px; background-color: #c1eeec; border: 3px solid #999999; height: 316px; overflow: auto; overflow: autowidth:200px; padding: 5px; padding: 5px; text-align: justify; width: 250x;">
<br />
<blockquote class="tr_bq">
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<div class="widget-content"></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<center><b><b><span style="color: red;">Pilih Warna Kesukaan Anda</span></b></b></center></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<br/></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<script type="text/javascript"></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
function bgChange(bg)</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
{</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
document.body.style.background=bg;</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
}</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</script></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<table border="1"
width="100%" height="20"></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<tbody><tr></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<td
onclick="bgChange('<span style="color: blue;">#8B008B</span>')"
bgcolor="<span style="color: blue;">#8B008B</span>"></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</td></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<td
onclick="bgChange('<span style="color: blue;">#9400D3</span>')"
bgcolor="<span style="color: blue;">#9400D3</span>"></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</td></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<td
onclick="bgChange('<span style="color: blue;">#008080</span>')"
bgcolor="<span style="color: blue;">#008080</span>"></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</td></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<td
onclick="bgChange('<span style="color: blue;">#808080</span>')"
bgcolor="<span style="color: blue;">#808080</span>"></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</td></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<td
onclick="bgChange('<span style="color: blue;">#CD853F</span>')"
bgcolor="<span style="color: blue;">#CD853F</span>"></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</td></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<td
onclick="bgChange('<span style="color: blue;">#2F4F4F</span>')"
bgcolor="<span style="color: blue;">#2F4F4F</span>"></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</td></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<td
onclick="bgChange('<span style="color: blue;">#DC143C</span>')"
bgcolor="<span style="color: blue;">#DC143C</span>"></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</td></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<td
onclick="bgChange('<span style="color: blue;">#4B0082</span>')"
bgcolor="<span style="color: blue;">#4B0082</span>"></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</td></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<td
onclick="bgChange('<span style="color: blue;">#A52A2A</span>')" bgcolor="<span style="color: blue;">#A52A2A</span>"></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</td></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</tr></tbody></table></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
</div></div>
</blockquote>
</div>
<b>Customize :</b><br />
<ol>
<li>Silahkan edit tulisan yang berwarna <span style="color: red;">merah</span>.</li>
<li>Edit juga kode yang berwarna <span style="color: blue;">biru</span> untuk memasang warna pilihan pada widget. Liat Kode Warna <a href="http://johannezalbert.blogspot.com/2012/04/kode-warna.html" target="_blank">disini</a>.</li>
</ol>
<ul>
<li> Save/Simpan Perubahan</li>
</ul>
Bagaimana menurut anda, bagus, keren, atau biasa saja? Silahkan beri komentar anda di Kotak Komentar yang berada dibawah posting.<br />
<br />
<div style="text-align: center;">
<b>Happy Blogging</b></div>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com2tag:blogger.com,1999:blog-473376998331544064.post-51188137307528966542012-05-29T19:36:00.000+07:002012-05-29T19:49:13.524+07:00Cara Membuat Rating Bintang Rich Snippet di Blog<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><img alt="Rating Bintang Rich Snippet" border="0" height="119" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht-_QqbHXFn0qqRgTn7cSilryyvK5jzimSORfDPgIFYA_hkt9Lm-0r88_S-25QNrI-jwrlGo-nkTzSJuYbOnkItyL4l8Arr0ATK-N36_qWF5wp3CLE29CzhyxPIQ02AhzuxeM1eV9vdw/s200/Rich+Snippets+Testing+tool.png" style="margin-left: auto; margin-right: auto;" title="Rating Bintang Rich Snippet" width="200" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Rating Bintang Rich Snippet</td></tr>
</tbody></table>
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
</div>
<div style="text-align: justify;">
Mungkin beberapa dari anda belum tahu/belum memasangnya di blog. Tapi sekarang saya akan menjelaskan apa itu Rating Bintang Rich Snippet dan bagaimana cara memasangnnya. Rating Bintang Rich Snippet secara garis besar adalah salah satu dari sekian banyak cara untuk membuat para pengunjung menilai Artikel yang kita posting. Dengan Rating Bintang Rich Snippet ini, kita dapat mengetahui Artikel mana yang lebih disukai para pengunjung dan Artikel mana yang tidak disukai. Artikel yang paling disukai tentu artikel yang paling bagus dari blog yang di kunjungi dan tentu artikel tersebut jarang atau belum sama sekali diposting blog lain alias baru. Dan sudah pasti yang tidak bagus itu adalah Artikel yang sudah sering dilihat dan banayk beredar di blog lain. itu adalah sedikit penjelasan dari Rating Bintang Rich Snippet ini, sekarang saya akan memberikan tutorial cara menginstalnya di blog anda.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b> </b><b>Cara Memasang Rating Bintang Rich Snippet :</b></div>
<div style="text-align: justify;">
<b><br /></b></div>
<div style="text-align: justify;">
1. Anda harus memiliki akun <a href="https://plus.google.com/111531258366007458448/posts" target="_blank">Google +</a></div>
<div style="text-align: justify;">
2. Setelah memiliki akun, anda tinggal mensetting Google + menjadi publisher blog. Caranya masuk ke Blogger - Template - Edit HTML - Lanjutkan.</div>
<div style="text-align: justify;">
3. Cari kode <b style="color: blue;"><head></b></div>
<div style="text-align: justify;">
<span style="color: blue;"><span style="color: black;">4. Copy kode berikut dan letakkan dibawah kode </span></span><b style="color: blue;"><head></b></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<div style="background-color: #c1eeec; border-bottom-right-radius: 15px; border-top-left-radius: 15px; border: 3px solid rgb(153, 153, 153); padding: 5px; text-align: left;">
<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='<b>https://plus.google.com/xxxxxxx</b>' rel='publisher'/></b:if></div>
<br />
5. Ganti kode <b>xxxxxxx </b>dengan id google + anda.<br />
6. Lalu cari kode <b><span style="color: blue;"><body></span></b><br />
<span style="color: blue;"><span style="color: black;">7. Letakkan kode berikut dibawah kode </span></span><b><span style="color: blue;"><body></span></b><br />
<b><span style="color: blue;"> </span></b><span style="color: blue;"> </span></div>
<div style="text-align: justify;">
<div style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; autoheight: 100px; background-color: #c1eeec; border: 3px solid #999999; overflow: autowidth:200px; padding: 5px; text-align: justify;">
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'></div>
<br /></div>
<div style="text-align: justify;">
8. Cari lagi kode <b><span style="color: blue;"></body></span></b></div>
<div style="text-align: justify;">
9. Letakkan kode berikut diatas kode <b><span style="color: blue;"></body></span></b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<div style="background-color: #c1eeec; border-bottom-right-radius: 15px; border-top-left-radius: 15px; border: 3px solid rgb(153, 153, 153); color: black; padding: 5px; text-align: justify;">
</div></div></div>
<br /></div>
<div style="text-align: justify;">
<b>Instalisasi :</b><br />
<br />
Untuk memasang di blog, ada 2 cara yaitu :<br />
<ul>
<li>Cara Membuat Rating Bintang Rich Snippet di Blog dengan 5 bintang</li>
<li>Cara Membuat Rating Bintang Rich Snippet di Blog dengan 10 bintang</li>
</ul>
<br />
<b>Tutuorial :</b><br />
<br />
<ul>
<li>Cara Membuat Rating Bintang Rich Snippet di Blog dengan 5 bintang<br /><ol>
<li>Cari kode <span style="color: red;"><data:post.body/></span></li>
<li><span style="color: red;"><span style="color: black;">Letakkan kode berikut dibawahnya<br /><br /><div style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; autoheight: 100px; background-color: #c1eeec; border: 3px solid #999999; overflow: autowidth:200px; padding: 5px; text-align: justify;">
<div style="color: red;">
Description: <span itemprop="description"><data:post.title/></span></div>
<div style="color: red;">
Rating: <span itemprop='rating'>4.5</span></div>
<div style="color: red;">
Reviewer: <span itemprop='reviewer'><data:post.author/></span> - </div>
<div style="color: red;">
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span></div>
</div>
</span></span></li>
<li><span style="color: red;"><span style="color: black;">Save Template</span></span></li>
</ol>
</li>
</ul>
</div>
<div style="text-align: justify;">
<ul>
<li>Cara Membuat Rating Bintang Rich Snippet di Blog dengan 10 bintang<ol>
<li>Cari kode <span style="color: red;"><data:post.body/></span></li>
<li><span style="color: red;"><span style="color: black;">Letakkan kode berikut dibawahnya<br /><br /><div style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; autoheight: 100px; background-color: #c1eeec; border: 3px solid #999999; overflow: autowidth:200px; padding: 5px; text-align: justify;">
<div style="color: red;">
<div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate"></div>
<div style="color: red;">
<span itemprop="itemreviewed"><data:post.title/></span></div>
<div style="color: red;">
<span
itemprop="rating" itemscope=""
itemtype="http://data-vocabulary.org/Rating"> <span
itemprop="average">9</span>out of <span
itemprop="best">10</span> based on <span
itemprop="votes">10</span> ratings. <span
itemprop="count">9</span> user reviews.</div>
<div style="color: red;">
</span></div></div>
</div>
</span></span></li>
<li><span style="color: red;"><span style="color: black;">Save Template</span></span></li>
</ol>
</li>
</ul>
Itu adalah tutorial dari Cara Membuat Rating Bintang Rich Snippet di Blog. Jangan sungkan untuk mencoba.<br />
Berikan komentar anda dengan Cara Membuat Rating Bintang Rich Snippet di Blog ini !<br />
</div>
<div style="text-align: center;">
<b>Happy Blogging</b></div>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com18tag:blogger.com,1999:blog-473376998331544064.post-29357157581538139852012-05-28T23:01:00.000+07:002012-05-29T19:49:46.340+07:00Cara Membuat News Update OtomatisSaya akan memposting kembali artikel tentang Widget Blogger. Trik yang akan kita bahas adalah Cara Membuat News Update Otomatis. Widget ini dapat membantu pengunjung melihat artikel terbaru dari blgo yang ia buka. Dibawah adalah contohnya :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeIQ9uyY3NBOQhFmPqB0NeJ7u6COefdiVRJ0z4IU2kpO_5ZMmgesnizSv9BUqOvWD1XhxxHEasuSvWsfDzsUYK7AffO7Yvp9mhietgVZQ2JSKlyPFXGRfIYYUe8TMwxZ2K8IzIVFMzkjU/s1600/blogonol-newsupdate.gif" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeIQ9uyY3NBOQhFmPqB0NeJ7u6COefdiVRJ0z4IU2kpO_5ZMmgesnizSv9BUqOvWD1XhxxHEasuSvWsfDzsUYK7AffO7Yvp9mhietgVZQ2JSKlyPFXGRfIYYUe8TMwxZ2K8IzIVFMzkjU/s1600/blogonol-newsupdate.gif" /></a></div>
<br />
Jika anda suka dan ingin memasangnya diblog anda, ikuti saja langkah-langkah berikut :<br />
<br />
<b>Instalisasi :</b><br />
1. Masuk ke blogger<br />
2. Pilih <b>Tata Letak</b><br />
3. Add Widget<br />
4. Pilih HTML/Javascript<br />
5. Copy-paste kode berikut<br />
<br />
<div style="background-color: #c1eeec; border-bottom-right-radius: 15px; border-top-left-radius: 15px; border: 3px solid rgb(153, 153, 153); padding: 5px; text-align: left;">
<script type="text/javascript"> var hn_url_blog = "<span style="background-color: red;">http://johannezalbert.blogspot.com</span>"; var hn_jumlah_post = <span style="background-color: red;">10</span>; var hn_warna_latar =
"<span style="background-color: red;">#81DAF5</span>"; var hn_warna_garis = "<span style="background-color: red;">#000000</span>"; var hn_posisi = "<span style="background-color: red;">top</span>"; var
hn_tampilkan_judul = false;var hn_backlink =
false;</script><script
src="http://copycat91.googlecode.com/svn/trunk/headlinenews.js"></script></div>
<b>Customize :</b><br />
<ul>
<li>1. Ganti kode <span style="background-color: red;">http://johannezalbert.blogspot.com</span> dengan : Url blog anda</li>
<li>2. Ganti kode <span style="background-color: red;">10</span> dengan : Jumlah News Update yang ingin ditampilkan</li>
<li>3. Ganti kode <span style="background-color: red;">#81DAF5</span> dengan : Warna yang ingin anda jadikan bacground</li>
<li>4. Ganti kode <span style="background-color: red;">#000000</span> dengan : Warna border</li>
<li>5. Ganti kode <span style="background-color: red;">top</span> dengan : <span style="background-color: red;">bottom</span> jika posisi yang anda inginkan dibawah, jangan ganti jika ingin posisinya diatas.</li>
</ul>
6. Save/Simpan Perubahan<br />
7. Lihat Hasilnya.<br />
<br />
Silahkan beri komentar anda bila anda sudah pasang widget ini.<br />
<div style="text-align: center;">
<b>Happy Blogging</b></div>
<br />Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com17tag:blogger.com,1999:blog-473376998331544064.post-25654684651510625942012-05-28T21:51:00.003+07:002012-05-29T19:49:46.332+07:00Cara Membuat Instal Widget OtomatisSeperti biasa, saya akan memposting ulang trik-trik untuk blogger. Kali ini saya aka memposting ulang mengenai Cara Membuat Instal Widget Otomatis. Munurut saya, widget ini adalah widget yang bagus dan praktis. Mengapa saya bilang begitu, jika kita biasanya ingin menginstal widget dengan cara copy-paste kodenya, sekarang anda tidak perlu repot-repot karena anda dengan mudah menginstal widget dengan hanya mengklik tombolnya saja. Jadi, jika anda ingin membuat pengunjung anda senang dan merasa diberi pelayanan yang menarik, tidak usah berpikir panjang untuk memasangnya diblog anda. Berikut adalah penjelasannya :<br />
<br />
<b>Contoh</b> :<br />
<br />
<center><form action="http://beta.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" type="hidden" value="Letakkan judul widget" /><textarea cols="5" name="widget.content" rows="3" style="display: none;"><img src="http://img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 100px; width: 100px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_0" data-original-id="BLOGGER_object_0" /> </textarea><input class="button" name="go" type="submit" value="Instal Widget to Blog" /></form>
</center>
<br />
Dari contoh tersebut, saya pasang kode widget yang berisi animasi twitter follow button, yang anda bisa lihat <a href="http://johannezalbert.blogspot.com/2012/04/cara-membuat-widget-twitter-follow_28.html" target="_blank">disini</a>.<b><br /></b><br />
<b><br /></b><br />
<u><b>Cara Instalisasi</b></u> :<br />
<br />
Masuk ke Blogger<br />
Buka halaman New Entri<br />
Letakkan kode berikut di <b>Mode HTML</b><br />
<br />
<br />
<span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img class="uploader-thumb-img" height="67" src="https://lh4.googleusercontent.com/-dOmb5OENt0I/T8OKrF60fPI/AAAAAAAAAYg/fE023eCeWa4/h120/123.png" style="height: 38px; left: 0px; top: 0px; width: 360px;" width="640" /></div>
<br />
Jika sudah, letakkan kode berikut ini :<br />
<br />
<br />
<div style="background-color: #c1eeec; border-bottom-right-radius: 15px; border-top-left-radius: 15px; border: 3px solid rgb(153, 153, 153); padding: 5px; text-align: left;">
<form action="http://beta.blogger.com/add-widget" target="_blank" method="post"><input value="<span style="background-color: red; color: white; font-size: small;"># 1</span>" name="widget.title" type="hidden"><textarea rows="3" cols="5" style="display: none;" name="widget.content"><span style="background-color: red; color: white; font-size: small;"># 2</span></textarea><input value="<span style="background-color: red; color: white; font-size: small;"># 3</span>" class="button" name="go" type="submit"></form> </div>
<b>Customize : </b><br />
<ul>
<li>Hapus kode <span style="background-color: red; color: white; font-size: small;"># 1</span> dengan : Judul Widget yang ingin di Instal</li>
<li>Hapus kode <span style="background-color: red; color: white; font-size: small;"># 2</span> dengan : Kode dari Widget yang ingin di Instal</li>
<li>Hapus kode <span style="background-color: red; color: white; font-size: small;"># 3</span> dengan : Kalimat yang berada pada tombol Instal</li>
</ul>
<b>Perhatian !!!</b><br />
<ul>
<li>Widget ini cocok untuk blog yang memposting artikel tentang Widget</li>
<li>Tidak cocok untuk blog yang memposting artikel tentang Information, News, dan lain sebagainya </li>
</ul>
<div style="text-align: center;">
<span style="font-weight: bold;">Happy Blogging</span></div>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com3tag:blogger.com,1999:blog-473376998331544064.post-52011153869120961672012-05-25T11:57:00.001+07:002012-05-25T15:04:50.649+07:00Tampilan Kotak Guest Author Otomatis di Blogger<span class="" id="result_box" lang="id"><span class="hps">Kali ini saya akan memosting ulang artikel dari Gudang Widget. Tampilan Kotak Guest Author Otomatis di Blogger akan mempermudah pengunjung meliihat deskripsi dari Artikel yang dibaca. Nah jika anda tertarik, jangan sungkan-sungkan untuk memasang diblog anda, langsung saja dilihat langkah-langkahnya :</span></span><br />
<span class="" id="result_box" lang="id"><span class="hps"><br /></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="gphoto-scaledimage" style="position: relative; text-align: center;">
<div class="scaledimage-onscreenpane" id="imageContentZoom96" style="height: 145px; width: 586px;">
<div class="gphoto-scaledimage" style="position: relative; text-align: center;">
<div class="scaledimage-onscreenpane" id="imageContentZoom96" style="height: 145px; width: 586px;">
<img height="97" src="https://lh5.googleusercontent.com/-brMNJnF-1Wo/T787knQLqaI/AAAAAAAAAYM/_XhuEqsW2RE/s400/author.png" width="400" /></div>
</div>
</div>
</div>
<span class="" id="result_box" lang="id"><span class="hps">Langkah-langkah</span> <span class="hps">yang</span> <span class="hps">dibuat sederhana</span> <span class="hps">sehingga Anda</span> <span class="hps">akan</span> <span class="hps">merasa sangat</span> <span class="hps">menarik</span> <span class="hps">untuk diterapkan.</span></span><br />
<ol>
<li><span class="" id="result_box" lang="id"><span class="hps">Pergi</span> <span class="hps">ke Blogger</span>> Template</span></li>
<li><span class="" id="result_box" lang="id"><span class="hps">Backup</span> <span class="hps">template anda</span></span></li>
<li><span class="" id="result_box" lang="id"><span class="hps">Klik</span> <span class="hps">Edit HTML</span></span></li>
<li><span class="" id="result_box" lang="id"><span class="hps">Klik</span> <span class="hps">Lanjutkan</span></span></li>
<li><span class="" id="result_box" lang="id"><span class="hps">Kemudian</span> <span class="hps">Klik</span> <span class="hps">Expand Template</span> <span class="hps">Widget</span></span></li>
<li><span class="" id="result_box" lang="id"><span class="hps">Pencarian kode untuk</span> ]<span class="atn">]> <</span>/ b: <span class="hps">skin></span></span></li>
<li><span class="" id="result_box" lang="id"><span class="hps">Tepat di atas</span> <span class="hps">itu</span> <span class="hps">paste kode</span> <span class="hps">CSS</span> <span class="hps">berikut,</span></span></li>
</ol>
<div style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; autoheight: 100px; background-color: #c1eeec; border: 3px solid #999999; height: 316px; overflow: auto; overflow: autowidth:200px; padding: 5px; padding: 5px; text-align: justify; width: 250x;">
<br />
<div style="text-align: left;">
/* MBT Code For Author Box */</div>
<div style="text-align: left;">
.about-author { </div>
<div style="text-align: left;">
width : 98%; </div>
<div style="text-align: left;">
overflow : hidden; </div>
<div style="text-align: left;">
margin:10px 0px; </div>
<div style="text-align: left;">
border:0px; </div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
.about-author img { </div>
<div style="text-align: left;">
width:70px; </div>
<div style="text-align: left;">
padding:3px; </div>
<div style="text-align: left;">
border:1px solid #ddd; </div>
<div style="text-align: left;">
margin:0px 5px 0px 0px; </div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.about-author h3{ </div>
<div style="text-align: left;">
font-family:verdana !important; </div>
<div style="text-align: left;">
font-size:18px !important; </div>
<div style="text-align: left;">
margin:9px 0px !important; </div>
<div style="text-align: left;">
<b><span style="background-color: red; color: white;">color:#666666</span></b> !important; </div>
<div style="text-align: left;">
border-bottom:2px solid #666 !important; </div>
<div style="text-align: left;">
border-top:0px !important;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
.about-author p { </div>
<div style="text-align: left;">
margin:0px; </div>
<div style="text-align: left;">
text-align:justify; </div>
<div style="text-align: left;">
color:#666; </div>
<div style="text-align: left;">
} </div>
</div>
<br />
<ol>
<li value="7"><span class="">Untuk mengubah warna teks "Tentang Penulis" edit </span><b><span style="background-color: red; color: white;"><span class="">color: # 666666</span></span></b><br /> </li>
<li> Berikutnya Pencarian untuk <<b>data:post.body/> </b>(jika ada 4 pilih yang ke 3)</li>
<li> Tepat di bawah itu paste kode berikut:</li>
</ol>
<div style="background-color: #c1eeec; border-bottom-right-radius: 15px; border-top-left-radius: 15px; border: 3px solid rgb(153, 153, 153); overflow: auto; padding: 5px; text-align: left;">
<b:if cond='data:blog.pageType == "item"'> <br />
<b: if cond = 'data: post.author == " <b><span style="background-color: yellow;">NAMA PENULIS</span></b> "'> <br />
<div class = 'tentang penulis- '> <br />
<h3> Tentang Penulis: </ h3> <br />
<img align = 'left' src = ' <b>IMAGE LINK DARI PENULIS</b> '/> <br />
<p> <b>MENULIS PENULIS BIO SINI</b> </ p> <br />
<p> Ikuti dia @ <a href = " <b>BLOG LINK</b> target = '_blank'> <b>NAMA BLOG</b> </ a> | <a href = ' <b>FACEBOOK LINK</b> 'rel =' nofollow 'target =' _blank '> Facebook </ a> </ p> <br />
</ div> <br />
< / b: if> </ b: if></div>
<br />
<div style="text-align: justify;">
Semua langkah Cukup jelas. Anda hanya perlu mengisi bagian-bagian tebal dengan rincian persyaratan yang benar. Ada satu hal yang perlu perawatan.</div>
<ul style="text-align: justify;"><a href="http://lh4.ggpht.com/-wpnnrOF0HL8/T7KNWQyULYI/AAAAAAAAGbI/VECQpEbsWAA/image%25255B25%25255D.png?imgmax=800" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="tamu penulis nama akun" border="0" src="http://lh4.ggpht.com/-wpnnrOF0HL8/T7KNWQyULYI/AAAAAAAAGbI/VECQpEbsWAA/image%25255B25%25255D.png?imgmax=800" style="background-image: none; border-width: 0px; display: block; margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="tamu penulis nama akun" /></a>
<li>Ganti <b><span style="background-color: yellow;">NAMA PENULIS</span></b> dengan nama account dari penulis tamu. Nama ini harus sama persis nama muncul di posting-nya. Lihat screen shot di bawah ini: </li>
</ul>
<br />
<br />
<div style="text-align: justify;">
10. Simpan Template, dan kemudian lihatlah hasilnya!</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kunjungi blog Anda dan memeriksa posting dari salah satu rekan penulis. Anda akan menemukan biodatanya muncul hanya sempurna di bagian bawah semua artikel yang dipublikasikan olehnya. Anda bahkan dapat membuat kotak penulis untuk diri sendiri dengan hanya mengganti <b><span style="background-color: yellow;">NAMA PENULIS</span></b> , profil pic dan bio dengan kita.</div>
<div style="text-align: center;">
<b>Happy Blogging</b> </div>
<span class="" id="result_box" lang="id"><span class="hps"></span></span><span class="" id="result_box" lang="id"><span class="hps"> </span></span>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com4tag:blogger.com,1999:blog-473376998331544064.post-68994912388542306152012-05-21T23:27:00.000+07:002012-05-27T13:14:14.988+07:00Cara Membuat Widget Share Melayang<div style="text-align: justify;">
<a href="data:image/png;base64,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" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="" border="0" src="data:image/png;base64,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" /></a>Bila sebelumnya saya mereshare tentang Trik Blogger, kali inia kita akan membahas tentang Cara Membuat Widget Share Melayang. Tombol share ini bertujuan untuk mempermudah kita dan visitor berbagi artikel yang kita miliki dengan orang lain.Saya juga pernah meresahre tentang tombol share lainnya, seperti : </div>
<ul>
<li><a href="http://johannezalbert.blogspot.com/2012/04/cara-membuat-share-buttons-di-posting.html">Cara Membuat Share Buttons di Posting Blogger (Like, Tweet, +1)</a></li>
<li><a href="http://johannezalbert.blogspot.com/2012/05/trik-gampang-memasang-tombol-sharing-is.html">Trik Gampang Memasang Tombol Sharing Is Sexy</a></li>
</ul>
Jika anda penasaran dengan tombol yang kita bahas saat ini, lihat gambar yang ada disamping :<br />
Lalu, bagai mana cara pemasangan nya di blog kita ? ikuti saja langkah-langkahnya :<br />
1. Masuk ke <b>Blogger</b><br />
2. Ke <b>Tata Letak</b><br />
3. Klik <b>Add Gadget</b>, kemudian pilih <b>HTML</b>/<b>Javascript</b><br />
4. Copy-paste kode dibawah ini ke Kotak <b>HTML</b>/<b>Javascript</b><br />
<br />
<div style="background-color: #c1eeec; border-bottom-right-radius: 15px; border-top-left-radius: 15px; border: 3px solid rgb(153, 153, 153); padding: 5px; text-align: left;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><!--SideBar
Floating Share Buttons Code Start--><br />
<style><br />
<br />
#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px
solid black;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0
0 2px<br />
<br />
0;z-index:10;}<br />
<br />
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}<br />
<br />
.fb_share_count_top {width:48px !important;}<br />
<br />
.fb_share_count_top, .fb_share_count_inner
{-moz-border-radius:3px;-webkit-border-radius:3px;}<br />
<br />
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important;
-moz-border-radius:3px;-webkit-border-radius:3px;}<br />
<br />
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px
!important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}<br />
<br />
</style><br />
<div id='pageshare' title="Share This With Your Friends"><br />
<div class='sbutton' id='gb'><script
src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like
layout="box_count"
show_faces="false"
font=""></fb:like></div><br />
<div class='sbutton' id='rt'><a
href="http://twitter.com/share"
class="twitter-share-button" data-count="vertical"
>Tweet</a><script src='http://platform.twitter.com/widgets.js'
type="text/javascript"></script></div><br />
<div class='sbutton' id='gplusone'><script
type="text/javascript"
src="https://apis.google.com/js/plusone.js"></script><g:plusone
size="tall"></g:plusone></div><br />
<div class='sbutton' id='su'><script
src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div><br />
<div class='sbutton' id='digg'
style='margin-left:3px;width:48px'><script
src='http://widgets.digg.com/buttons.js'
type='text/javascript'></script><a class="DiggThisButton
DiggMedium"></a></div><br />
<div class='sbutton' id='fb'><a name="fb_share"
type="box_count"
href="http://www.facebook.com/sharer.php">Share</a><script
src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div
style="clear: both;font-size: 12px;text-align:center;"><a
href="http://johannezalbert.blogspot.com/2012/05/cara-membuat-widget-share-melayang.html"
target="blank"><font color="black">[Get
This]<font></font></font></a></div></div></span></div>
<br />
5. Save/Simpan.<br />
<br />
<div style="text-align: center;">
<b>Happy Blogging</b></div>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com3tag:blogger.com,1999:blog-473376998331544064.post-50427156945199599482012-05-21T22:55:00.000+07:002012-05-21T22:55:05.771+07:00Cara Membuat Scroll pada Label<div style="text-align: justify;">
Trik yang akan segera kita bahas kali ini adalah, Cara membuat tombol scroll pada Label. Bagi anda yang labelnya banyak, tentuh risih kan melihal label yang terus memanjang kebawah dan otomatis akan boros tempat. Saya sarankan untuk anda supaya memasang scroll ini di blog anda agar labelnya terlihat rapi dan tidak memakan tempat. Contoh dari Scroll pada Label adalah :</div>
<br />
<img alt="" border="0" id="BLOGGER_PHOTO_ID_5579775178047021202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUJ_hjn1JGrcGedq8DNJHJ_-lFeIXw_3ZPZwggK_F8dX-HuINqK7EdlbPkuxyIjQX5X49fmLhdtD3Y95zVYtc8gmIcfmjf9DEt354d1qyX-QhnY0Vq8ieyUHGyX9vGuVg2x33U1WZv5qA/s320/Label+Scrool.jpg" style="display: block; height: 242px; margin: 0px auto 10px; text-align: center; width: 272px;" /> Jika anda yang berkenan memasangnya di blog, ikuti saja langkah-langkahnya :<br />
<ol>
<li>Masuk ke <b>Blogger</b></li>
<li>Pilih <b>Menu</b> <b>Template</b></li>
<li>Lalu pilih <b>Edit Template</b>, kemudian pilih <b>lanjutkan</b></li>
<li>Cari kode berikut :</li>
</ol>
<div style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; autoheight: 100px; background-color: #c1eeec; border: 3px solid #999999; overflow: autowidth:200px; padding: 5px; text-align: justify;">
<b:widget id="Label1" locked="false" title="Labels" type="Label"><br /><b:includable id="main"><br /><b:if cond="data:title"><br /><h2><data:title></data:title></h2><br /></b:if><br style="color: black;" /><span style="color: black;"><div class="widget-content"></span><br /><ul><br /><b:loop values="data:labels" var="label"><br /><li><br /><b:if cond="data:blog.url == data:label.url"><br /><span dir="data:blog.languageDirection"><br /><data:label.name><br /></data:label.name></span><br /><b:else><br /><a dir="data:blog.languageDirection" href="data:label.url"><br /><data:label.name><br /></data:label.name></a><br /></b:else><br /><span dir="ltr">(<data:label.count>)</data:label.count></span><br /></b:if></li><br /></b:loop><br /></ul><br /><b:include name="quickedit"><br /><span style="color: black;"></b:include></div></span></div>
<br />
Ganti kode diatas dengan kode dibawah ini :<br />
<br />
<div style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; autoheight: 100px; background-color: #c1eeec; border: 3px solid #999999; overflow: autowidth:200px; padding: 5px; text-align: justify;">
<div style="color: red;">
<span style="color: black;"><b:widget id="Label1" locked="false" title="Labels" type="Label"></span><br style="color: black;" /><span style="color: black;"><b:includable id="main"></span><br style="color: black;" /><span style="color: black;"><b:if cond="data:title"></span><br style="color: black;" /><span style="color: black;"><h2><data:title></data:title></h2></span><br style="color: black;" /><span style="color: black;"></b:if></span><br /><span style="color: black;"><div class="widget-content"></span></div>
<div style="color: red;">
<div style="overflow: auto; height: 300px;"><br /><span style="color: blue;"><ul></span><br style="color: black;" /><span style="color: black;"><b:loop values="data:labels" var="label"></span><br style="color: black;" /><span style="color: black;"><li></span><br style="color: black;" /><span style="color: black;"><b:if cond="data:blog.url == data:label.url"></span><br style="color: black;" /><span style="color: black;"><span dir="data:blog.languageDirection"></span><br style="color: black;" /><span style="color: black;"><data:label.name></span><br style="color: black;" /><span style="color: black;"></data:label.name></span></span><br style="color: black;" /><span style="color: black;"><b:else></span><br style="color: black;" /><span style="color: black;"><a dir="data:blog.languageDirection" href="data:label.url"></span><br style="color: black;" /><span style="color: black;"><data:label.name></span><br style="color: black;" /><span style="color: black;"></data:label.name></a></span><br style="color: black;" /><span style="color: black;"></b:else></span><br style="color: black;" /><span style="color: black;"><span dir="ltr">(<data:label.count>)</data:label.count></span></span><br style="color: black;" /><span style="color: black;"></b:if></li></span><br style="color: black;" /><span style="color: black;"></b:loop></span><br style="color: black;" /><span style="color: blue;"></ul></span><br style="color: black;" /><span style="color: black;"><b:include name="quickedit"></span><br /><span style="color: black;"></b:include></div> </span></div>
<span style="color: red;"></div></span><br /> </div>
<b>Keterangan : </b><br />
<ul>
<li style="text-align: justify;">Yang berwarnah <span style="color: red;">merah</span> adalah kode scroll nya</li>
<li><div style="text-align: justify;">
Yang berwarna <span style="color: blue;">biru</span> kode untuk button. Kode yang berwarna <span style="color: blue;">biru <span style="color: black;">dapat diganti menjadi <ol> dan diakhiri dengan </ol> untuk diganti menjadi angka</span></span></div>
</li>
</ul>
<div style="text-align: center;">
<b>Happy Blogging</b></div>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com22tag:blogger.com,1999:blog-473376998331544064.post-6955842441898170512012-05-21T20:28:00.000+07:002012-05-21T20:34:17.188+07:00Cara Memasang Emoticon Smile.gif di Kotak Komentar | 4<br />
Seperti biasa, aku akan kembali mereshare trik untuk anda. Kali ini kita akan membahas tentang Cara Memasang Emoticon Smile.gif di Kotak Komentar | 4. Sebelum artikel ini, saya sudah mereshare beberapa cara bagaimana membuat emoticon di kotak komentar. Dimulai dari :<br />
<ul>
<li><a href="http://johannezalbert.blogspot.com/2012/04/cara-membuat-emoticon-di-post-komentar.html" target="_blank">Cara Memasang Emoticon Smile Yahoo di Kotak Komentar | 1</a></li>
<li><a href="http://johannezalbert.blogspot.com/2012/05/cara-memasang-emoticon-kucing-lucu-di.html" target="_blank"><span style="font-size: small;">Cara Memasang Emoticon Kucing Lucu di Kotak Komentar | 2</span></a></li>
<li><span style="font-size: small;"><a href="http://johannezalbert.blogspot.com/2012/05/cara-memasang-emoticon-boy-girl-terbaru.html" target="_blank">Cara Memasang Emoticon Boy & Girl (Terbaru) di Kotak Komentar | 3</a></span></li>
</ul>
<br />
<span style="font-size: small;">Cara Memasang Emoticon Smile.gif di Kotak Komentar | 4 terkesan keren dan unik, kenapa saya bilang begitu? Karena, dalam Emoticon ini, iconnya tampak lebih hidup dan penuh ekspresi yang pas. Agar sobat tidak penasaran, berikut adalah contohnya :</span><br />
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghOxzQ8A-aPYR5Z14cS_fcEskjyN9HzaQ5BPe4y_zT8UjpO0Ccr4NdUbT93zW_OFoPN_8GB7EFNjRtV77j1HZHz9e74C1qKvnNgHHJVVgLulDq5Z44E3wsMvsRjhc51E2TSY_AJXMl8T0X/s128/t4belajarblogger84.gif" /></div>
<br />
<br />
<center><table border="1">
<tbody>
<tr>
<td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixsXSHPVmZ5Y3pM0iWTGpL48XFSxIo5ffMPlo-utZxVO1lKxn_swRp4UCItyLy-q0bEp94zOlA7_b3G3PWdrYZJDsNXvJqiffdRf0-pEldAKtemI-zruMewQ0uQio80n437ap1-ORVJe8s/s128/t4belajarblogger37.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9CnP5IatfgeAGBRn-Yk15kzmlvOmn1Kj4JAas-lS0wGm6gkr0WpNOOWRr5-KjC8TcwTON2sOUKSjJZlBv3RY9Ne5bISGVR75wYZ4vTAzp7C_OQ_5ZBgcXid1jm4d2jYh5jA8UNtmcviDd/s128/t4belajarblogger43.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5daWpPD2mH9uEHPnAQIxXP3QDDL0w2oDnUrcXFkJauMnGXNuSQ0PNgvf4nUZpejxN30j5CfcQxR6KmjYjcKgy0DRTbUhtb6iAKxBbZvA6WiiOklG-jgTU1J-9LMCi7ui1OzKfd1OnPMC0/s128/t4belajarblogger39.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXVEG8pV4y8U0BN9fK8CzzxIaC7wD5oo1RVcDlyD4mp7MWAKpJ_ywPbOzj5g07UysU_2z4S9cjW6ok_-vtzlLr3S53N8EEX37maBXSaP63WCzFYyHZVj6mj_pBR7rWblXoMrl2FTvTx_zS/s128/t4belajarblogger40.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUjQlB3OsbtqPOMNY3OhxPEz9uHBbVwBoeI4jUsYbXxBe9OyYne9lWTw4QuEivvQLnyQ2BrnfteNEla6mzsvuUygLru2lrFs5QV2tmvWij8MlB02EGzvO11nS6OCQsn4PUgkoPGjyWzIH8/s128/t4belajarblogger41.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdmYQoGqWhdaitrTfOGBNz_sFdpeWZ848S6h_nqi3BMGgDGw-2LV533zUzKgCowrJh0wApO5yVbVyXUNy7swtxf6S6rWwmeWZxYBuvOC19v19hrEiN6zvfjbxfEiLsp0jbeTvR0S1gUWXT/s128/t4belajarblogger42.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkWxgMYm5jO_EVQuFXImWiCvrCi8bsXlLLl9R0dsKcgR-5F1NSbWaD79_HObBez2GXISs80HGBBb_KqjHpLysfpf0ixePaysNtsuJN_5sa-HAyvUGwpy3A9zbUKJ5Zh_RdsBgz-gQwth-J/s128/t4belajarblogger38.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit_Wgaf0mL6gq36a9z-oNwQu-gO6Y7ohI5W2FBsYyGZct9JvhxwkffOrKLfV_Z_yFjA6pkIRq7qTUqtAZtPtn67iLwUvSC5zzktSTI1eFv16fLUN8RfST4xXSAySqtdD34XGEnfIoaS0uL/s128/t4belajarblogger44.gif" /></span></td></tr>
<tr><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgilc7gUL1Xi-pfReEJoU9I-wpyoDq8a6JHz0kSZo-P-M2Mfb5OL5ts3JhlEnIUMkaBmN87wRy58KBesV1YRzKzsdZeSH9PZc0z_wc62arjaGMjRe0jgdzmNsDoPRRjNfv8xbG5lr_LsRGo/s128/t4belajarblogger45.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9QP2HEPDyt4yi9Enims0qHWq83kZFUFP6Sb3abtY0hA1Ht8vvyVs7CU7SOurHccQnBDjfBc9LgVAKNPl94kJyIw6lDs4ks3cYLWRQNqtGbjzGa9B-aSnHI4VAcS_QCiUhtoAUOUy3MRED/s128/t4belajarblogger46.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGDf6LWc5wD9tYPHqs_4dPbYuq64iB7htDYm1EE-y81QOIFJ1AOiQiyvmx_7NNcGhQdKo5sidfVOATT2UVrmTbg912XjbS3aiZJPWmfs8nZRSOmq1-EGCgjnJ1exgHmvtihspSxep_SXiU/s128/t4belajarblogger47.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVmov_F70JCaEFZrW_3NOzbJAEItqjr_XYme0BKrJ88x4asUJ7fGY8W93pTZUMvRCRuXeXekviWzNNDkVSvi7KYZmhCgSLCUY4F87wndaeCMmlCP9ueIAUlkUp_b1iNojQF5shAnp_OvXU/s128/t4belajarblogger48.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC_OOwZIKMdatrAJbcNDBYlrCOVvXnqw8mUCH8_Wrc89LmDhPd1xr9ZoLzziNolJm4qxg3KS6-YUVPyQTcGeditHvYM_NHfWrRFu_N36Va-3affeqiVZ_bkE4dP96hciAy4fMIuk6fJbYg/s128/t4belajarblogger49.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPzGJnGJsKeYKd-QJZ1Bro1ObIIVVtJZb9oJXbDusC0DK7ue3I7GMoVsgmzpWCTw2pKSYdGGAu5QkngpxeJ7Hn_kf6b53XyZYCcQTTd1g7lCUbo0Hu7b9aIPLdefZ_B-NqxgZKDkT9Zw-r/s128/t4belajarblogger50.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikI2GNlbDUIXMq8mEU6iZ9cqBD3VuY7Rz5sgj2SGChnTxSkNj-2TMd5kAsb-NTpGwelvoV_Lju-hanRHtrF-XQA4xSaMa2_q3BsvSGKRV4iZK0u9U9CTcbs0Z1Fif6GdAjVYFRthNE2t5e/s128/t4belajarblogger51.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxKxN7CXh8k2BysnpcKL0e1AzT3PWySl2Zd3L4OkZXEEtrxpM4McsSEVwkh7tXPxt0SCmywGNU8e3vzwMLGZ_mdebuSms6pFksKOEVi9Y9uu-OtrS6Hm_IEMuJdjD2cUwT4tRj13Brd7uZ/s128/t4belajarblogger52.gif" /></span></td></tr>
<tr><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBhUjBQFdj0IFx6HtqwKiGssT48Z4gwnOhOrxJWFy6REvQ4xuVUGiBQC2f4zKbUrq4LdF9olAnl_9fsMwlm8JLScOqOJ1kFLfX9blnKQBHq5e1_8F2gThsb5shX7EHEA1R-cV5Ezal4BR3/s128/t4belajarblogger53.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDnexRrrLoNwy92YhTaWSndHeRaF6Lu8Rgv_F53fNIoqCDh0dGJjaqGZK-B5_Zc8JaGYcVSMNH2M0gIWZas6N4Fk7x2vpqjZ6_8eth9BuRIBcAwDUtrayKesyOWiLdoRbs6Pi2ZK-9bbzF/s128/t4belajarblogger54.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSpJkLA0IxuuyVIEBf_AuPScHLl0Fol1eveJeat8NOM0oD4it0L4g3Al1y86MESM-Xb2U_8useNoZTJN3bHOUm9gcP4hFx9OtdIx4j3fpntnQbj5-JlAMzy0je3Rmdpi_b4z9dSFYU7KtB/s128/t4belajarblogger55.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij79G-B_aQQ2XU-nvJpxgOynwWT0zMcoXNE4sSJrs_D00wuGUgOwEWpjdgkJd_Mm-DL_IOkxtV532pUTM5Id-NacJHWLnxwhxn5r8MowvV1aZBw4vvdRQCmJsNorks1FCQq1x9YNMCpUPf/s128/t4belajarblogger56.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2WJ05Rhxqw2yQsnQQX5S-E3ysTV9tGLCkpIrAxOdGaPCjb92y1Fd4O8ybRketv7mGOknPcgFXz7T3WM4BQBCqNEHfdcYUJqesha5yPictEXbGw8_i4Ie6pjkKuRFtHjQhzLNckIZU_WdH/s128/t4belajarblogger57.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivapbXP29mieupRjFcFCECaKARch6DjTlxRHGiV1Fhj4T9Sb6X6YNpEI0xnpYXhlqsCBGNonYSgloFdRBduh6DWeFRVtLXtoDoJ2nai9IrPRAtiuQqXByFUdD75T9vUwmbNSEI66npxltn/s128/t4belajarblogger58.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuwEkOUkTsjkTJpyMBAhPHVc-454PuZ5Ltl5csPX5eU0A00H8dk9ZVMgbA2OEvfKeUmWq4h_mK2ePPcPp1HDiE6GZom1wngbyBIhLN4jsME831J402Hw6dNEQgwEy1VQEB0O9NvRzAJSWW/s128/t4belajarblogger59.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3tS5LfLVYfXPfIAZ2E2N4eImoi-x1v4qpEkNDfrFD4zGfcDdmLaeH21Viz99TiPx0HMO04dXT6JtnEVg9cE3_q1Jkd5JCtAlfXAcrFYFmHCco4Fpv258NoksQXdVFvy2Qqgr6ggkfjqMo/s128/t4belajarblogger60.gif" /></span></td></tr>
<tr><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk__GzA7Gepqqxidl74API7xsqBeRxjsPc0dCJ3iOfJV9DQyxGCAvegDE2azCTVYbQ53XOKzN-IcJN045Q9kQq0aGAzEGnVln0Lu0FCYgHlDLEOMcqpaGS6HTJbg21ybQDO7NzPyYa5mol/s128/t4belajarblogger61.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg4EJo9uuaF3JKT5JC5PGTmVH4TVFKGXmXAgoyCg1dpWYsyyFAqsVTSumWMqVIbfI8wivA0FC47dtMJ496EHnhLbD_MS0rQ6gofPeXMmJ92BG1I_SD4IVlmeX95gq3pMeY_MtlxvidvuU_/s128/t4belajarblogger62.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2YGOJfqaswuDr4Ntlg7-CFgaUCxHk_8io_oShTA9VJOpVg__bMTn3ijfeQaQMgg2k_KF-6AEvqcfzPqhjJALCOKwK9p4Feu1D3310QN7FJ7qLKqg5GTBBy7Q3xft129-NGJKse8UN3K3a/s128/t4belajarblogger63.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV-evU2mGt3ohjtJUG_a07nkXyJKq2Tp0AduCvuSVHRW5oVGWsEVPLUF7U-k2hXNsYVJ7en6SoxAducLvIwSWd2dIo7uR6MBLvrryiRWZK8D2OlSGbtkq-t8E_gC1PwlT-zuyRuXefKi5q/s128/t4belajarblogger64.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_x3EkQLT2m0HEq9-ERHH4jdOytJLVNfIRyJ7DfwL41jNuHGMOZ3wvY0jhcc_nZezk0JdxyN0wnl37qqJKjHtGOtkWNtYwkPZf6_JAb8YFkXqBLHqcsVG9hjwLwnc9TilNGP5py5uFGTdN/s128/t4belajarblogger65.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuMNLWUOYlFH1-Ibt_mDijH3NvyfwsXWlX1cBbDYmLjmtKU3OFBF2ORh26Q6ul9k9LncIEW8MD4-K6eSgWxDJLTx5tGUMi2QvEnkPBMMSadAsq6WWHZncYnBroJxOo7Y8VJ9qag6fjTAbL/s128/t4belajarblogger66.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEXP_ilT4rqv2co_3kHj_cH37imPpnJ5nOjmnsAWIUZPOvc-_YzsyDx_vL0os0RgIh0UN-9khpsShWeqCOkMEcOHjW3DTmRlp6yDqg8W8YWOCANJwmWpXjkkJARPBXzFyEVtmUa5CiQVSL/s128/t4belajarblogger67.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS4NPkfI79oXLIi7XMXnr_r0oBL7mpRlwJHaEmWRcMQAdZhWqxfW92ZqRurzWuf3mpbCUr5v8gzgG_TFi7tJB8tdbjNePCHdjn_hQogPQGq8GBLiMrTuuA3Ridv-XrCy_nNIb2E1qhA1CR/s128/t4belajarblogger68.gif" /></span></td></tr>
<tr><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd8AL1QVJLPKoWFq9mky_oFJvZ7IiySyDYkvwep3cH8bBj5qw1ndQvf_kqf88N7wPTHbkzH6vHc3vY8xxqRm18_f1Yi_jYQzVz9icRWWW6AHTegEqLs9ix_kq12kBzEZEZf_aWVOVCHaA0/s128/t4belajarblogger69.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpGHXbuCHX9iXfliEGGjWgi98lnXFOuBJBiUgkYP8K4NChT7bomXj8fZsmZQ4BUO089Mg_akXhhI_7lujWcH5rCjs5HXByrQg5cADZij3MTD0HhlQc6PVnmjEsWYpKrrr8wLfTRzuY2H6L/s128/t4belajarblogger70.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-ybSSf-ph4pzGeoda3X8-khGzwJScI_idRXM54gq5OiEe6_WiOwJQgEG93jRELb_iLLbW-FGNs3M6Lh_rC2Ed5XFjFKKr7WpLvJPArIKCC1WKj48crJEpBUtUn2bq7_HGX_SNy2dNkGYK/s128/t4belajarblogger71.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPI6FLjdBA3sSFb5kjMQDQay5FrFHuXkg7nwL7UCZpDGhvc1D-LFBUv8TRtm7kCij1B6yHkMvIHX48y6Iimp_7dmRsG81zee1hQFJhmcEyulLkP7bR-gSzPBm3sknUo-tGMTBMrftWPI6P/s128/t4belajarblogger72.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqzMVnZHJHN8x_g0MjDT59cIgKVg6tfythtP0dBG0UH4yPQrbqcQiKKJuVRqW82cOduU3jbCyPCSwiqvoN8MhafBZ3Abx1K06tcjwNPuyFH-dIb7OQlfnFlj4FD0cQ0y8VCpp2lgKstBL_/s128/t4belajarblogger73.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd-mmOOGErkVsWehaRtFJd_s2HF_P23av3vpilxmZpEIxz32u1NK5yjN-UVOv2KSEFNl12lsDUggjMll4-xbAUZZLjRjDZ2gkTgSHXidH7tHjaaTaC2ygRsekLBq81SHwI-i_NqaJmLUAz/s128/t4belajarblogger74.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5bL5EwTQyT6SrXLuNhDldWrfaynUsKK5T_vPtGuVxwUlm_6LAMa9CMkgS657aX7FmNWB1Xr20JWYA_e7TZotFtpBtEe67V8HIt-4wdni8sgv4ZL5RG2fFfzSHl4VhwyZs5G8knkjyU_R4/s128/t4belajarblogger75.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir1ZEcZ34XeJRfBTH1fOlifftEpsA0ASTa2cV4cSnyjkwxNPGCaFwtIQwmv5QIBNL2845AP_MCOXKGi_Uax2pWnT81vfBliTUPHJ-l5uFMf-lYmnk5qg4utFfv5Cii4rVFB1cvTHapqoYH/s128/t4belajarblogger76.gif" /></span></td>
</tr>
<tr>
<td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhycrrHy1KY8FpG6dWW1ybvbMt82MqOX3UFW_yt7Ngs5A_p15ZhMgRXFRh_w_om6yJReKp01X6zIYMP6dI68M1ohmSpj2eR56Y-vx9z2T0vp-vgVv20oiRkp4tzUlv6AWneF85WF73hKHu7/s128/t4belajarblogger77.gif" /></span></td> <td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFalfHG8UgCchvIzqBPYOYWdk-y_o2jNv7vOTGq9PLxeAh1bbE7Umz7FDH1kW5eSHcQSo6PnrrBwNfIVwCE5HXmmm1B9yRHWH6QbHg9iZ8wAb8tiuGpbEBSQhiF8Zkl5uT0Dr9DGx86w4T/s128/t4belajarblogger78.gif" /></span></td> <td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEldfbVsuF4XtjyZ9ldOkCvNT3l8OiJ7ICr6mp9JRsLokOOv-kIncEP18DjeiMYikwEqSoxgJRyNuE-5BtLoOnYSOSL0fYTwdgZbMvg7K9VBZSsKe6dw4EoO98mRbbTDkO1vRbokXJk8v3/s128/t4belajarblogger79.gif" /></span></td> <td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGwdclehmUtQx15v4_IjI7L78XISvUVqQvKMCG2kfzFanmA7ZfMsNiUWrX6ifyrAgKDn3UdmRDI2dG-hNFa4xSwptg3731mKPaoQasx3XztldeuLm1fDnsIij1EIXkY37xjpax-QtwsAux/s128/t4belajarblogger80.gif" /></span></td> <td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXXzR-l7YCsx0h1Ka3u3Yjfy9exSeG0qwrWcO7TIVgUY5tFD2iefzoSKnSE2vnPN-f1_EgmPzWGLGiZC_v3DLQQOeasZwyYZA9jakl9sefSCIN-ov-Q2uDLXq2OKNgZ64ZEw8H8yIQxl5I/s128/t4belajarblogger81.gif" /></span></td> <td><br />
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwqaa_H4rHD8YDmABtIky4NQ6RSvz9vnQp2uIxXm_dIOeJA0qDmGA3RpadfwYzgIyWhPt2SF0lOz2e3NFFzS8Nc-Ul5lxSVnCNlKjoG_YpfamWcs66AWqY5y3jtTsAPULEkBsBDHsHZAFZ/s128/t4belajarblogger82.gif" /></span></td><td><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy2Sn_VU8EH0CmgasLCymx7F0gH294AHdLGcZ7HS8Hnkb6Gjyor6dTfi9NpGSaUqXPFkbsjKc08_iiyfhB8XucLMPJ_tziqPTrpzk5srRifbUGhdRYqFbW3Kgf3hNsLITJ36Ub_FUK207k/s128/t4belajarblogger83.gif" /></span></td>
</tr>
</tbody></table>
</center>
<span style="font-size: small;"> </span>
<br />
<br />
Gimana menurut anda? Kalau anda menyukai emoticon tersebut dan ingin memasangnya di blog anda, ikuti aja langkah-langkah berikut ini.<br />
<ul>
<li>Masuk ke Blogger</li>
<li>Pilih <b>Template</b></li>
<li>Edit <b>HTML</b>, kamudian pilih <b>lanjutkan</b></li>
<li>Centang <b>Expand Widget Template</b></li>
<li>Cari kode <span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><b></body> </b>(Ctrl + F)</span></li>
<li><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Kemudian letakan kode dibawah ini tepat diatas kode<b> </body></b></span></li>
</ul>
<div style="background-color: #c1eeec; border-bottom-right-radius: 15px; border-top-left-radius: 15px; border: 3px solid rgb(153, 153, 153); padding: 5px; text-align: left;">
<script
src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/emoticonplus-v2.js'
type='text/javascript'/></div>
<br />
<ul>
<li>Selanjutnya cari kode <span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><b><b:if cond='data:post.embedCommentForm'></b></span></li>
<li><span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;">Dan letakkan kode dibawah ini diatas kode <b><b:if cond='data:post.embedCommentForm'></b></span></li>
</ul>
<div style="background-color: #c1eeec; border-bottom-right-radius: 15px; border-top-left-radius: 15px; border: 3px solid rgb(153, 153, 153); padding: 5px; text-align: left;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt; line-height: 115%;"><div style='overflow:auto; width:100%px; height:200px; padding:5px 5px 5px 5px; background:#FFFFFF;'><br /><center><b><br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_reeZCA7WcwJCiifGnAfonRWjUMXmWovCTXAyNULiwxYDoXzaPffT_HxvpUUAvTBiQU8gSHfTE30yl4XQ23NxuAg9rpEc6r7EZqa1FTBToG1jASIDs9iYebmsczEnNdlBYcGsGR8IJ_DX/s128/t4belajarblogger36.gif'/>:10<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixsXSHPVmZ5Y3pM0iWTGpL48XFSxIo5ffMPlo-utZxVO1lKxn_swRp4UCItyLy-q0bEp94zOlA7_b3G3PWdrYZJDsNXvJqiffdRf0-pEldAKtemI-zruMewQ0uQio80n437ap1-ORVJe8s/s128/t4belajarblogger37.gif'/>:11<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkWxgMYm5jO_EVQuFXImWiCvrCi8bsXlLLl9R0dsKcgR-5F1NSbWaD79_HObBez2GXISs80HGBBb_KqjHpLysfpf0ixePaysNtsuJN_5sa-HAyvUGwpy3A9zbUKJ5Zh_RdsBgz-gQwth-J/s128/t4belajarblogger38.gif'/>:12<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5daWpPD2mH9uEHPnAQIxXP3QDDL0w2oDnUrcXFkJauMnGXNuSQ0PNgvf4nUZpejxN30j5CfcQxR6KmjYjcKgy0DRTbUhtb6iAKxBbZvA6WiiOklG-jgTU1J-9LMCi7ui1OzKfd1OnPMC0/s128/t4belajarblogger39.gif'/>:13<br /><br/><br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXVEG8pV4y8U0BN9fK8CzzxIaC7wD5oo1RVcDlyD4mp7MWAKpJ_ywPbOzj5g07UysU_2z4S9cjW6ok_-vtzlLr3S53N8EEX37maBXSaP63WCzFYyHZVj6mj_pBR7rWblXoMrl2FTvTx_zS/s128/t4belajarblogger40.gif'/>:14<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUjQlB3OsbtqPOMNY3OhxPEz9uHBbVwBoeI4jUsYbXxBe9OyYne9lWTw4QuEivvQLnyQ2BrnfteNEla6mzsvuUygLru2lrFs5QV2tmvWij8MlB02EGzvO11nS6OCQsn4PUgkoPGjyWzIH8/s128/t4belajarblogger41.gif'/>:15<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdmYQoGqWhdaitrTfOGBNz_sFdpeWZ848S6h_nqi3BMGgDGw-2LV533zUzKgCowrJh0wApO5yVbVyXUNy7swtxf6S6rWwmeWZxYBuvOC19v19hrEiN6zvfjbxfEiLsp0jbeTvR0S1gUWXT/s128/t4belajarblogger42.gif'/>:16<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9CnP5IatfgeAGBRn-Yk15kzmlvOmn1Kj4JAas-lS0wGm6gkr0WpNOOWRr5-KjC8TcwTON2sOUKSjJZlBv3RY9Ne5bISGVR75wYZ4vTAzp7C_OQ_5ZBgcXid1jm4d2jYh5jA8UNtmcviDd/s128/t4belajarblogger43.gif'/>:17<br /><br/><br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit_Wgaf0mL6gq36a9z-oNwQu-gO6Y7ohI5W2FBsYyGZct9JvhxwkffOrKLfV_Z_yFjA6pkIRq7qTUqtAZtPtn67iLwUvSC5zzktSTI1eFv16fLUN8RfST4xXSAySqtdD34XGEnfIoaS0uL/s128/t4belajarblogger44.gif'/>:18<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgilc7gUL1Xi-pfReEJoU9I-wpyoDq8a6JHz0kSZo-P-M2Mfb5OL5ts3JhlEnIUMkaBmN87wRy58KBesV1YRzKzsdZeSH9PZc0z_wc62arjaGMjRe0jgdzmNsDoPRRjNfv8xbG5lr_LsRGo/s128/t4belajarblogger45.gif'/>:19<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9QP2HEPDyt4yi9Enims0qHWq83kZFUFP6Sb3abtY0hA1Ht8vvyVs7CU7SOurHccQnBDjfBc9LgVAKNPl94kJyIw6lDs4ks3cYLWRQNqtGbjzGa9B-aSnHI4VAcS_QCiUhtoAUOUy3MRED/s128/t4belajarblogger46.gif'/>:20<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGDf6LWc5wD9tYPHqs_4dPbYuq64iB7htDYm1EE-y81QOIFJ1AOiQiyvmx_7NNcGhQdKo5sidfVOATT2UVrmTbg912XjbS3aiZJPWmfs8nZRSOmq1-EGCgjnJ1exgHmvtihspSxep_SXiU/s128/t4belajarblogger47.gif'/>:21<br /><br/><br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVmov_F70JCaEFZrW_3NOzbJAEItqjr_XYme0BKrJ88x4asUJ7fGY8W93pTZUMvRCRuXeXekviWzNNDkVSvi7KYZmhCgSLCUY4F87wndaeCMmlCP9ueIAUlkUp_b1iNojQF5shAnp_OvXU/s128/t4belajarblogger48.gif'/>:22<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC_OOwZIKMdatrAJbcNDBYlrCOVvXnqw8mUCH8_Wrc89LmDhPd1xr9ZoLzziNolJm4qxg3KS6-YUVPyQTcGeditHvYM_NHfWrRFu_N36Va-3affeqiVZ_bkE4dP96hciAy4fMIuk6fJbYg/s128/t4belajarblogger49.gif'/>:23<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPzGJnGJsKeYKd-QJZ1Bro1ObIIVVtJZb9oJXbDusC0DK7ue3I7GMoVsgmzpWCTw2pKSYdGGAu5QkngpxeJ7Hn_kf6b53XyZYCcQTTd1g7lCUbo0Hu7b9aIPLdefZ_B-NqxgZKDkT9Zw-r/s128/t4belajarblogger50.gif'/>:24<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikI2GNlbDUIXMq8mEU6iZ9cqBD3VuY7Rz5sgj2SGChnTxSkNj-2TMd5kAsb-NTpGwelvoV_Lju-hanRHtrF-XQA4xSaMa2_q3BsvSGKRV4iZK0u9U9CTcbs0Z1Fif6GdAjVYFRthNE2t5e/s128/t4belajarblogger51.gif'/>:25<br /><br/><br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxKxN7CXh8k2BysnpcKL0e1AzT3PWySl2Zd3L4OkZXEEtrxpM4McsSEVwkh7tXPxt0SCmywGNU8e3vzwMLGZ_mdebuSms6pFksKOEVi9Y9uu-OtrS6Hm_IEMuJdjD2cUwT4tRj13Brd7uZ/s128/t4belajarblogger52.gif'/>:26<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBhUjBQFdj0IFx6HtqwKiGssT48Z4gwnOhOrxJWFy6REvQ4xuVUGiBQC2f4zKbUrq4LdF9olAnl_9fsMwlm8JLScOqOJ1kFLfX9blnKQBHq5e1_8F2gThsb5shX7EHEA1R-cV5Ezal4BR3/s128/t4belajarblogger53.gif'/>:27<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDnexRrrLoNwy92YhTaWSndHeRaF6Lu8Rgv_F53fNIoqCDh0dGJjaqGZK-B5_Zc8JaGYcVSMNH2M0gIWZas6N4Fk7x2vpqjZ6_8eth9BuRIBcAwDUtrayKesyOWiLdoRbs6Pi2ZK-9bbzF/s128/t4belajarblogger54.gif'/>:28<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSpJkLA0IxuuyVIEBf_AuPScHLl0Fol1eveJeat8NOM0oD4it0L4g3Al1y86MESM-Xb2U_8useNoZTJN3bHOUm9gcP4hFx9OtdIx4j3fpntnQbj5-JlAMzy0je3Rmdpi_b4z9dSFYU7KtB/s128/t4belajarblogger55.gif'/>:29<br /><br/><br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij79G-B_aQQ2XU-nvJpxgOynwWT0zMcoXNE4sSJrs_D00wuGUgOwEWpjdgkJd_Mm-DL_IOkxtV532pUTM5Id-NacJHWLnxwhxn5r8MowvV1aZBw4vvdRQCmJsNorks1FCQq1x9YNMCpUPf/s128/t4belajarblogger56.gif'/>:30<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2WJ05Rhxqw2yQsnQQX5S-E3ysTV9tGLCkpIrAxOdGaPCjb92y1Fd4O8ybRketv7mGOknPcgFXz7T3WM4BQBCqNEHfdcYUJqesha5yPictEXbGw8_i4Ie6pjkKuRFtHjQhzLNckIZU_WdH/s128/t4belajarblogger57.gif'/>:31<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivapbXP29mieupRjFcFCECaKARch6DjTlxRHGiV1Fhj4T9Sb6X6YNpEI0xnpYXhlqsCBGNonYSgloFdRBduh6DWeFRVtLXtoDoJ2nai9IrPRAtiuQqXByFUdD75T9vUwmbNSEI66npxltn/s128/t4belajarblogger58.gif'/>:32<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuwEkOUkTsjkTJpyMBAhPHVc-454PuZ5Ltl5csPX5eU0A00H8dk9ZVMgbA2OEvfKeUmWq4h_mK2ePPcPp1HDiE6GZom1wngbyBIhLN4jsME831J402Hw6dNEQgwEy1VQEB0O9NvRzAJSWW/s128/t4belajarblogger59.gif'/>:33<br /><br/><br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3tS5LfLVYfXPfIAZ2E2N4eImoi-x1v4qpEkNDfrFD4zGfcDdmLaeH21Viz99TiPx0HMO04dXT6JtnEVg9cE3_q1Jkd5JCtAlfXAcrFYFmHCco4Fpv258NoksQXdVFvy2Qqgr6ggkfjqMo/s128/t4belajarblogger60.gif'/>:34<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk__GzA7Gepqqxidl74API7xsqBeRxjsPc0dCJ3iOfJV9DQyxGCAvegDE2azCTVYbQ53XOKzN-IcJN045Q9kQq0aGAzEGnVln0Lu0FCYgHlDLEOMcqpaGS6HTJbg21ybQDO7NzPyYa5mol/s128/t4belajarblogger61.gif'/>:35<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg4EJo9uuaF3JKT5JC5PGTmVH4TVFKGXmXAgoyCg1dpWYsyyFAqsVTSumWMqVIbfI8wivA0FC47dtMJ496EHnhLbD_MS0rQ6gofPeXMmJ92BG1I_SD4IVlmeX95gq3pMeY_MtlxvidvuU_/s128/t4belajarblogger62.gif'/>:36<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2YGOJfqaswuDr4Ntlg7-CFgaUCxHk_8io_oShTA9VJOpVg__bMTn3ijfeQaQMgg2k_KF-6AEvqcfzPqhjJALCOKwK9p4Feu1D3310QN7FJ7qLKqg5GTBBy7Q3xft129-NGJKse8UN3K3a/s128/t4belajarblogger63.gif'/>:37<br /><br/><br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV-evU2mGt3ohjtJUG_a07nkXyJKq2Tp0AduCvuSVHRW5oVGWsEVPLUF7U-k2hXNsYVJ7en6SoxAducLvIwSWd2dIo7uR6MBLvrryiRWZK8D2OlSGbtkq-t8E_gC1PwlT-zuyRuXefKi5q/s128/t4belajarblogger64.gif'/>:38<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_x3EkQLT2m0HEq9-ERHH4jdOytJLVNfIRyJ7DfwL41jNuHGMOZ3wvY0jhcc_nZezk0JdxyN0wnl37qqJKjHtGOtkWNtYwkPZf6_JAb8YFkXqBLHqcsVG9hjwLwnc9TilNGP5py5uFGTdN/s128/t4belajarblogger65.gif'/>:39<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuMNLWUOYlFH1-Ibt_mDijH3NvyfwsXWlX1cBbDYmLjmtKU3OFBF2ORh26Q6ul9k9LncIEW8MD4-K6eSgWxDJLTx5tGUMi2QvEnkPBMMSadAsq6WWHZncYnBroJxOo7Y8VJ9qag6fjTAbL/s128/t4belajarblogger66.gif'/>:40<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEXP_ilT4rqv2co_3kHj_cH37imPpnJ5nOjmnsAWIUZPOvc-_YzsyDx_vL0os0RgIh0UN-9khpsShWeqCOkMEcOHjW3DTmRlp6yDqg8W8YWOCANJwmWpXjkkJARPBXzFyEVtmUa5CiQVSL/s128/t4belajarblogger67.gif'/>:41<br /><br/><br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS4NPkfI79oXLIi7XMXnr_r0oBL7mpRlwJHaEmWRcMQAdZhWqxfW92ZqRurzWuf3mpbCUr5v8gzgG_TFi7tJB8tdbjNePCHdjn_hQogPQGq8GBLiMrTuuA3Ridv-XrCy_nNIb2E1qhA1CR/s128/t4belajarblogger68.gif'/>:42<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd8AL1QVJLPKoWFq9mky_oFJvZ7IiySyDYkvwep3cH8bBj5qw1ndQvf_kqf88N7wPTHbkzH6vHc3vY8xxqRm18_f1Yi_jYQzVz9icRWWW6AHTegEqLs9ix_kq12kBzEZEZf_aWVOVCHaA0/s128/t4belajarblogger69.gif'/>:43<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpGHXbuCHX9iXfliEGGjWgi98lnXFOuBJBiUgkYP8K4NChT7bomXj8fZsmZQ4BUO089Mg_akXhhI_7lujWcH5rCjs5HXByrQg5cADZij3MTD0HhlQc6PVnmjEsWYpKrrr8wLfTRzuY2H6L/s128/t4belajarblogger70.gif'/>:44<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-ybSSf-ph4pzGeoda3X8-khGzwJScI_idRXM54gq5OiEe6_WiOwJQgEG93jRELb_iLLbW-FGNs3M6Lh_rC2Ed5XFjFKKr7WpLvJPArIKCC1WKj48crJEpBUtUn2bq7_HGX_SNy2dNkGYK/s128/t4belajarblogger71.gif'/>:45<br /><br/><br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPI6FLjdBA3sSFb5kjMQDQay5FrFHuXkg7nwL7UCZpDGhvc1D-LFBUv8TRtm7kCij1B6yHkMvIHX48y6Iimp_7dmRsG81zee1hQFJhmcEyulLkP7bR-gSzPBm3sknUo-tGMTBMrftWPI6P/s128/t4belajarblogger72.gif'/>:46<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqzMVnZHJHN8x_g0MjDT59cIgKVg6tfythtP0dBG0UH4yPQrbqcQiKKJuVRqW82cOduU3jbCyPCSwiqvoN8MhafBZ3Abx1K06tcjwNPuyFH-dIb7OQlfnFlj4FD0cQ0y8VCpp2lgKstBL_/s128/t4belajarblogger73.gif'/>:47<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd-mmOOGErkVsWehaRtFJd_s2HF_P23av3vpilxmZpEIxz32u1NK5yjN-UVOv2KSEFNl12lsDUggjMll4-xbAUZZLjRjDZ2gkTgSHXidH7tHjaaTaC2ygRsekLBq81SHwI-i_NqaJmLUAz/s128/t4belajarblogger74.gif'/>:48<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5bL5EwTQyT6SrXLuNhDldWrfaynUsKK5T_vPtGuVxwUlm_6LAMa9CMkgS657aX7FmNWB1Xr20JWYA_e7TZotFtpBtEe67V8HIt-4wdni8sgv4ZL5RG2fFfzSHl4VhwyZs5G8knkjyU_R4/s128/t4belajarblogger75.gif'/>:49<br /><br/><br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir1ZEcZ34XeJRfBTH1fOlifftEpsA0ASTa2cV4cSnyjkwxNPGCaFwtIQwmv5QIBNL2845AP_MCOXKGi_Uax2pWnT81vfBliTUPHJ-l5uFMf-lYmnk5qg4utFfv5Cii4rVFB1cvTHapqoYH/s128/t4belajarblogger76.gif'/>:50<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhycrrHy1KY8FpG6dWW1ybvbMt82MqOX3UFW_yt7Ngs5A_p15ZhMgRXFRh_w_om6yJReKp01X6zIYMP6dI68M1ohmSpj2eR56Y-vx9z2T0vp-vgVv20oiRkp4tzUlv6AWneF85WF73hKHu7/s128/t4belajarblogger77.gif'/>:51<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFalfHG8UgCchvIzqBPYOYWdk-y_o2jNv7vOTGq9PLxeAh1bbE7Umz7FDH1kW5eSHcQSo6PnrrBwNfIVwCE5HXmmm1B9yRHWH6QbHg9iZ8wAb8tiuGpbEBSQhiF8Zkl5uT0Dr9DGx86w4T/s128/t4belajarblogger78.gif'/>:52<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEldfbVsuF4XtjyZ9ldOkCvNT3l8OiJ7ICr6mp9JRsLokOOv-kIncEP18DjeiMYikwEqSoxgJRyNuE-5BtLoOnYSOSL0fYTwdgZbMvg7K9VBZSsKe6dw4EoO98mRbbTDkO1vRbokXJk8v3/s128/t4belajarblogger79.gif'/>:53<br /><br/><br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGwdclehmUtQx15v4_IjI7L78XISvUVqQvKMCG2kfzFanmA7ZfMsNiUWrX6ifyrAgKDn3UdmRDI2dG-hNFa4xSwptg3731mKPaoQasx3XztldeuLm1fDnsIij1EIXkY37xjpax-QtwsAux/s128/t4belajarblogger80.gif'/>:54<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXXzR-l7YCsx0h1Ka3u3Yjfy9exSeG0qwrWcO7TIVgUY5tFD2iefzoSKnSE2vnPN-f1_EgmPzWGLGiZC_v3DLQQOeasZwyYZA9jakl9sefSCIN-ov-Q2uDLXq2OKNgZ64ZEw8H8yIQxl5I/s128/t4belajarblogger81.gif'/>:55<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwqaa_H4rHD8YDmABtIky4NQ6RSvz9vnQp2uIxXm_dIOeJA0qDmGA3RpadfwYzgIyWhPt2SF0lOz2e3NFFzS8Nc-Ul5lxSVnCNlKjoG_YpfamWcs66AWqY5y3jtTsAPULEkBsBDHsHZAFZ/s128/t4belajarblogger82.gif'/>:56<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy2Sn_VU8EH0CmgasLCymx7F0gH294AHdLGcZ7HS8Hnkb6Gjyor6dTfi9NpGSaUqXPFkbsjKc08_iiyfhB8XucLMPJ_tziqPTrpzk5srRifbUGhdRYqFbW3Kgf3hNsLITJ36Ub_FUK207k/s128/t4belajarblogger83.gif'/>:57<br /><br/><br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghOxzQ8A-aPYR5Z14cS_fcEskjyN9HzaQ5BPe4y_zT8UjpO0Ccr4NdUbT93zW_OFoPN_8GB7EFNjRtV77j1HZHz9e74C1qKvnNgHHJVVgLulDq5Z44E3wsMvsRjhc51E2TSY_AJXMl8T0X/s128/t4belajarblogger84.gif'/>:58<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY5-4kLbmxvs2PuxP2hBcQ-O0AXef5F_NYEM3-cy1bC4YVmmotQFf4q01WV3MebwxPj63klFCzke_HlnPAH8ySC-m22HXFuYq4FjZZNOqylmvp3HPQGmIxhsI_7tXH9uGvBG2bUui4eNmm/s128/t4belajarblogger85.gif'/>:59<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_JdkdeK4aWNCIEgvJIWb5PSCDLjCp9Y-rnzkAdreGYqgFmTbmz1T_ynG_ROMhmIxreZbOjC9WqFG7U-_mimuL-n9D1atsmEWvUeVoMeMV_fd_nCeTDxQpMLegQ6bBrUz5O5eRlL8Lml4M/s128/t4belajarblogger86.gif'/>:60<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilaIGe-Lvju5MHWF2Uz54KlMRSO43nywN-YMVWQaNxs0Noj2xtZs4vuWI9-vDzNjTBpx3BlsD5KFwmgBbxeAVsCeaVPaPM6qzn9JovJaZbx_oZAHTUl-cw0IiF_jd2wbLQUZOvTgVe4wWu/s128/t4belajarblogger87.gif'/>:61<br /><br/><br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9TCSNOhiGWLGFasUt3rUtVCF8GycrGzEgkMAwpp-9NaENt5msi3PIPP4WQQNUvG8lNcH5b_KswoLf-yX3tJFRj8EN-abM5dgdAH9pewX8g4wDzvIOyQLbWxik7B0sbQnjO9gcOshKhBrI/s128/t4belajarblogger88.gif'/>:62<br /><img
border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7lMDkTzrwgHjo5vumGEVOLpngC_fpfJjirmHR279OTK83ZQAQMdBUnkPl_Tb0jHk7_rTk69w_19u57zv3WruNIrbQIpZm1kdupFo8C-nbulgUGd49qKe1gHmCqeXxQ2xCtdRGLllplFDq/s128/t4belajarblogger89.jpg'/>:63<br /></b></center><br /></div></span> </div>
<br />
<ul>
<li>Jika sudah, Save Template dan lihat hasilnya</li>
</ul>
<div style="text-align: center;">
<b>Good Luck</b></div>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com21tag:blogger.com,1999:blog-473376998331544064.post-29928613917051874262012-05-21T03:43:00.002+07:002012-05-21T04:05:14.284+07:00Trik Gampang Memasang Tombol Sharing Is Sexy<div style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;">
</div>
<br />
Pada kesempatan ini, saya akan mereshare tentang Trik Trik Gampang Memasang Tombol Sharing Is Sexy. Artikel ini saya kutip dari blog Cara Gampang. Dalam trik ini adalah menjelaskan bagaimana membuat Tombol Sharing Is Sexy dibawah postingan. Tombol Sharing Is Sexy adalah sekian dari banyak widget yang berfungsi untuk mempermudah para pengunjung/visitor untuk berbagi artikel / meshare artikel yang kita miliki.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="data:image/png;base64,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" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" src="data:image/png;base64,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" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Dalam pemasangannya tombol ini tidak terlalu sulit, kita cukup mengikuti langkah-langkahnya dengan teliti. Apabila anda tertarik untuk memasang tombol ini di blog anda, silahkan mengikuti langkaah-langkah yang saya uraikan dibawah ini :<br />
1. Masuk ke blogger.<br />
2. Buka Template.<br />
3. Kemudian klik Edit Template, lalu pilih lanjutkan.<br />
4. Centang dulu Expand Template Widget. Lalu cari kode berikut <b style="color: red;">]]></b:skin></b><span style="color: red;"><span style="color: black;"> ( Ctrl + F )</span></span><br />
<span style="color: red;"><span style="color: black;">5. Kemudian, copy-paste kode berikut ini tepat dibawahnya.</span></span><br />
<br />
<br />
<br />
<br />
<br />
<center style="color: black;"><table border="1">
<tbody>
<tr>
<td><style type='text/css'><br />
div.sexy-bookmarks
{ height:54px;
background:url(http://img709.imageshack.us/img709/57/sharing.png)
no-repeat left bottom;position:relative; width:540px }<br />
div.sexy-bookmarks
span.sexy-rightside { width:17px; height:54px;
background:url(http://img709.imageshack.us/img709/57/sharing.png)
no-repeat right bottom; position:absolute; right:-17px }<br />
div.sexy-bookmarks ul.socials { margin:0 !important;padding:0 !important; position:absolute; bottom:0;left:10px }<br />
div.sexy-bookmarks
ul.socials li { display:inline-block !important; float:left !important;
list-style-type:none !important; margin:0 !important; height:29px
!important; width:48px !important; cursor:pointer !important; padding:0
!important }<br />
div.sexy-bookmarks
ul.socials a { display:block !important; width:48px !important;
height:29px !important;f ont-size:0 !important; color:transparent
!important}<br />
.sexy-furl,
.sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit,
.sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious,
.sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist,
.sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover,
.sexy-facebook, .sexy-facebook:hover, .sexy-twitter,
.sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx,
.sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover,
.sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate,
.sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url(http://img406.imageshack.us/img406/9198/sexyy.png)
no-repeat !important }<br />
.sexy-furl { background-position:-300px top !important }<br />
.sexy-furl:hover { background-position:-300px bottom !important }<br />
.sexy-digg { background-position:-500px top !important }<br />
.sexy-digg:hover { background-position:-500px bottom !important }<br />
.sexy-reddit { background-position:-100px top !important }<br />
.sexy-reddit:hover { background-position:-100px bottom !important }<br />
.sexy-stumble { background-position:-50px top !important }<br />
.sexy-stumble:hover { background-position:-50px bottom !important }<br />
.sexy-delicious { background-position:left top !important }<br />
.sexy-delicious:hover { background-position:left bottom !important }<br />
.sexy-yahoo { background-position:-650px top !important }<br />
.sexy-yahoo:hover { background-position:-650px bottom !important }<br />
.sexy-blinklist { background-position:-600px top !important }<br />
.sexy-blinklist:hover { background-position:-600px bottom !important }<br />
.sexy-technorati { background-position:-700px top !important }<br />
.sexy-technorati:hover { background-position:-700px bottom !important }<br />
.sexy-myspace { background-position:-200px top !important }<br />
.sexy-myspace:hover { background-position:-200px bottom !important }<br />
.sexy-twitter { background-position:-350px top !important }<br />
.sexy-twitter:hover { background-position:-350px bottom !important }<br />
.sexy-facebook { background-position:-450px top !important }<br />
.sexy-facebook:hover { background-position:-450px bottom !important }<br />
.sexy-mixx { background-position:-250px top !important }<br />
.sexy-mixx:hover { background-position:-250px bottom !important }<br />
.sexy-script-style { background-position:-400px top !important }<br />
.sexy-script-style:hover { background-position:-400px bottom !important }<br />
.sexy-designfloat { background-position:-550px top !important }<br />
.sexy-designfloat:hover { background-position:-550px bottom !important }<br />
.sexy-syndicate { background-position:-150px top !important }<br />
.sexy-syndicate:hover { background-position:-150px bottom !important }<br />
.sexy-email { background-position:-753px top !important }<br />
.sexy-email:hover { background-position:-753px bottom !important }<br />
</style></td>
</tr>
</tbody></table>
</center>
<br />
<br />
6. Jika sudah selesai, cari lagi kode <b style="color: red;"><b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if></p> </b><span style="color: red;"><span style="color: black;">( Ctrl + F )</span></span><br />
<span style="color: red;"><span style="color: black;">7. Jika sudah ketemu, copy-paste kode diberikut ini tepat dibawah kode tersebut.</span></span><br />
<b style="color: red;"><span style="color: black;"> </span> </b><br />
<br />
<br />
<br />
<br />
<center><table border="1">
<tbody>
<tr>
<td><b:if cond='data:blog.pageType == &quot;item&quot;'><div class='sexy-bookmarks'><br />
<ul class='socials'><br />
<li
class='sexy-delicious'><a
expr:href='&quot;http://del.icio.us/post?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title'
target='_blank'/></li><br />
<li class='sexy-digg'><a
expr:href='&quot; http://digg.com/submit?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title'
target='_blank'/></li><br />
<li
class='sexy-technorati'><a expr:href='&quot;
http://technorati.com/faves?add=&quot; + data:post.url +
&quot;&amp;title=&quot; + data:post.title'
target='_blank'/></li><br />
<li class='sexy-reddit'><a
expr:href='&quot; http://www.reddit.com/submit?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title'
target='_blank'/></li><br />
<li class='sexy-stumble'><a
expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title'
target='_blank'/></li><br />
<li
class='sexy-designfloat'><a
expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;
+ data:post.url + &quot;&amp;title=&quot; +
data:post.title' target='_blank'/></li><br />
<li
class='sexy-facebook'><a expr:href='&quot;
http://www.facebook.com/sharer.php?u=&quot; + data:post.url +
&quot;&amp;title=&quot; + data:post.title'
target='_blank'/></li><br />
<li class='sexy-twitter'><a
expr:href='&quot; http://twitthis.com/twit?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title'
target='_blank'/></li><br />
<li class='sexy-furl'><a
expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title'
target='_blank'/></li><br />
<li
class='sexy-syndicate'><a
href='http://feeds.feedburner.com/blogspot/ZqAec' title='Subscribe to
RSS'/></li><br />
<li class='sexy-email'><a
expr:href='&quot; mailto:?subject=&quot; + data:post.url +
&quot;&amp;title=&quot; + data:post.title'
target='_blank'/></li><br />
</ul><br />
<span class='sexy-rightside'/></div></b:if></td>
</tr>
</tbody></table>
</center>
<br />
<br />
8. Jika sudah selesai, Save Template. Lihat langsung hasilnya diblog anda.<br />
<b>Catatan : </b>Sebelum memulai pengeditan HTML, backup terlebih fahulu template anda untuk berjaga-jagan apabila ada kesalahan. Sekian trik yang saya reshare.<br />
<br />
Berikan komentar anda menurut trik ini :)<br />
<br />
<span style="color: red;"><span style="color: black;"> </span></span><b style="color: red;"> </b>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com3tag:blogger.com,1999:blog-473376998331544064.post-15885401144232406382012-05-20T10:55:00.000+07:002012-05-20T11:07:11.204+07:00Sejarah facebook<div class="separator" style="clear: both; text-align: center;">
</div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; text-align: right;"><tbody>
<tr><td style="text-align: center;"><a href="http://upload.wikimedia.org/wikipedia/commons/thumb/e/ef/MarkZuckerberg.jpg/200px-MarkZuckerberg.jpg" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="" border="0" class="thumbimage" height="239" src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/ef/MarkZuckerberg.jpg/200px-MarkZuckerberg.jpg" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Mark Zuckerberg</td></tr>
</tbody></table>
<div style="text-align: justify;">
Mark Zuckerberg menciptakan Facemash, pendahulu Facebook, tanggal 28 Oktober 2003 ketika berada di Harvard sebagai mahasiswa tahun kedua. Menurut <i>The Harvard Crimson</i>, situs ini mirip dengan Hot or Not,
dan menggunakan "foto yang diperoleh dari Facebook (buku wajah) daring
di sembilan asrama, menempatkan dua foto berdampingan pada satu waktu
dan meminta pengguna memilih yang mana yang paling seksi". </div>
<div style="text-align: justify;">
Untuk menyelesaikannya, Zuckerberg meretas ke bagian jaringan komputer Harvard yang dilindungi dan menyalin gambar-gambar ID pribadi asrama. Harvard pada waktu itu tidak memiliki "buku wajah"
(direktori berisi foto dan informasi dasar) mahasiswa. Facemash menarik
450 pengunjung dan 22.000 tampilan foto pada empat jam pertama
mengudara.</div>
<div style="text-align: justify;">
Situs ini langsung diteruskan ke beberapa server grup kampus, namun
dimatikan beberapa hari kemudian oleh administrasi Harvard. Zuckerberg
dihukum karena menembus keamanan kampus, melanggar hak cipta, dan melanggar privasi individu, dan terancam dikeluarkan. Namun, hukuman tersebut dibatalkan.Zuckerberg memperluas proyek awalnya ini pada semester tersebut dengan
membuat peralatan studi sosial untuk menghadapi ujian final sejarah seni, dengan mengunggah 500 lukisan Augusta ke situs webnya, dengan satu gambar per halaman disertai kotak komentar.Ia membuka situs tersebut kepada teman sekelasnya, dan mereka mulai saling berbagi catatan.</div>
<div style="text-align: justify;">
Pada semester berikutnya, Zuckerberg mulai menulis kode untuk situs web
baru pada Januari 2004. Ia terinspirasi, katanya, oleh editorial <i>The Harvard Crimson</i> tentang insiden Facemash.Pada 4 Februari 2004, Zuckerberg meluncurkan "The Facebook" yang awalnya berada di situs web TheFacebook.com</div>
<div style="text-align: justify;">
Enam hari setelah situs ini diluncurkan, tiga senior Harvard, Cameron Winklevoss, Tyler Winklevoss, dan Divya Narendra, menuduh Zuckerberg sengaja mengalihkan mereka agar mereka percaya ia membantu mereka membuat jejaring sosial bernama HarvardConnection.com, sementara ia menggunakan ide mereka untuk membuat sebuah produk saingan.Ketiganya mengeluh kepada <i>Harvard Crimson</i>, dan surat kabar ini
memulai sebuah investigasi. Tiga senior tersebut mengajukan tuntutan
hukum terhadap Zuckerberg yang akhirnya diselesaikan.</div>
<div style="text-align: justify;">
Keanggotaan awalnya dibatasi kepada mahasiswa Harvard College saja, dan pada bulan pertama, lebih dari setengah mahasiswa sarjana di Harvard terdaftar di situs ini.Eduardo Saverin (pebisnis), Dustin Moskovitz (programer), Andrew McCollum (seniman grafis), dan Chris Hughes segera bergabung dengan Zuckerberg untuk membantu mempromosikan situs web ini. Bulan Maret 2004, Facebook memperluas diri ke Stanford, Columbia, dan Yale. Situs ini kemudian dibuka ke sekolah Ivy League lain, Universitas Boston, Universitas New York, MIT, dan secara perlahan beberapa universitas di Kanada dan Amerika Serikat.</div>
<div style="text-align: justify;">
<a href="http://www.facebook.com/" target="_blank">Facebook</a> diinkorporasikan pada musim panas 2004, dan pengusaha Sean Parker, yang sering memberi saran kepada Zuckerberg, diangkat sebagai presiden perusahaan.Bulan Juni 2004, Facebook memindahkan pusat operasinya ke Palo Alto, California. Perusahaan ini menerima investasi pertamanya pada bulan itu dari pendiri pendamping PayPal, Peter Thiel. Perusahaan ini menghapus <i>The</i> dari namanya setelah membeli nama ranah facebook.com pada tahun 2005 dengan nilai $200.000.</div>
<div style="text-align: justify;">
Facebook meluncurkan versi sekolah menengah atas pada September 2005 yang dianggap Zuckerberg sebagai tahap logis selanjutnya. Pada waktu itu, jaringan sekolah menengah membutuhkan undangan untuk bergabung. Facebook kemudian memperluas persyaratan keanggotaannya kepada karyawan dari sejumlah perusahaan, termasuk Apple Inc. dan Microsoft.Facebook kemudian dibuka tanggal 26 September 2006 kepada setiap orang yang berusia 13 tahun dan ke atas dengan alamat surel yang sah.Pada 24 Oktober 2007, Microsoft mengumumkan bahwa mereka telah membeli
1,6% saham Facebook senilai $240 juta, sehingga memberikan Facebook
nilai sebesar $15 milyar. Pembelian oleh Microsoft ini meliputi hak mereka untuk menempatkan iklan internasional di Facebook. Bulan Oktober 2008, Facebook mengumumkan bahwa mereka akan membuka kantor pusat internasional di Dublin, Irlandia. Bulan September 2009, Facebook mengatakan bahwa mereka mengalami arus kas positif untuk pertama kalinya. Bulan November 2010, menurut SecondMarket Inc., sebuah bursa saham
perusahaan swasta, nilai Facebook mencapai $41 milyar (mengalahkan eBay secara tipis) dan menjadi perusahaan web terbesar ketiga di AS setelah Google dan Amazon. Facebook telah diincar sebagai kandidat berpotensi untuk penawaran umum perdana pada 2013.</div>
<div style="text-align: justify;">
Lalu lintas ke Facebook meningkat stabil setelah 2009. Jumlah pengunjung Facebook mengalahkan Google pada 13 Maret 2010.
Facebook juga menjadi jejaring sosial teratas dari delapan pasar
perorangan di Asia, yaitu Filipina, Australia, Indonesia, Malaysia,
Singapura, Selandia Baru, Hong Kong dan Vietnam, sementara merek lain
masih mempertahankan posisi teratas mereka di beberapa pasar, termasuk
Orkut milik Google di India, Mixi.jp di Jepang, CyWorld di Korea
Selatan, dan Wretch.cc milik Yahoo! di Taiwan.<span style="white-space: nowrap;" title="Kalimat yang diikuti tag ini membutuhkan rujukan. since July 2010"></span> </div>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com1tag:blogger.com,1999:blog-473376998331544064.post-70032245268879362032012-05-20T09:38:00.000+07:002012-05-20T09:52:59.023+07:00Blogger<div style="text-align: justify;">
<b>Blogger</b> adalah sebuah layanan publikasi blog yang dibuat oleh Pyra Labs dan diakusisi oleh <a href="http://www.google.com/" target="_blank">Google</a> pada tahun 2003. Secara umum, blog yang di<i>host</i> oleh <a href="http://www.google.co.id/" target="_blank">Google</a> berada di bawah subdomain <code>blogspot.com</code>. Blogger memperbolehkan penggunanya untuk mempublikasikan blognya di server lain, melalui FTP hingga 1 Mei 2010.
Setelah tanggal tersebut, semua blog harus disimpan di server Google,
meskipun pengguna dapat menggunakan alamat situsnya sendiri dengan fitur
<i>Custom URL.</i></div>
<h2 style="text-align: justify;">
<span class="mw-headline" id="Sejarah">Sejarah :</span></h2>
<div style="text-align: justify;">
Pada 23 Agustus 1999, Blogger diluncurkan oleh Pyra Labs. Sebagai
salah satu perangkat publikasi blog pertama di dunia, Blogger berperan
dalam mempopulerkan format blog di dunia. Pada Februari 2003,
Pyra Labs diakusisi oleh Google, membuat sejumlah fitur premium Blogger
yang sebelumnya dikomersialkan Pyra Labs menjadi layanan yang
sepenuhnya gratis. Pada Oktober 2004, salah satu pendiri Pyra Labs, Evan Williams, mengundurkan diri dari Google.</div>
<div style="text-align: justify;">
Pada tahun 2004, Google membeli <a href="http://picasaweb.google.com/" target="_blank">Picasa</a>, dan mengintegrasikannya dengan Blogger sehingga pengguna Picasa dapat mempublikasikan koleksi foto miliknya ke situs blognya. Pada 9 Mei 2004, Blogger memperkenalkan beberapa perubahan besar pada sistem publikasi blognya, menambahkan fitur seperti templat yang memenuhi standar web, halaman arsip individual untuk masing-masing posting dan komentar, serta fitur posting melalui email.</div>
<div style="text-align: justify;">
Pada 14 Agustus 2006, Blogger meluncurkan versi terbarunya dalam tahap beta, yang diberi nama kode "<i>Invader</i>". Versi terbaru ini memigrasikan pengguna Blogger ke server milik Google dan menambahkan beberapa fitur baru. Pada Desember 2006, versi baru ini keluar dari tahap beta. Mei 2007, Blogger selesai memigrasikan semua data penggunanya ke server Google.</div>
<div style="text-align: justify;">
<br /></div>
<h3 style="text-align: justify;">
<span class="mw-headline" id="Desain_ulang">Desain ulang :</span></h3>
<div style="text-align: justify;">
Sebagai bagian dari desain ulang Blogger di tahun 2006, semua blog
yang ada di Blogger dimigrasikan ke server Google. Blogger mengklaim
bahwa dengan migrasi tersebut, layanan mereka lebih stabil karena
kualitas server yang dimiliki Google lebih baik dari sebelumnya.</div>
<div style="text-align: justify;">
Seiring dengan migrasi layanan Blogger ke server Google ini, beberapa fitur baru diperkenalkan, meliputi manajemen label, antarmuka penataan templat dengan cara geser-dan-letakkan (<i>drag-and-drop</i>), izin pembacaan blog (untuk membuat blog-blog privat) dan opsi <i>web feed</i>
yang baru. Lebih lanjut, kini setiap blog diperbaharui secara dinamis,
berbeda dengan sebelumnya di mana setiap posting atau komentar baru
diperlakukan dengan menulis ulang file HTML.</div>
<div style="text-align: justify;">
Pada September 2009,
Google memperkenalkan fitur baru sebagai bagian dari perayaan ulang
tahunnya yang kesepuluh. Fitur tersebut meliputi tampilan baru untuk
menulis <i>post</i>, penyempurnaan penanganan gambar, dan implementasi berbasis Google Docs lainnya, seperti:</div>
<ul style="text-align: justify;">
<li>Menambahkan lokasi penulisan di <i>post</i>.</li>
<li>Penanggalan tulisan ditentukan pada saat publikasi, bukan saat pembuatan.</li>
<li>Pengubahan tautan di mode penulisan (<i>Compose mode</i>).</li>
<li>Layanan penuh bagi Safari 3.</li>
<li>Tampilan pratayang yang menampilkan <i>post</i> dengan perkiraan lebar tulisan dan ukuran font ketika tulisan tersebut dipublikasikan.</li>
<li>Toolbar yang baru dengan tampilan khas Google, waktu pemuatan yang lebih cepat, dan tombol <i>Undo</i> serta <i>Redo</i>.</li>
</ul>
<div style="text-align: justify;">
Pada tahun 2010, Blogger memperkenalkan templat baru dan melakukan desain ulang situsnya. </div>
<div style="text-align: justify;">
<i> </i>.</div>
<h2 style="text-align: justify;">
<span class="mw-headline" id="Integrasi">Integrasi :</span></h2>
<ul style="text-align: justify;">
<li>Toolbar Google memiliki fitur “BlogThis!” yang mengijinkan toolbar pengguna dengan akun Blogger untuk memposting tautan langsung ke blog mereka.</li>
<li>Blogger mendukung layanan Google AdSense sebagai sebuah cara bagi pemilik blog untuk mendapatkan penghasilan dari blog mereka.</li>
<li>Blogger menawarkan dukungan blog multi-pengarang, yang memungkinkan pengguna membuat sebuah blog untuk kelompok (group blog).</li>
<li>Blogger menawarkan fitur pengubahan templat, yang mengijinkan pengguna mengubah desain templat blog sesuai keinginan mereka. Bagi pengguna yang memiliki kemampuan pemrograman
atau pemahaman kode CSS, fitur ini sangat berguna karena memungkinkan
mereka merancang desain blog miliknya sendiri, antara lain dengan
menambahkan sejumlah menu, dan kolom.</li>
</ul>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Happy Blogging</b> </div>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com0tag:blogger.com,1999:blog-473376998331544064.post-87881847614540726352012-05-17T20:30:00.001+07:002012-05-18T16:08:20.475+07:00Download | Facebook Messengers<div style="text-align: justify;">
Hai Teman Joe yg cntik, cakep, keren, dll...ahahaha sekali-sekali tidak apa-apa agak basa-basi.. :D. Jika
sebelum-sebelumnya Joe menshare trik blog untuk anda, kali
ini Joe mau menshare aplikasi Facebook Messengers. Aplikasi Facebook
Messengers ini adalah aplikasi <a href="http://www.facebook.com/" target="_blank">FaceBook</a>. Aplikasi ini memberi memberi
kita fasilitas chat tanpa harus membuka web browsing dulu. Jadi, para sahabat Joe, tidak usah buka App Browser kalau mau ON di <a href="http://www.facebook.com/" target="_blank">Facebook</a>. Bila anda agak bingung menggunakannya, ini adalah ringkasan mengenai cara pakai aplikasi ini :</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Cara Pakai</b> :</div>
<div style="text-align: justify;">
1. Download dulu App Facebook Messengers nya.</div>
<div style="text-align: justify;">
2. Jika sudah, instal ke Komputer/Laptop anda.</div>
<div style="text-align: justify;">
3.
Kemudian, apabila proses menginstal sudah selesai, jika anda ingin
membuat shortcut nya di desktop, klik kanan halaman kosong yg ada di
tampilan desktop, kemudian pilih New lalu pilih Shortcut, kemudian akan
muncul kotak yg berfungsi untuk mencari file App tadi dan memberi
Shortcut di Desktop. Pilih browse untuk mencari lokasi file berada.</div>
<div style="text-align: justify;">
4. Jika selesai buka App tadi dan kemudian Login</div>
<div style="text-align: justify;">
5. App Facebook Messengers siap di pakai.</div>
<div style="text-align: justify;">
6. Selamat mencoba ya teman.<br />
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.4shared.com/file/4ZpW5xdP/FacebookMessengerSetup.html" target="_blank"><img alt="" border="0" height="30" src="data:image/png;base64,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" width="115" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>Good Luck</b></div>
</div>
<div style="text-align: justify;">
</div>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com2tag:blogger.com,1999:blog-473376998331544064.post-82367305494998455932012-05-17T16:16:00.001+07:002012-05-21T20:43:02.245+07:00Cara Membuat Pesan di Gambar<div style="text-align: justify;">
<h3 class="post-title entry-title" style="font-weight: normal;">
</h3>
Jika kemarin saya berbagi tentang <span style="font-size: small;"><a href="http://johannezalbert.blogspot.com/2012/05/trik-membuat-latar-belakang-background.html" target="_blank">Trik Membuat Latar belakang / Background pada Artikel</a>, h</span>ari ini saya akan mereshare Trick Membuat Pesan di Gambar yang tidak kalah menarik untuk mempercantik tampilan blog kita, agar pengunjung tidak bosan dengan blog kita.Jangan ada kata bosan untuk mempercantik blog anda. Trik ini berupa Pesan yang akan muncul ketika kita mengklik gambar. Pesan yang akan muncul bisa berupa keterangan dari gambar, sinopsis, atau pesan-pesan lainnya. Pesan tersebut bisa anda ubah sendiri dengan kalimat yang anda ingin pasang di gambar itu. Agar anda tidak kebingungan dengan trik yang saya maksud, dibawah ini adalah contoh gambar yg saya maksud :</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://a1.sphotos.ak.fbcdn.net/hphotos-ak-prn1/562601_352271094829824_100001408096994_996376_2136463581_n.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="288" onclick="alert('Novelyn :* :D')" src="http://a1.sphotos.ak.fbcdn.net/hphotos-ak-prn1/562601_352271094829824_100001408096994_996376_2136463581_n.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">:-Klik gambar ini jika ingin melihat contohnya-:</td></tr>
</tbody></table>
<br /></div>
<div style="text-align: justify;">
Jika anda tertarik dan ingin menerapkannya di blog anda, anda tinggal mengikuti langkah-langkah du bawah ini :<br />
1. Upload gambar yang ingin dipasang.<br />
2. Peroleh Image Link nya.<br />
4.Copy-paste kode ini di Mode HTML, saat membuat artikel baru.</div>
<br />
<br />
<br />
<center><table border="1">
<tbody>
<tr>
<td><img <span style="color: red;"><span style="color: black;">onclick="alert('</span>Novelyn :* :D<span style="color: black;">')"</span></span> src="<span style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXjQl90Gk8rjT9b2aVOXXjUncM-L6-BprhuRYQt2o7xGJSgKaZihsxCoL-FEpLMc-N9Sx-C3OFUrlY57oeYhd26hczjiblRCYwuxrO0mURfLR-GmLPFMt8kyQeEIzUTMZ3SiB_1O-vyZhu/s320/tvxq1.jpg</span>" /> </td></tr>
</tbody></table>
</center><br />
<div style="text-align: justify;">
<b>Keterangan:</b><br />
<ul>
<li>Kode yang berwarna <span style="color: red;">merah</span> : Pesan yang ingin di tampilkan.</li>
<li>Kodeyang berwarna <span style="color: blue;">biru</span> : Url/link dari gambar</li>
</ul>
5. Jika sudah, pratinjau dulu artikel itu.Atau jika memang tidak ada masalah, anda bisa langsung mempublikasikan artikel tersebut.<br />
<div style="text-align: center;">
<b>Good Luck</b> </div>
</div>Johannes Nababanhttp://www.blogger.com/profile/17317392146955054248noreply@blogger.com0