Kamis, 24 Maret 2011

Open All Links With Checklist Method

Membuat supaya link terbuka new windows, dimana setiap links yang ada di template blog sobat nantinya akan terbuka new windows. Cukup menaruh kode berikut dibawah tag <head>
<base target="_blank" />
Dengan begitu saja semua link akan terbuka new Windows - HTML base tag. Namun bagaimana jika perintah membuka link secara new windows ini bisa kita atur. Dengan metode checklist seperti pada saat sobat melakukan Expand Widget Templates Kalau di checked nanti akan terbuka new windows linksnya, kalau tidak di checklist maka sesuai perintah pada syntax linknya. Secara default nanti akan tergantikan dengan atribut target=_self Sebelum masuk ke tutorialnya ada baiknya Beben si bloglang anu ganteng kalem tea ini mengingatkan kembali membuat syntax link :D

Attribute Values

ValueDescription
_blankOpen in a new window
_selfOpen in the same frame as it was clicked
_parentOpen in the parent frameset
_topOpen in the full body of the window
framenameOpen in a named frame
<a href="http://beben-koben.blogspot.com/">Prodigy of Head</a>Syntax link tanpa embel² attribut target.<a href="http://ben-tools.blogspot.com/" target="_blank">BEN TOOLS</a>Syntax link dengan attribut target _blank

Begitulah kira-kira ceramah singkat mengenai menulis link disamping masih banyak attribut yg dapat kita gunakan :) Ayo sekarang kita masuk ke ceramah selanjutnya memmbuat perintah membuka link menjadi new windows dengan perintah checklist/checked.

Ramuan alias bumbu

<script type="text/javascript">
//<![CDATA[
<!--
// code hack by Beben Koben
function targetLinks(newWin)
{
if (newWin) where = "_blank";
else where = "_self";
for (var i=0; i<=(document.links.length-1); i++)
{
document.links[i].target = where;
}
}
//-->
//]]>
</script>

<p>
<input name="targetnewtargetnew" onclick="targetLinks(this.checked)" type="checkbox"> Links open new windows!
</p>
Masukan semua bumbu itu dengan metode Add a Gadget ► HTML/Javascript. Kalau mau ribet, silahkan letakkan Javascript diatas tersebut dibawah tag <head> lalu itu HTML inputnya terserah sobat mau dimana. Yang penting jika mau ditanamkan di template harus berada pada tag <body> ... </body>
Good luck :)
Happy links \m/

Tidak ada komentar:

Posting Komentar