Cara Membuat Link Bergoyang Di Blog

Posted by Rusdi Nice on Tuesday, July 17, 2012

Cara Mudah Membuat Link Bergoyang Di Blog - Link Bergoyang saat kursor melintas.Kali saya akan berbagi Tutorial Blog Tips membuat link goyang, pasti akan menyenangkan bila mempunyai link goyamg apabila mouse diarahkan. membuat tampilan blog sobat akan menjadi menarik dan indah dengan link bergerak

Tips ini sangat mudah dan simpel,karena tidak perlu mengedit template lagi.
Untuk tutorial Cara Membuat Link Bergoyang Di Blog sangatlah mudah.
mula mula login ke akun Blogger sobat.
Pergi ke Dasbor >> Rancangan >>Tambah element Html/Javascript
Lalu Copy Script dibawah ini :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function()  { $('a').hover(function() { $(this).animate({ marginLeft:  '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script>

Simpan dan lihat hasilnya.

Mungkin itu saja tips singkat dari saya Cara Membuat Link Bergoyang Di Blog .
Semoga bisa bermanfaat dan selamat mencoba.Mohon maaf bila masih banyak kekurangan dari saya.
More aboutCara Membuat Link Bergoyang Di Blog

Cara Cepat Mengakses Facebook

Posted by Rusdi Nice

Jaringan internet yang bagus dan cepat belum banyak dirasakan oleh masyarakat Indonesia. Cepat atau tidaknya memang masih bisa dibilang relative, karena ada beberapa tipikal user internet. Ukuran cepat atau tidaknya membuka facebook mungkin jadi standar bagi beberapa orang, karena Facebook hampir tidak bisa terlepas dari keseharian hidup pengguna internet saat ini. Tentunya hal ini sangat menganggu ketika Facebook yang mustinya bisa dibuka kurang dari 5 detik, malah terbuka setelah lebih dari 30 detik bahkan bisa lebih. Karena koneksi internet yang bermasalah.


Cara Cepat Mengakses Facebook | Tutorial Vicahya™, Free Sharing Inform

Biasanya orang yang sudah berpengalaman mengatasi lambatnya akses ke facebook dengan cara membuka halaman http://m.facebook.com yaitu halaman facebook yang biasa dibuka lewat handphone atau perangkat mobile lainnya yang menampilkan tampilan sederhana dari Facebook. Sayangnya karena mengutamakan akses maka tampilan yang ada sedikit terabaikan.
Ternyata ada solusi dari http://touch.facebook.com dan http://iphone.facebook.com Dengan mengakses kedua alamat tersebut akan terlihat tampilan yang berbeda dengan http://m.facebook.com tetapi tetap terlihat minimalis dan yang paling penting lebih terlihat bagus dibandingkan dengan http://m.facebook.com

Penasaran dengan kecepatan aksesnya. Buka segera browser Internet anda. Dan ketik alamat http://touch.facebook.com dan http://iphone.facebook.com Dan rasakan sendiri bagaimana kecepatannya.

Itulah sedikit Ulasan saya Cara Cepat Mengakses Facebook Semoga Berguna dan Bermanfaat bagi para Facebookers

Sumber 
More aboutCara Cepat Mengakses Facebook

Mengganti Tulisan Older Post, Newer Post, Home

Posted by Rusdi Nice on Tuesday, May 22, 2012

Berikut Cara Mengganti Navigasi Blog Dengan Gambar:

1. Login ke akun Blogger anda

2. Plih Layout > Edit HTML, lalu centang Expand Widget Template

3. Cari kode berikut:

- <data:newerPageTitle/> ganti dengan <img src="URL-GAMBAR-PREVIOUS" border="0" />
- <data:olderPageTitle/> ganti dengan <img src="URL-GAMBAR-NEXT" border="0" />
- <data:homeMsg/> ganti dengan <img src="URL-GAMBAR-HOME" border="0" />

Klik disini dan disini untuk men-download gambar / tombol Previous, Next dan Home. Password: TBZ-MBT

5. Terakhir, klik Save Template.

Jangan lupa kasih komentar
More aboutMengganti Tulisan Older Post, Newer Post, Home

Memperkenalkan TBZ-Bookmarking Widget

Posted by Rusdi Nice

Berikut Cara Memasang Widget TBZ-Bookmarking

1. Login ke akun Blogger anda

2. Plih Layout > Edit HTML, lalu centang Expand Widget Template

3. Cari kode </head>, lalu paste kode berikut di atasnya:

<!-- TBZ-Bookmark by http://tipsbloggerzacky.blogspot.com START -->
<style>
.tbzbookmark {
background:#FFF !important;
width:310px; /* lebar kotak */
text-align:center;
text-transform:none;
border:1px solid #DDD; /* warna border kotak */
-moz-border-radius:5px;
padding:10px;
}
.tbzbookmark img {
margin-top:5px;
opacity:.4;
-moz-opacity:.4;
filter:alpha(opacity=40);
}
.tbzbookmark img:hover {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
.sharemessage {
color:#666; /* warna judul */
font:Arial, Helvetica, sans-serif;
font-size:13px; /* ukuran huruf judul */
font-weight:bold;
margin-bottom:5px;
padding-bottom:2px;
border-bottom: 1px solid #CCC; /* warna border bawah judul */
}
.tbzcredit {
font-size:9px;
text-align:right;
}
.tbzcredit a {
text-decoration:none;
}
.tbzcredit a:hover {
text-decoration:underline;
}
</style>
<script src='http://z-sbookmark.googlecode.com/files/Z-Bookmarking.js' type='text/javascript'/>
<!-- TBZ-Bookmark by http://tipsbloggerzacky.blogspot.com END -->


4. Selanjunya, cari kode <div class='post-footer'> atau <p class='post-footer-line post-footer-line-1'>. Kalau sudah, paste kode berikut di atasnya:

<div class="tbzbookmark">
<div class="sharemessage">
<div expr:id='&quot;sbtxt&quot;+data:post.id'>Share this post!</div>
<script type='text/javascript'>showsbtext(&quot;sbtxt&quot; + &quot;<data:post.id/>&quot;,0)</script>
</div>

<div id='row1'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,1);&quot;' rel='nofollow' target='_blank' title='Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPsP3kOhBWRuarCiKx6wuSX823oDbRIdYxU0aJK7GJKvl7sQo_rMqq3ew68e03FyuHBCiCKxgycOdOzykmrKCHPIKRJ3nlVN4DThktHVSHhfUtuQ2AK4meWrStAtiQuWrRKY2JsqK8GH8/s400/facebook.png'/></a>

<a expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,2);&quot;' rel='nofollow' target='_blank' title='Delicious'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhXqw8Oeh2juQ3eCPCYAmZaJMX_CTrp2G8GxVgdoz3pSlbKIm1uFIF8vy4ZQK7jUNRrrcCncQPYtEn-OaOraNq_1KrlTvceQ2iinWDX2fBhS9m6NDaCcOEtMKRhtw2PLT-GZP4vJTAlmk/s400/Delicious.png'/></a>

<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,3);&quot;' rel='nofollow' target='_blank' title='Digg!'><img alt='Digg!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik16bpDSLPKGQetRKUNImKJkK6vka2Hlss3QNlV8x8CNObclEN2HDOSPxgkqEWm9ek9BsdszLtHU_25iwvWRG6CkkCS-PLC9Fb7xeeKXpAu4td_Bew-l_w_VYs9SkBUez4-V9ovj9td3M/s400/Digg.png'/></a>

<a expr:href='&quot;http://twitter.com/home?status=Currently reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot;. What about you?&quot;' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,4);&quot;' rel='nofollow' target='_blank' title='Twitter'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7AAiyPjkfSCEGGskYnRPQxYhgx_QNA6xpSNIc32wvXXHTOmm7iaWC3svuMsuB7T_4OEQPyGNgkIHx8GflrvihHfbcbRc03DfZTTLTLUG3OPl9gIhk3Zw0cL4WV7nKUD5PpFdpjN_Latg/s400/Twitter.png'/></a>

<a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,5);&quot;' rel='nofollow' target='_blank' title='Linkedin'><img alt='Linkedin' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAeIe_Qpp6EjLo8i9TnEtx8WvYTCt6lIduJqVy6qcoMK7QMgOGuje45aWKfuEPBslBrjMyHCRRsk-qy2ClfUrEG3EcXxDjV7Bvck_fuh9WRdTnynrGhF_6ND0yaSbnbJ4RztryvcSzgYQ/s400/Linkedin.png'/></a>

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,6);&quot;' rel='nofollow' target='_blank' title='StumbleUpon'><img alt='StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJPOkc-BRMCOxBTeBAPpOoyyb9wFMPlpEvZQjm4i4Dj6y-T-jlE3DhLAW8fUZPN9CIhHSV2fndm9IC1A0X8XH3a-W9_P3_Hqnm5UAJ8qfKQ19mvqrRSIISy1W3HxANH3BWgvQAbjdZXmM/s400/Stumbleupon.png'/></a>
</div>

