NIKI TRIK KULO: 01/27/14

Setelah sebelumnya saya share mengenai Cara Memasang Tombol Like FaceBook, Tweet Twitter dan Share G+ Dibawah Postingan Blog, kali ini saya mau share mengenai cara memasang tombol share melayang di kiri blog, dengan menaruh tombol share ini secara tidak langsung kita juga mempermudah pengunjung blog kita untuk membagikan artikel kita ke social media seperti facebook, twitter dan google plus. Dengan begitu pengunjung blog kita pun menjadi bertambah. Nah buat sobat yang ingin memasang tombol share keren di blog seperti dibawah ini, berikut caranya :

1. Silahkan Login ke Blogger

2. Pilih menu Tata Letak lalu klik Add Widget

3. Kemudian pilih Html/Java Script Pada kolom konten silahkan isikan script berikut ini

<style>
#floatingbuttons{background:#41A317;background:-webkit-gradient(linear, 
left top, left bottom, color-stop(0, #A1D423), color-stop(1, 
#80A81C));background:-moz-linear-gradient(top, #41A317, 
#41A317);border:1px solid #739619;float:left;padding:0 0 3px 
0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 
0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons 
.floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} 
.addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a
 span.getfloat, .addbuttons a 
span.sharebuttons{color:#fff;background:none;font-family:arial, 
sans-serif;display:block;font-size:9px;font-weight:bold;text-decoration:none;line-height:11px;}
 .addbuttons a:hover 
