Tampilkan postingan dengan label Script. Tampilkan semua postingan
Tampilkan postingan dengan label Script. Tampilkan semua postingan

Sabtu, 27 Desember 2014

Cara Buka Otomatis Semua Eksternal Link di Jendela Baru Pada Blogger

Pelanggan blog buyasorta sudah lama tidak update blog ini, hari ini kami ingin berbagi cara membuka link eksternal otomatis pada blogger di jendela baru atau tab baru saat diklik, serta otomatis tanpa menuliskan scrip untuk tiap-tiap link eksternal dengan memberikan tujuan  = " _ blank " didalam tiap-tiap hyperlink. Dengan menuliskan jQuery script simpel yang bakal mengecek seluruhnya hyperlink dalam halaman situs (blog) Anda dan akan secara otomatis link eksternal tujuan akan terbuka pada tap baru. atau = " _ blank " atribut link yang link eksternal. Dan script ini tidak berdampat pada link internal sama sekali, jadi tidak perlu takut untuk internal link situs (blog) kalian.
Blogger cantik bro engkusulwani


Script cuma akan mendeteksi hostname eksternal, scipt otomatis eksternal link ini bakal memasukkan ke html atribut tujuan dan memberi tahu browser untuk membuka link eksternal pada jendela baru atau tab baru. Sehingga menghindari pembaca situs (blog) Anda meninggalkan laman (blog) Anda, scritp sederhan ini dapat membantu dalam meningkatkan tampilan halaman blog anda keseluruhannya serta tingkat bouncing. saya akan sharing script kepada kalian para bloggers indonesia seluruhnya tanpa ada embel-embel apapun. he he he? script ini saya ambil dari blogger bule mybloggertricks.

Open all external links in a new tab, baca dan ikuti langka-langka di bawah ini jika kesulitan jangan malu untuk bertanya.


Go to Blogger > Template
Backup dulu template kamu, untuk jaga-jaga kalau terjadi error
Click "Edit HTML"
copy script di bawah, dan pastekan sebelum tanda </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {
  $("a[href^='http://']").each(
    function(){
     if(this.href.indexOf(location.hostname) == -1) {
        $(this).attr('target', '_blank');
      }
    }
  );
$("a[href^='https://']").each(
function(){
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
}
}
);

});
</script>

5. simpan template dan selamat mencoba

jangan lupa tinggalkan komentarnya...
Read more

Senin, 31 Januari 2011

Cara Membuat Related Post Widget di Blogspot

Pada belajar blogspot kali ini saya akan membuat tutorial tentang cara membuat related post widget . Membuat related post bukan hanya monopoli pengguna blog berplatform wordpress saja. Sekarang ini, pengguna blog berplatform Blogspot pun bisa membuat related post tampil di sidebar blog mereka.  Tidak Seperti WordPress yang mempunyai Tag dan Category yang bisa digunakan sebagai acuan untuk related post, pada blogspot prinsip ini menggunakan pemanfaatan dari Label saat kita posting. Related Post akan menunjukkan posting mana saja yang mempunyai label sama.

Yuk kita langsung aja bahas Cara Membuat Related Post Widget di Blogspot

    * Login ke akun blogger anda, pilih blog yang ingin anda edit, klik link Layout kemudian masuk ke Edit HTML
    * Jangan lupa centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit template secara keseluruhan.
    * Masukkan kode script berikut sesudah tag <head> dan sebelum tag </head> seperti dibawah ini:

      <script type="text/javascript">
      //<![CDATA[
      var relatedTitles = new Array();
      var relatedTitlesNum = 0;
      var relatedUrls = new Array();
      function related_results_labels(json) {
      for (var i = 0; i < json.feed.entry.length; i++) {
      var entry = json.feed.entry[i];
      relatedTitles[relatedTitlesNum] = entry.title.$t;
      for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
      relatedUrls[relatedTitlesNum] = entry.link[k].href;
      relatedTitlesNum++;
      break;
      }
      }
      }
      }
      function removeRelatedDuplicates() {
      var tmp = new Array(0);
      var tmp2 = new Array(0);
      for(var i = 0; i < relatedUrls.length; i++) {
      if(!contains(tmp, relatedUrls[i])) {
      tmp.length += 1;
      tmp[tmp.length - 1] = relatedUrls[i];
      tmp2.length += 1;
      tmp2[tmp2.length - 1] = relatedTitles[i];
      }
      }
      relatedTitles = tmp2;
      relatedUrls = tmp;
      }
      function contains(a, e) {
      for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
      return false;
      }
      function printRelatedLabels() {
      var r = Math.floor((relatedTitles.length - 1) * Math.random());
      var i = 0;
      document.write('<ul>');
      while (i < relatedTitles.length && i < 20) {
      document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
      if (r < relatedTitles.length - 1) {
      r++;
      } else {
      r = 0;
      }
      i++;
      }
      document.write('</ul>');
      }
      //]]>
      </script>
    * Kemudian cari kode widget seperti dibawah ini

      <b:if cond='data:post.labels'>
      <data:postLabelsLabel/>
      <b:loop values='data:post.labels' var='label'>
      <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
      </b:loop>
      </b:if>
    * Pada Script diatas, tambahkan script yang dicetak tebal seperti dibawah ini

      <b:if cond='data:post.labels'>
      <data:postLabelsLabel/>
      <b:loop values='data:post.labels' var='label'>
      <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
      <b:if cond='data:blog.pageType == "item"'>
      <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;
      max-results=10"' type='text/javascript'/>
      </b:if>
      </b:loop>
      </b:if>
    * Save template
    * kemudian buka Layout -> Page Elements dan add a new HTML/Javascript widget. beri judul atau title Title Related Post. kemudian copy paste script di bawah ini pada kotak yg disediakan :

      <script type="text/javascript">
      removeRelatedDuplicates();
      printRelatedLabels();
      </script>
    * Sekarang kembali lagi ke Layout -> Edit HTML, centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit template secara keseluruhan, kemudian  cari HTML/Javascript widget Related Post yang kita add. Tambahkan baris yang berwarna merah seperti dibawah ini :

      <b:widget id='HTML13' locked='false' title='Related Post' type='HTML'>
      <b:includable id='main'>
      <b:if cond='data:blog.pageType == "item"'>
      <!-- only display title if it's non-empty -->
      <b:if cond='data:title != ""'>
      <h2 class='title'><data:title/></h2>
      </b:if>
      <div class='widget-content'>
      <data:content/>
      </div>
      <b:include name='quickedit'/>
      </b:if>
      </b:includable>
      </b:widget>

http://www.belajarngeblog.com/cara-membuat-related-post-di-blogspot
Read more