<div id='row2'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,7);&quot;' rel='nofollow' target='_blank' title='Technorati'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBUWYbK03KWjxHFvqHAJH58citYNsmiL6eYZHl5bK7lJwc40Oh-pM5Z2VLdlkQ4AS5XveoOTLo127OsFdXE6RL0gLmK38LUBiejJW-amZV-4COB_qfayW2E6QqglfduYBEFZJatFnjWLs/s400/Technorati.png'/></a>

<a expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,8);&quot;' rel='nofollow' target='_blank' title='Google Bookmarks'><img alt='Google Bookmarks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyVM4GnwvTqIoWYp6wnsJfnr_DzU6ZPLIbkRPLC1S0Ai6GLgce8LgflvW8I7pwiR_RMzO6NMo5VZiAUwG0iHGxLsOAVyz5U76TRcRZOpx6hc-7j8gHgiYeHQkY_crrDkAW7BAsJa6dEKQ/s400/Google.png'/></a>

<a expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,9);&quot;' rel='nofollow' target='_blank' title='Mixx'><img alt='Mixx' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0NjzyrPGl7VdF7r-oNnieFYtPan-2QGBonewMuRg5Jpv7GP-WHVopKzywtQLTMV9-c-2RAQGaNkDON0SJYNyXyakYx_vZHF9YiszvzGKy9Amni1J-1oqgVhEFE2ZK5wCPoNaVXn-2eOg/s400/mixx.png'/></a>

