Cara Membuka Link di Jendela Baru - Open Link In New Tab

<div class="separator" style="clear: both; text-align: center;"> <a href="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQpxUPzt-QQ_tVpdvAzSVOkDwlFe7vJ2ReTQMeKefnJYI7kLBUe" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="" border="0" height="200" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQpxUPzt-QQ_tVpdvAzSVOkDwlFe7vJ2ReTQMeKefnJYI7kLBUe" title="Open New Link" width="200" /></a></div> <div style="text-align: justify;"> Hal yang simple terkadang terlupakan, begitu pula saat kita berselancar / browsing di internet maka kita akan menemui banyak tautan / link yang membawa kita ke alamat tertentu baik itu yang masih berada di alamat / address situs awal kita berada ataupun di luar dari alamat tersebut.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Sebenarnya sebagai User yang "jalan-jalan" ke sana ke mari mencari data ataupun informasi tertentu sebenarnya kita bisa saja menggunakan fasilitas klik kanan pada mouse lalu pilih <span style="font-size: large;"><b>"open link in new tab"</b></span> pada link yang kita pilih. </div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Namun sebagai blogger / pemilik situs terutama di blogspot tentunya kita tidak ingin merepotkan pengunjung dengan bolak-balik klik kanan untuk melihat hasil postingan kita, ya kan,...Untuk itu sebenarnya ada satu fungsi perintah yang bisa digunakan yaitu <target blank=""><b><span style="font-size: large;"><target="_blank"></span></b>.</target></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Secara garis besar ada dua cara untuk membuka link di jendela baru ini, yang pertama semua link akan terbuka di jendela baru sedangkan yang kedua hanya link tertentu saja yang akan terbuka di jendela baru.</div> <br /> Apabila menggunakan cara pertama maka berikut yang harus anda lakukan :<br /> 1. Masuk dashboard blogger blog Anda,<br /> 2. Klik Template => Edit HTML =><br /> 3. Cari kode </head> gunakan  CTRL+F.<br /> 4. Setelah ketemu kode , masukkan kode dibawah ini tepat di atasnya. <br /> <pre><code class="xml"><span class="tag"><span class="tag"><span class="tag"> <span style="background-color: lime;"><<span class="title">base</span> <span class="attribute">target</span>=<span class="value">"_blank"</span>/></span></span></span></span></code></pre> 5. Save Template.<br /> <br /> Apabila menggunakan cara kedua maka cara berikut yang harus anda lakukan :  <br /> <b>1. Editing link yang berada di halaman postingan.</b> Caranya dapat dilakukan langsung seperti gambar dibawah ini:  <br /> <br /> <table 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju9x1XMm44KtwZcsQGkfFquRO_HRb-yG2uJQCJ91kLMjV4qiYK6ozA-cZ-mCugZ3ZCK_h8YzuF9IC2SzWj3QWG-zgVV8UlzApq7QDe20PhU-ucjW0BQc-fNDh2WhiI61h6kxrXgw/s1600/edit-link.jpg" style="margin-left: auto; margin-right: auto;"><img alt="edit link di halaman postingan" border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju9x1XMm44KtwZcsQGkfFquRO_HRb-yG2uJQCJ91kLMjV4qiYK6ozA-cZ-mCugZ3ZCK_h8YzuF9IC2SzWj3QWG-zgVV8UlzApq7QDe20PhU-ucjW0BQc-fNDh2WhiI61h6kxrXgw/s400/edit-link.jpg" title="edit link new tab" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span style="font-size: x-small;">Cara membuat link terbuka di tab baru di halaman postingan</span></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: left;"> </div> <div class="separator" style="clear: both; text-align: left;"> <b>2. Menggunakan fungsi code</b> <span style="color: red;"><span style="font-family: "Courier New",Courier,monospace;"><span style="font-size: small;"><span style="color: blue;"><target="_blank"></span></span> </span></span></div> <div class="separator" style="clear: both; text-align: left;">     Yaitu dengan menggunakan kode HTML:</div> <span style="font-family: inherit;"><span style="font-size: x-small;"> <br />Apabila link biasa, maka kodenya seperti ini:</span></span><br /> <br /> <div style="text-align: justify;"> <pre><span style="background-color: lime;"><code class="xml"><span class="tag"><span class="tag"><span class="tag"><<span class="title"><span class="title"><span class="title">a</span></span></span> <span class="attribute"><span class="attribute"><span class="attribute">href</span></span></span>=<span class="value"><span class="value"><span class="value">'http://joko-blog.blogspot.com/2009/03/link-exchange.html'</span></span></span>></span>Link Exchange</span></span><span class="tag"><span class="tag"><span class="tag"> </span></span></span></code></span></pre> <pre><span style="background-color: lime;"><code class="xml"><span class="tag"><span class="tag"><span class="tag"></<span class="title"><span class="title"><span class="title">a</span></span></span>></span></span></span></code></span></pre> <pre><code class="xml"><span class="tag"><span class="tag"><span class="tag"> </span></span></span></code></pre> <pre><code class="xml"><span class="tag"><span class="tag"><span class="tag">Sedangkan untuk link dengan fungsi menggunakan code perintah </span></span></span></code><code class="xml"><span class="tag"><span class="tag"><span class="tag"><span style="font-family: "Courier New",Courier,monospace;"><span style="font-size: small;"><target="_blank"></span></span> </span></span></span></code></pre> </div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <pre><span style="background-color: lime;"><code class="xml"><span class="tag"><span class="tag"><span class="tag"><<span class="title"><span class="title"><span class="title">a</span></span></span> <span class="attribute"><span class="attribute"><span class="attribute">href</span></span></span>=<span class="value"><span class="value"><span class="value">'http://joko-blog.blogspot.com/2009/03/link-exchange.html'</span></span></span></span></span></span></code><code class="xml"><span class="tag"><span class="tag"><span class="tag"><code class="xml"><span class="tag"><span class="tag"><span class="tag"><span style="background-color: yellow;"><span class="attribute">target</span>=<span class="value">"_blank"</span></span></span></span></span></code>></span></span></span></code></span><span style="background-color: lime;"><code class="xml"> </code></span></pre> <pre><span style="background-color: lime;"><code class="xml">Link Exchange<span class="tag"><span class="tag"><span class="tag"></<span class="title"><span class="title"><span class="title">a</span></span></span>></span></span></span></code></span></pre> </div> <br /> <span style="font-size: small;"><span style="font-family: inherit;">Gimana mudah kan?..</span></span><br /> <br /> <br /> <br /> <span style="font-family: inherit;"><span style="font-size: x-small;">thanks to</span></span><br /> <span style="font-family: inherit;"><span style="font-size: x-small;"><span style="font-size: x-small;"><i>http://redaksiexpo2012.blogspot.com</i></span> </span></span>

Cara Membuka Link di Jendela Baru - Open Link In New Tab

Hal yang simple terkadang terlupakan, begitu pula saat kita berselancar / browsing di internet maka kita akan menemui banyak tautan / lin...

Baca selengkapnya »