27 Oktober 2013

Cara membuat link terbuka di tab baru otomatis

Cara membuat link terbuka di tab baru otomatis
All About Blogspot Templates : Target Blank - adalah code yang berfungsi sebagai perintah agar link yang ketika di clik akan membuka secara otomatis di tab baru.

Ada banyak manfaat fungsi  <target="_blank"> tersebut. Diantaranya, yakni; memperkecil nilai bounce rate, karena visitor banyak meng-klik blog Anda tanpa meninggalkan laman sebelumnya. Sehingga juga berfungsi melangsingkan rangking Alexa.

Dalam hal ini, ada beberapa tips yang bisa dilakukan. 
Pertama : Seluruh link yang ada pada blog akan terbuka di tab baru secara otomatis ketika di clik visitor. Caranya dengan melakukan edit template HTML berikut ini:

1. Masuk dashboard blogger blog Anda,
2. Klik Template => Edit HTML =>
3. Cari kode </head> untuk lebih mempermudah gunakan  CTRL+F.

4. Setelah ketemu kode </head>, masukkan kode dibawah ini tepat diatasnya.
<base target="_blank"/>
5. Save Template.
Kedua : Editing code target blank secara manual. Cara ini hanya memfungsikan salah satu atau beberapa link yang dikehendaki saja yang terbuka secara otomatis pada tab baru. 
 Dari cara kedua ini, dapat dilakukan dengan 2 cara. 

1. Editing link yang berada di halaman postingan. Caranya dapat dilakukan langsung seperti gambar dibawah ini: 
edit link di halaman postingan
Cara membuat link terbuka di tab baru di halaman postingan

2. Menggunakan fungsi code <target="_blank"> 

Cara 2 adalah cara yang agak rumit sedikit ketimbang cara 1. Yaitu dengan menggunakan kode HTML:

Apabila link biasa, maka kodenya seperti ini:

<a href='http://redaksiexpo2012.blogspot.com'>Blogspot Templates</a>
Sedangkan untuk link dengan fungsi menggunakan code perintah <target="_blank"> 
<a href='http://redaksiexpo2012.blogspot.com'target="_blank">Blogspot Templates</a>
Apa yang beda kedua code tersebut?
Yups, di kode HTML buka link baru, ada tambahan kode target="_blank". Tepatnya setelah "http://contohlink.com/".

Jadi, untuk membuat link open new tab, silahkan tambahkan kode target="_blank" tepat setelah kode "http://contohlink.com/".

Walau sedikit rumit, pada cara ke 2 ini kita dapat melakukan edit link tertarget/tertentu. Termasuk link berada didalam widget blog di dalam code HTML. Sedangkan link pada halaman lainnya berfungsi normal.

Demikian Cara membuat link terbuka di tab baru otomatis semoga bermanfaat

Fasteseo - Seo Responsive Blogger Template

Fasteseo - Seo Responsive Blogger Template
ALL ABOUT BLOGSPOT TEMPLATES : Satu lagi template blogspot karya +Fajri Andaviar saya share disini. Sebelumnya adalah, BeriMagz : Responsive Blogger Template. Menurut dia, tema blog ini juga Responsive banget. Tidak hanya itu, selain tampilannya elegant juga sangat SEO Friendly.

Sesuai dengan namanya, Fasteseo - Seo Responsive Blogger Template. Di desain penuh warna agar terlihat Fresh serta dilengkapi berbagai fitur yang fungsional.

DemoView   |    DownLoad

 Features Fasteseo - Seo Responsive Blogger Template :


  •     100% SEO di Chkme.com
  •     Iklan disisi Header
  •     Halaman Error 404
  •     Breadcrumbs siap
  •     Menu Navigasi Sticky (Menempel) dengan kotak pencarian
  •     Read More otomatis siap
  •     Menu dibawah header dengan Font Awesome
  •     Widget Popular Posts yang telah di Desain
  •     Widget Label Cloud yang telah di Desain
  •     Catatan kaki terindex Google
  •     Artikel terkait Vertikal
  •     Post Next dan Prev
  •     Threaded Comment
  •     Autor Comment
  •     Dan Lainnya

Instalasi Fasteseo Template :

