Cara membuat link pada gmbar

Sore gan....!!!!
nih sie ari mau share lagi,langsung saja ya...
Cara membuat link pada gambar, sebenarnya tidak jauh berbeda dengan link pada teks. Pada link teks, apabila kita meng-klik teks akan terbuka halaman web lain. Pada link gambar apabila kita klik gambar, maka terbuka halaman web baru.


Sebelum kepada link gambar, kita lihat dulu bagai mana kode HTML dasar dari link teks, seperti  ini:

<a href="url tujuan">anchor teks</a>

Maka apabila saya ingin membuat teks link yang ditujukan ke  menitikesuksesan.blogspot.com , maka kodenya seperti ini:

<a href="
http://menitikesuksesan.blogspot.com/"> Tutorial blog</a>

Apabila kita ingin menampilkan gambar sebagai link, maka kita tinggal mengganti anchor teks menjadi gambar, kode dasarnya seperti ini:

<a href="url tujuan"><img src="url gambar" /></a>

Contoh kode, gambar yang ditujukan ke http://menitikesuksesan.blogspot.com/

<a href="
http://menitikesuksesan.blogspot.com/
"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOJGoIVhnZJ5NVyEBiItUKMfTfFvf2wrgZf5hW-UWDrVFEGspuymKqjyWZ5ig4tyQZLihOTGzUTvIfeChyphenhyphenTbbSAZeHCVM10V0wc9FOq-wPyqPTxLieEC-EGVhTL8bd6KpzApaZRFljwDE/s1600/ki.png" /></a>

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOJGoIVhnZJ5NVyEBiItUKMfTfFvf2wrgZf5hW-UWDrVFEGspuymKqjyWZ5ig4tyQZLihOTGzUTvIfeChyphenhyphenTbbSAZeHCVM10V0wc9FOq-wPyqPTxLieEC-EGVhTL8bd6KpzApaZRFljwDE/s1600/ki.png"
untuk kode ini menunjukkan dimana letak gambar anda di simpan..

Read more ...

Cara Simple Membuat Iklan Melayang dengan Tombol Close

Mungkin rekan blogger pernah melihat tutorial ini, memang setau saya ada yang lebih rumit menggunakan banyak kode, tapi disini saya coba memberikan tips yang lebih mudah dan sangat simple bahkan bagi anda blogger yang baru mengenal pengkodean pasti bisa melakukannya, ok saya roma ari wibowo akan segera memberikan tutornya, nih ikutin saja langkahnya :

 

1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
2. Masuk ke Tab Tata Letak
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Dan Copy kode di bawah ini kedalamnya yah

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjBmIHKx62fGw4pU0IMovKpKwsilwfgF2Sqrjshqji5ukC8ExIEa_genISsa2I58fhE7t-4JX3pPxppgqWh3L1UvPi_D6fvmKWZgynYkNkj8G8LipncQQTggqGyUDZLD5-0d3P-POEoJ8/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjBmIHKx62fGw4pU0IMovKpKwsilwfgF2Sqrjshqji5ukC8ExIEa_genISsa2I58fhE7t-4JX3pPxppgqWh3L1UvPi_D6fvmKWZgynYkNkj8G8LipncQQTggqGyUDZLD5-0d3P-POEoJ8/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>


<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

masukan script yang anda punya, mngkin dari adsence..

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

    6. Simpan

Read more ...

CARA MEMBUAT ANTI COPY PASTE DI BLOG

Pagi gan...

Ini si ari mau berbagi lagi tentang tutorial blog langsung saja ya...Mempunyai ide untuk membuat artikel di blog, namun ternyata setelah diterbitkan artikel yang kita buat di copas oleh orang lain tanpa ijin. Pastunya anda tidak suka dengan perilaku tersebut. Mungkin mereka yang mengcopas artikle tidak punya ide namun tetap ingin blog yang mereka buat tetap terus update, namun caranya itu yang membuat kita sebagai penulis merasa jengkel.

Untuk melindungi artikel dari pencuri konten bisa anda pasang kode yang akan mendisable klik kanan mouse, mendisable Block Text, dan mendisable tombol kombinasi seperti Ctrl+C dan Ctrl+V.

Tapi mungkin kode ini tidak cocok dipasang di blog anda yang menyediakan tutorial yang menyediakan kode- kode pemrograman seperti blog ini. Kalau memaksakan diri untuk memasangnya mungkin visitor yang mengunjungi blog anda juga merasa jengkel karena kode yang kita bagikan tidak bisa dicopas itu sama saja bohong.

Untuk memasang kode anti copas silahkan ikuti langkah- langkahnya dibawah ini:
1. login ke akun blog anda
2. masuk ke menu rancangan, klik menu edit HTML
3. setelah itu cari kode <body>, untuk memudahkan pencarian gunakan tombol kombinasi ctrl+f, jika sudah ketemu ganti kode <body> dengan kode di bawah ini:

<body oncontextmenu='return true;' onkeydown='return true;' onmousedown='return true;'> 

4. setelah itu klik tombol simpan template

Coba anda cek apakah kode diatas berfungsi, mungkin dengan memasang kode diatas konten kita akan aman dari pencuri konten.
Semoga kode anti copas diatas bermanfaat bagi anda.

Read more ...

Pasang Wedget Burung Di Blog

Ok gan..!!!!

nih ari copas dari blog lain bagaimana Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi mamen dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi mamen yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog mamen cantik dan unik, widget ini juga mempermudah mamen untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,

Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

1.Klik Design > Page Element > Add Gadget > Html/Javascript

2.Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->

<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>

<script type="text/javascript">

var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-FfsgJ05291HCqyFKpT_0gHT6v-fUj2M4Lti05W_YA-bIpmGe_xdGZqHEVh0aCCGD7EEpP1-mjAneZuJbI58JfOCM02wZqPGPXtCXa3hDg03VQPtdC_0Amfg4H1LsRdt1tqBvEHBKvQY/s1600/burung+twitter+terbang.png";

var
targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");

var twitterAccount = "http://twitter.com/Akun Twitter sobat";

var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";

tripleflapInit();

</script>

Setelah itu simpan..dan lihat hasil nya..

Read more ...

Cara Memasang / Meletakkan Twitter Widget Di Blog

Bismillah,menampilkan status twitter di blog,bagi agan-agan yang berminat menampilkannya baik untuk keperluan bisnis online maupun hanya sekedar 'narsis',bisa ikuti langkahnya sebagai berikut:

Pertama,sobat kunjungi https://twitter.com/about/resources/widgets,lihat gambar:

Selanjutnya,klik My Website,lihat gambar:
Setelah itu kan muncul gambar seperti ini

Selanjutnya sobat klik Profil Widget,nanti akan keluar jendela seperti berikut,dan isilah form dengan nama username dari username twitter yang akan ditampilkan statusnya,misal akun twitter saya sendiri @arilawalata,promo nih,wxwxwxwxwx..

gambar di bawah ini,untuk mengatur warna background,jenis text dan warna link dari widget twitter ini,sobat klik tab Appearance,lihat gambar:

Setelah itu sobat klik tombol Finish & Grab Code,lihat gambar:

Dan kini agan sudah mendapat kode script html yang nantinya kita akan pasang di blog :D,lihat gambar:

Bagaimana Menempatkan KOde Script Twitter widget di blog
Pergi ke Dashboard > Tata Letak > Add New Gadget / Tambah Widget > HTML/Javascript

Setelah itu letakkan kode yang berhasil sobat copy tadi pada widget HTML/Javascript tersebut,dan simpan.

Semoga Berguna...\

Read more ...