<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,10);&quot;' target='_blank' title='Yahoo!'><img alt='Yahoo!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTJAl_RZWUEYzwknlo4NOSgHGk30qdoeT89nq7QGX1SIV6bTOfw1UoeH2EbkOTU3HroRofwtMHwemDi9Me5HKhtLt5HKjh_W8II-ULtB-54UMSY26UHfDos7FUaI6GwCMkZ57deHADZEM/s400/Yahoo.png'/></a>

<a expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,11);&quot;' rel='nofollow' target='_blank' title='Newsvine'><img alt='Newsvine' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQK6p46kMCtfBN0Llv4_EZSeXnnm6PNMxL9-9B_AbkI_gI8z-02NiVYNzXVDpSUdrCj5mM2gpks0_TYrPkc1LD5uCji_xfj3j5oEek6zrlWVlU2Aoi400YvSbkWYEjCbW3HO_6JRce9fU/s400/newsvine.png'/></a>

<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,12);&quot;' target='_blank' title='Reddit'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsHAmFuE68vok_-ANinwWvmkA9G0kwLQM5ve5hH29KhD8sEDPYXbFT0nIyN8IEDT3GFQCn7d9Qc5IPI9g5pMoy3nsyip-BcalYi-inuF6LuM0EFxljaGyH9P-OymKBaqgvIi_6yVnIvU0/s400/Reddit.png'/></a>
</div><!-- please don't remove this credit! --><div class="tbzcredit"><a href="http://tipsbloggerzacky.blogspot.com/2010/01/memperkenalkan-tbz-bookmarking-widget.html" target="_blank">Get this widget!</a></div>
</div>


Untuk yang ada read more, anda tinggal masukkan kode di atas ke dalam kode berikut:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- kode no. 4 -->
</b:if>
5. Terakhir, klik Save Template.

note: Tolong jangan hapus credit yang ada dibawah widget.

Untuk demonya bisa anda lihat di bawah postingan ini.

Selamat mencoba...
More aboutMemperkenalkan TBZ-Bookmarking Widget

Hidden Chatbox

Posted by Rusdi Nice

Chatbox ini untuk memasang shoutmix sehingga blog saya tidak terlihat sesak lagi(walau sebenarnya masih sesak banget, hehehehe....). Anda juga mau memasang shoutmix dengan trik ini? Baca baik-baik ya...

Trik Hidden Chatbox ini terbagi menjadi 2 pilihan, yaitu LEFT-Hidden Chatbox dan RIGHT-Hidden Chatbox. Kalau yang saya pakai di blog ini adalah RIGHT-Hidden Chatbox. Berikut kodenya:

LEFT-Hidden Chatbox