Setelah upload template, ada beberapa sentuhan modifikasi yang berhubungan dengan indentitas blog anda.
  • Cari kode YOUR-GOOGLE-URL , dan ganti semua kode tadi dengan URL Google+ Sobat.
  • Cari kode YOUR-ALEXA-ID , dan ganti dengan ID Alexa Blog Sobat.
  • Cari NameBlog dan NamaBlog , dan ganti semua kode tadi dengan nama Blog Sobat.
  • Cari kode YOUR DESCRIPTION HERE , dan ganti dengan deskripsi Blog Sobat.
  • Cari kode Keywords1, Keywords2, Keywords3 , dan ganti semua kode tadi dengan Keywords Blog Sobat.
Mengganti Menu Navigasi Fixed/Float : Cari kode berikut :
<nav id='nav'>
<ul class='menunav' id='navinti'>
<li class='mhome'><a expr:href='data:blog.homepageUrl'>Home</a></li>
  <li><a href='#'>About</a></li>
  <li><a href='#'>Contact</a></li>
  <li><a href='#'>Download</a></li>
  <li><a href='/404'>404</a></li>
<li class='dgnsub'><a href='#'>Kebijakan</a>
<ul class='sub-menu hidden'>
  <li><a href='#'>Privacy Police</a></li>
  <li><a href='#'>Disclaimer</a></li>
  <li><a href='#'>Terms Of Service</a></li>
</ul>
</li>
Lalu ganti # (Tanda Pagar) dan title menu sesuai kebutuhan dan keinginan anda.

Mengganti Menu di bawah Header : Cari kode dibawah ini:
<div class='masmenu'>
<ul class='sf-menu'>
<li><a href='/'><i class='icon-home' style='margin-right: 5px;'/>Home</a></li>
<li><a href='#'><i class='icon-html5' style='margin-right: 5px;'/>Blogger</a>
<ul>
<li><a href='#'>Tutorial Blogger</a></li>
<li><a href='#'>Templates</a></li>
<li><a href='#'>SEO</a></li>
<li><a href='#'>HTML5</a></li>
<li><a href='#'>Tips &amp; Trick</a></li>
</ul>
</li>
<li><a href='/'><i class='icon-rocket' style='margin-right: 5px;'/>Info Fakta</a>
<ul>
<li><a href='#'>Umum</a></li>
<li><a href='#'>Sejarah</a></li>
<li><a href='#'>Misteri</a></li>
<li><a href='#'>Unik</a></li>
<li><a href='#'>Lelucon</a></li>
<li><a href='#'>Hiburan</a></li>
<li><a href='#'>Olahraga</a></li>
<li><a href='#'>Gaya Hidup</a></li>
<li><a href='#'>Tips</a></li>
<li><a href='#'>Wisata</a></li>
</ul>
</li>
<li><a href='/'><i class='icon-facebook-sign' style='margin-right: 5px;'/>Jejaring Sosial</a>
<ul>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Google</a></li>
<li><a href='#'>Heello</a></li>
<li><a href='#'>Myspace</a></li>
<li><a href='#'>Instagram</a></li>
<li><a href='#'>Pinterest</a></li>
</ul>
</li>
  <li><a href='#'><i class='icon-music' style='margin-right: 5px;'/>Musik</a></li>
</ul>
<li><a href='#'><i class='icon-laptop' style='margin-right: 5px;'/>Tekno</a>
<ul>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Komputer</a></li>
<li><a href='#'>Software</a></li>
</ul>
</li>
<li><a href='#'><i class='icon-suitcase' style='margin-right: 5px;'/>Informasi</a>
<ul>
<li><a href='#'>Olahraga</a></li>
<li><a href='#'>Entertainment</a></li>
<li><a href='#'>Islam</a></li>
<li><a href='#'>Dunia</a></li>
</ul>
</li>
<li><a href='#'><i class='icon-coffee' style='margin-right: 5px;'/>More</a>
<ul>
<li><a href='#'>Teknik Komputer Jaringan</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Film</a></li>
<li><a href='#'>Wordpress</a></li>
</ul>
  </li>
</div>

Ganti # (Tanda Pagar) dan judul menu sesuai keinginan anda.