Join Us on facebook!

This pop-up will self-destruct in 20 seconds Close

EnglishFrench German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Jun 30, 2013

Buka Semua External Link pada Tab Baru

OmWe Design | Menjadikan Semua Link yang ada di blog atau link tertentu dalam blog agar dapat terbuka pada tab baru atau window baru merupakan hal penting dalam blog. Dengan membuat semua link agar selalu terbuka pada tab baru menjadikan pengunjung blog atau web tidak akan meninggalkan konten artikel yang sebelumnya telah dibuka, sehingga saat link baru telah dibuka, maka pengunjung tidak akan kehilangan alamat url webblog kita atau masih berada di tab dimana url dari webblog kita terbuka sebelumnya. Apalagi jika pengunjung memakai browser yang disetting dengan mendisable cache, setelah dia klik link dalam webblog bila weblog tidak membuka semua external link pada tab baru, maka webblog kita akan dengan mudah ditinggalkan tanpa jejak.
Di sini terdapat 2 pilihan script yang bisa digunakan untuk auto open link in new tab.
  1. Membuat semua link dalam blog terbuka pada tab baru
    • Login ke Dashboard Blogger, Pilih menu Template -- Edit HTML
    • Copy script di bawah ini sebelum body tag:
      <script type="text/javascript">
      //<![CDATA[
      jQuery('a').each(function() {
      // Let's make external links open in a new window.
      var href = jQuery(this).attr('href');
      if (typeof href != 'undefined' && href != "" &&
      (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) &&
      href.indexOf(window.location.hostname) != -1) {
      jQuery(this).attr("target", "_blank");
      }
      });
      //]]>
      </script>
    • Klik Save Template
  2. Membuat hanya external link dalam blog yang terbuka pada tab baru
    • Login ke Dashboard Blogger, Pilih menu Template -- Edit HTML
    • Copy script di bawah ini dan letakkan sebelum body tag:
      <script type="text/javascript">
      //<![CDATA[
      jQuery('a').each(function() {
      // Let's make external links open in a new window.
      var href = jQuery(this).attr('href');
      if (typeof href != 'undefined' && href != "" &&
      (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) &&
      href.indexOf(window.location.hostname) == -1) {
      jQuery(this).attr("target", "_blank");
      }
      });
      //]]>
      </script>
    • Klik Save Template
Demikian artikel tentang cara untuk membuat semua external link dalam blog terbuka pada tab baru (new tab). Semoga bermanfaat.

Nov 30, 2012

Memasang Google Webfonts pada Blog

Font adalah bentuk suatu karakter/huruf. Dengan font sesuatu dapat disampaikan dengan gaya tertentu. Bentuk-bentuk font sangat mempengaruhi nilai dan kondisi dari suatu baris tulisan. Gaya tulisan menentukan persepsi akhir dari suatu tulisan, sehingga harus ditempatkan sesuai dengan porsinya masing-masing. Font untuk surat legal tentusaja berbeda dengan font untuk surat ucapan ulang tahun kepada teman. Karena dalam form legal terdapat aturan baku mengenai etika penyampaian sesuatu melalui tulisan.
Dalam dunia design, posisi font sangat menentukan. Dengan munculnya ribuan bahkan jutaan jenis font menjadi referensi yang memudahkan untuk mengatur gaya design tertentu. Termasuk juga dalam hal web design, tentu memerlukan referensi font untuk kebutuhan style designnya. Google menangkap hal ini dengan meluncurkan referensi font yang dinamai Google Webfonts Tentu saja ini hal yang menggembirakan bagi para blogger, dengan Google Webfonts ini menjadikan blogger bebas menuangkan imajinasu kreasinya kedalam website/blognya melalui tulisan bergaya. Webfonts ini mempunyai tool atau perkakas yang baik dan lengkap. Web designer maupun blogger pemula dapat menggunakan font ini dengan mudah.
Untuk memasang google webfonts pada blogger caranya dengan menambahkan kode berikut di atas </head> tag, sebagai contoh ingin menggunakan font dengan nama Quintessential maka kodenya adalah.
  • <link href='http://fonts.googleapis.com/css?family=Quintessential' rel='stylesheet' type='text/css'>
Jika ingin menggunakan yang lainnya tinggal mengganti nama font-nya (Quintessential). Untuk kode style.css nya bisa menggunakan contoh seperti ini : font-family: 'Quintessential', cursive; atau bisa seperti ini : h1 { font-family: 'Quintessential', cursive; font-weight: 400; } jika ingin membuat font menjadi bold, tinggal mengganti font-weight: 400; menjadi font-weight: 700;