<!-- left hidden chatbox by http://tipsbloggerzacky.blogspot.com START -->
<style>
#hcl {
position:fixed;
top:100px;
left:0px;
z-index:+1000;
}
* html #hcl {position:relative;}
.hcltab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSYbnskPzeYlRImOjmfQFgXe8JkMIKDhiOSz5DKWtNnXtNCEeKMkM1dqAiP4YrcZMgoOO6LRJ0D7d4_ONLQxkVXLgPCYKP-fMOiBBR1ccQj4HZh1jk29zaeeC1yR6UG2qsdDdW-MGruso/s400/cbred-LEFT.png') no-repeat;
}
.hclcontent {
float:left;
border:2px solid #790909;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcl(){
var hcl = document.getElementById("hcl");
var w = hcl.offsetWidth;
hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
hcl.opened = !hcl.opened;
}
function movehcl(x0, xf){
var hcl = document.getElementById("hcl");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcl.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
}
</script>
<div id="hcl">
<div class="hclcontent">

<!-- KODE SHOUTMIX ANDA DISINI -->

<br />
<div class="hc-credit">
<span style="float:left">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<a href="http://tipsbloggerzacky.blogspot.com/2010/01/hidden-chatbox.html" target="_blank">
Get this widget!
</a>
</span>
<span style="float:right">
<a href="javascript:showHidehcl()">
[close]
</a>
</span>
</div>
</div>
<div class="hcltab" onclick="showHidehcl()"> </div>

</div>
<script type="text/javascript">
var hcl = document.getElementById("hcl");
hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
</script>
<!-- left hidden chatbox by http://tipsbloggerzacky.blogspot.com END -->


RIGHT-Hidden Chatbox

<!-- right hidden chatbox by http://tipsbloggerzacky.blogspot.com START -->
<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvAIESqtF9L_cujT6KSVqRh7SKdqyTWFDvMHkMju7e_j6uoLmr1zNfz-6YzcZi_PjpSDXXqRQezRIYBDgjHu-lQr4aDX8VoNuj2f5RMOqAoEOnFNhI28KcDlFbGaKDhcmCEr6XySYAwT0/s400/cbblue.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #003e82;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">

<!-- KODE SHOUTMIX ANDA DISINI -->

<br />
<div class="hc-credit">
<span style="float:left">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<a href="http://tipsbloggerzacky.blogspot.com/2010/01/hidden-chatbox.html" target="_blank">
Get this widget!
</a>
</span>
<span style="float:right">
<a href="javascript:showHidehcr()">
[close]
</a>
</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>
<!-- right hidden chatbox by http://tipsbloggerzacky.blogspot.com END -->


Keterangan:

#hcr {
position:fixed;
top:100px; /* Menunjukkan bahwa jarak tab dari atas adalah sejauh 100px. Bisa anda ganti dengan bottom:100px yang berarti jarak tab dari bawah menjadi sejauh 100px */
z-index:+1000;
}

.hcrtab {
height:100px; /* tinggi tab pembuka hidden chatbox */
width:30px; /* tinggi tab pembuka hidden chatbox */
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvAIESqtF9L_cujT6KSVqRh7SKdqyTWFDvMHkMju7e_j6uoLmr1zNfz-6YzcZi_PjpSDXXqRQezRIYBDgjHu-lQr4aDX8VoNuj2f5RMOqAoEOnFNhI28KcDlFbGaKDhcmCEr6XySYAwT0/s400/cbblue.png') no-repeat; /* gambar yang dijadikan sebagai tab pembuka hidden chatbox */
}

.hcrcontent {
float:left;
border:2px solid #003e82; /* warna dan ukuran border hidden chatbox */
background:#f3f6f7; /* warna background hidden chatbox (tidak perlu diganti jika anda mengedit kode lain pada style) */
padding:10px;
}


Berikut beberapa gambar tab pembuka hidden chatbox dan kode warna html untuk border yang serasi:

cbred-LEFTcbred
Kode warna border: #790909

cbyellow-LEFTcbyellow
Kode warna border: #aca500

cbgreen-LEFTcbgreen
Kode warna border: #008232

cbblue-LEFTcbblue
Kode warna border: #003e82

cbblue-2-LEFTcbblue-2
Kode warna border: #0079a0


Nha, sekarang kit pasang kode itu di blog. Udah tahu caranya kan? Itu, pilih Layout > Page Elements > HTML/Javascript, lalu masukkan kode Hidden Chatbox disana.

Klik disini untuk melihat demo LEFT-Hidden Chatbox dan RIGHT-Hidden Chatbox.