span{color:#fff;background:none;text-decoration:underline;}</style>
<div
 id='floatingbuttons' title="Share this post!">
<script 
src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><script
 type="text/javascript"> (function() { var s = 
document.createElement('SCRIPT'), s1 = 
document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; 
s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; 
s1.parentNode.insertBefore(s, s1); })(); </script><script src='http://platform.twitter.com/widgets.js' 
type="text/javascript"></script><div class='floatbutton' 
id='facebook'>
<fb:like layout="box_count" show_faces="false" 
font=""></fb:like></div>
<div class='floatbutton' id='google+1'>
<g:plusone size="tall"></g:plusone></div>
<div class='floatbutton' id='twitter'>
<a href="http://twitter.com/share" class="twitter-share-button" 
data-count="vertical" >Tweet</a></div>
</div>

4. Klik simpan dan Lihat hasilnya !!

Itulah sedikit tips cara memasang tombol share keren di blog. Silahkan dicoba dan Semoga dapat bermanfaat

Membuat Gambar Animasi Lucu di Blog

|

Gambar Lucu, Animasi Lucu, Animasi di
Blog, Animasi Lucu di blog, Foto-foto lucu di blog

Menarik perhatian para pengunjung blog dengan gambar animasi adalah salah satu cara yang tepat untuk meningkatkan jumlah visitor anda dan membuat visitor anda merasa tertarik untuk mengunjungi blog anda lagi. Disini saya menyediakan beberapa gambar animasi untuk blog anda yang bisa anda letakkan dimana saja sesuai keinginan anda.Agar lebih menarik Widget ini sudah di setting dan muncul di pojoj kanan atau kiri blog anda.

Silakan login ke www.blogger.com, Pilih dashboard blog yang ingin anda tambahi widget ini > Tata letak >Tambah Gadget > HTML/Java script .
Lalu masukan code yang anda pilih dalam kotak yang sudah disediakan.

NB : Jika anda hanya ingin menjadikannya widget biasa (tidak berapa di pojok)
Silakan hapus code :
<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;">
Dan jika anda ingin posisinya tepat ditengah widget, cukup tambahkan code :
<center>Code gambar</center>

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;">
<a href="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" target="_blank">
<img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" alt="animasi blog" /></a><small>
<center><a href="http://adf.ly/Lv3AF" target="_blank">Get This Animation</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;">
<a href="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" target="_blank">
<img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a>
<small><center><a href="http://adf.ly/Lv3AF" target="_blank">Get This Animation</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" target="_blank">
<img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a>
<small><center><a href="http://adf.ly/Lv3AF" target="_blank">Get This Animation</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;">
<a href="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" target="_blank">
<img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif"alt="animasi blog" /></a>
<small>
<center><a href="http://adf.ly/Lv3AF" target="_blank">Get This Animation</a></center></small></div>

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;">
<a href="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" target="_blank">
<img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" alt="animasi blog" /></a>
<small>
<center><a href="http://adf.ly/Lv3AF" target="_blank">Get This Animation</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" target="_blank">
<img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<center><a href="http://adf.ly/Lv3AF" target="_blank">Get This Animation</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;">
<a href="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" target="_blank">
<img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a>
</a><small>
<center><a href="http://adf.ly/Lv3AF" target="_blank">Get This Animation</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;">
<a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank">
<img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a>
<small>
<center><a href="http://adf.ly/Lv3AF" target="_blank">Get This Animation</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;">
<a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank">
<img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small>
<center><a href="http://adf.ly/Lv3AF" target="_blank">Get This Animation</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;">
<a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank">
<img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small>
<center><a href="http://adf.ly/Lv3AF" target="_blank">Get This Animation</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;">
<a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank">
<img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002048F.gif" title="Click to get more." /></a>
<small><center><a href="http://adf.ly/Lv3AF" target="_blank">Get This Animation</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;">
<a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank">
<img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a>
<small><center><a href="http://adf.ly/Lv3AF" target="_blank">Get This Animation</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;">
<a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank">
<img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020540.gif" title="Click to get more." /></a>
<small>
<center><a href="http://adf.ly/Lv3AF" target="_blank">Get This Animation</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;">
<a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank">
<img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002020A.gif" title="Click to get more." /></a>
<small><center><a href="http://adf.ly/Lv3AF" target="_blank">Get This Animation</a></center></small></div>

Cara agar artikel blog tidak bisa di copy paste

Memilili blog yang berkualitas tentunya menjadi sebuah kebanggaan tersendiri. Selain merasa bangga, Anda juga akan merasa puas dengan kinerja Anda selama ini dalam membangun blog berkualitas miliki pribadi sendiri. Namun terkadang ada banyak hal yang bisa menganggu jalannya blog Anda, yaitu adanya copy paste yang sering dilakukan oleh blogger lainnya. Tindakan copy paste tersebut tentunya menganggu Anda, karena secara tidak langsung Anda sudah dirugikan dengan banyaknya copy paste mendatangi blog Anda. Tetapi ada yang bisa Anda pelajari yaitu cara agar artikel blog tidak bisa di copy paste. Dan hal tersebut bisa bisa memberikan Anda solusi.

Cara agar artikel blog tidak bisa di copy paste

Menyimak cara agar artikel blog tidak bisa di copy paste

Untuk para blogger yang masih kesulitan dalam menjaga blog dari serangan copas, Anda bisa menyimak langkah-langkah untuk menjaga atau membuat blog tidak bisa di copy paste. Pertama, Anda harus login terlebih dahulu ke blog Anda. Setelah berhasil login, masuk ke menu template dan kemudian klik edit HTML. Carilah kode </head > dan kemudian klik 1x pada kotak kode.

Tekan CTRL+F untuk memulai dan juga memudahkan Anda untuk melakukan pencarian. Setelah itu copy kan kode ini tepat dibawah </head>

<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>

Kemudian Anda bisa meyimpannya dan Anda bisa melihat hasilnya. Cara agar artikel blog tidak bisa di copy paste diatas telah berhasil menjauhkan blog Anda dari ancaman copas yang tentunya sangat menganggu kelangsungan blog Anda tersebut. Cara yang tergolong mudah tersebut sebaiknya langsung digunakan dalam blog baru Anda, agar nantinya Anda bisa memposting artikel tanpa harus takut di copy oleh orang banyak.

Cara Membuat Cursor Sendiri

saya bingung kenapa ada blog yang kursornya memiliki ciri khas dari blog itu sendiri...truss saya coba-coba untuk memvuat kursor sendiri , ehh...ternyata cara saya ini behasil loh . Cara saya membuat kursor sendiri dengan menggunakan Adobe Photoshop .

Makannya kursor saya yang ini bukan dari url web yang lain , melainkan membuatnya dengan tangan saya sendiri , berikut cara-cara untuk membuatnya dengan tangan kita sendiri :

1. Buka Adobe Photoshopnya terserah mau yang berapa

2. Pilih File --> New

3. Samakan dengan gambar berikut

4. pilih custom shape tool

5. Mulailah dengan gambarnya

6. jika sudah selesai , save gambar dengan .gif , maka jadinya seperti ini Cursor.gif

7. Jika semua stepnya telah dijalani...uploadlah gambarmu itu , dan ambil URLnya...jika susah mengupload gambar , saya sarankan upload di TinyPic.com . Itu lebih mudah

Terima Kasih Semoga Bermanfaat !

Membuat Gambar Animasi Lucu di Blog

document.write(ultimaFecha); |

Cara agar artikel blog tidak bisa di copy paste

Cara Membuat Cursor Sendiri

|