Note: Trik hidden ini bisa juga anda gunakan untuk memasang widget lain, jadi trik ini tidak khusus untuk memasang shoutmix. Anda tinggal berkreasi dengan kode-kode yang bisa bikin kepala jadi botak itu, hahahahahaha...!

Selamat mencoba....
More aboutHidden Chatbox

Artikel Dicuri? Lindungi Blog Anda!

Posted by Rusdi Nice

1. Buka situs MyFreeCopyRight. Anda harus membuat akun anggota dengan memasukkan alamat email beserta password

MyFreeCopyRight-1


2. Jika akun anda sudah aktif, segera login untuk mendaftarkan blog anda beserta artikelnya. Klik tombol PROTECT MY CREATION.

MyFreeCopyRight-2


3. Pilih BLOG / PODCAST. Lalu masukkan url feed blog anda. Untuk alamat ini saya menyarankan anda untuk memasukkan sitemap yang telah anda submit ke Google Webmaster dan di generate oleh Blogger Sitemap Generator. Ini bertujuan supaya semua artikel anda bisa terdaftar, karena kalau menggunakan alamat feed biasa url yang akan dikirim hanya 25 url.

MyFreeCopyRight-3


MyFreeCopyRight-4


4. Setelah url anda terdaftar, anda akan diberikan kode html dan sebuah kode registrasi hak cipta, lalu pasang kode tersebut di blog anda.

MyFreeCopyRight-5


Jika blog anda telah terdaftar lalu ada orang yang mencuri artikelnya, maka anda harus melaporkannya ke Blogger Team melalui halaman ini.

Google selalu meng-update algoritmanya untuk menemukan sumber artikel dan menghapus daftar duplikasi artikel yang telah terindex. Jadi jika artikel anda masih dicuri, berdasarkan pernyataan Blog Google Webmaster Central, blog anda akan tetap berada di atas blog duplikasi dalam hasil pencarian Google.

Terakhir, jika para pencuri tidak mengacuhkan hak cipta blog anda dan terus mencuri artikel, maka buatlah Daftar PENCURI ARTIKEL dan tampilkan di blog anda supaya pengunjung tahu bahwa anda adalah sang pemilik artikel yang sebenarnya dan pencuri tersebut akan merasa malu (itu pun kalau mereka masih punya rasa malu, hehehe...)

Ok, sekian dulu tips dari saya. Mudah2an berguna bagi kita semua dan mari sama2 kita BASMI PEMBAJAKAN!

Salam Blogger!
More aboutArtikel Dicuri? Lindungi Blog Anda!

Membuat Icon External Link Dengan jQuery

Posted by Rusdi Nice

Berikut Cara Membuat Icon Link External


1. Login ke akun Blogger anda

2. Pilih Layout > Edit HTML

3. Cari kode </head>, lalu paste kode berikut di atasnya:
<!-- EXTERNAL LINKS ICON -->
<style>
.exlicon img {
border:0;
padding:0;
margin:0
} /* kode ini bisa anda pindahkan tepat di atas kode ]]></b:skin> */

</style>

<SCRIPT src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <!-- jika di template anda sudah terdapat script jQuery 1.3.2, maka anda tidak perlu lagi menambahkan kode ini -->

<script type='text/javascript'>
$(document).ready(function() {
$('.exlicon a').filter(function() {
return this.hostname && this.hostname !== location.hostname;
}).after(' <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVErVK35fO4M02nBHbGNjiRMcy9B41cnZ_MXA_DIgTjrZRJGzTs6llNGYdAX52cURHPEe2B-YDBO498b2eVzGQmrXL_T2NCaCoPaDxxAqc65GvLYfjCvySrVZ1wGD1lusRau6mA4acZeo/s400/icon.gif" alt="external link" />');
});
</script>
<!-- EXTERNAL LINKS ICON -->


Keterangan:
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVErVK35fO4M02nBHbGNjiRMcy9B41cnZ_MXA_DIgTjrZRJGzTs6llNGYdAX52cURHPEe2B-YDBO498b2eVzGQmrXL_T2NCaCoPaDxxAqc65GvLYfjCvySrVZ1wGD1lusRau6mA4acZeo/s400/icon.gif adalah url icon.

4. Cari kode <data:post.body/>, ganti kode tersebut dengan:
<div class='exlicon'><data:post.body/></div>


5. Terakhir, klik Save Template.

Untuk demonya bisa anda lihat disini.

Selamat mencoba...
More aboutMembuat Icon External Link Dengan jQuery