Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts
Belajar Blog Untuk Pemula

Belajar Blog Untuk Pemula

4:46 PM 0
Sebagai pemula, hal pertama yang dipelajari dalam nge-blog adalah menulis blog(Setelah Mendaftar). Bagaimana caranya menulis blog? Setelah ditulis, bagaimana caranya menyimpan? bagaimana mempublikasikan tulisan tersebut agar bisa dibaca banyak orang? Semua blogger merasakannya, setelah bisa menulis blog, dan mempublikasikannya, mulailah timbul keinginan untuk mempelajari lebih dalam tentang blog.

Mulai memperbanyak tulisan di blog, mengeditnya kembali, mencoba fitur-fitur yang disediakan blogger, seperti artikel populer, google+, Arsip blog, Label dan lain-lain. Lalu mencoba mendesain blog sesuai keinginan. Dan semakin panjang pembelajaran, dari pembelajaran satu ke pembelajaran yang lainnya.

Berikut ini artikel-artikel yang terkait dalam belajar blog untuk pemula.
Untuk selanjutnya bisa mulai menambahkan widget2 sederhana
Setelah itu mulai mendesain blog dengan cara-cara sederhana
Dan untuk desain yang lain
Selengkapnya, bisa di baca di artikel

Selain mendesain blog, dibawah ini saya berikan tips dan trik dalam menulis blog untuk pemula

Silahkan mencoba, dan terima kasih atas kunjungannya. Semoga Bermanfaat.

Cara membuat widget artikel terbaru

8:08 PM 0
Berikut ini saya akan membagikan cara mudah membuat widget artikel terbaru. Sebelumnya saya sudah pernah membuat artikel tentang cara membuat daftar artikel terbaru bedanya dengan yang sebelumnya, batas postingan yang ditampilkan maksimal hanya 5 artikel saja. Sedangkan cara yang terbaru ini, bisa kita atur batas artikel yang ingin ditampilkan sesuai dengan yang kita inginkan.

cara membuat widget artikel terbaru
Gambar diatas merupakan contoh dari widget artikel terbaru, dengan jumlah tampilan artikel sebanyak 10 artikel. Dan masih bisa di tampilkan lebih banyak lagi. Untuk cara membuat widget artikel terbaru seperti diatas. Silakan Ikuti langkah2 dibawah ini.
  1. Silakan copy script dibawah ini.
  2. <ul id="recent-posts"></ul>
    <script>
    //<![CDATA[
    var homePage = "http://pengguna-komputer.blogspot.co.id/",
    numPosts = 10;
    function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
    //]]>
    </script>
  3. Lalu buka pengaturan tata letak, klik tambahkan gadget, dan pilih widget HTML/Javascript. Dan pastekan script diatas.
  4. Selanjutnya ganti http://pengguna-komputer.blogspot.co.id/ dengan halaman awal blog kamu dan ganti juga angka 10, dengan jumlah postingan yang ingin kamu tampilkan.
  5. Selesai.
Silakan baca juga artikel2 saya yang lainnya, terima kasih sudah mau berkunjung ke blog sederhana saya ini, Semoga Bermanfaat.

    Cara Menghapus Akun Google Analytics

    12:31 AM 0
    Cara Menghapus Akun Google Analytics. Google Analytics adalah layanan gratis dari Google yang menampilkan statistik pengunjung sebuah situs web, termasuk juga penggguna blogspot. Dengan menggunakan Google Analytics kita dapat mengetahui trafik website/blog dalam jangka waktu harian, mingguan, atau bulanan.

    Dan kita juga bisa melihat berapa banyak orang yang mengunjungi situs blog kita. Google analytics juga memperlihatkan jumlah tayangan laman, durasi atau lamanya kunjungan dan juga jumlah persen dari kunjungan terbaru di blog kita. Dan hebatnya lagi kita bisa mengetahui asal bahasa kunjungan yang digunakan, asal negara sampai asal kota pengunjung.

    Dengan google analytics, kita bisa menambahkan nama akun baru dengan alamat url yang berbeda. Jadi tidak harus satu alamat URL blog atau website yang dapat kita kelola di google analytics, tapi bisa dengan banyak alamat url utama website atau blog yang kita punya.

    Untuk mendaftar akun Google Analytics, gunakan saja akun google yang dipakai untuk blogspot. Setelah mendaftar akun google analytics, kita akan diminta untuk membuat akun baru didalamnya, masukan saja satu nama judul blog dan alamat url blogspot kita. Jika terlanjur membuat beberapa nama akun dengan alamat url yang sama, hapus saja nama akun yang tidak di gunakan. Cara menghapusnya ikuti langkah-langkah dibawah ini.

    Cara Menghapus Akun Google Analytics

    1. Kunjungi situs http://www.google.com/analytics/.
    2. Dan masuklah dengan akun google analytics kamu.
    3. Setelah itu klik Tab Admin di sebelah kanan atas. seperti gambar dibawah ini.
    4. cara menghapus akun google analytics
    5. Maka akan terbuka halaman Administrasi Akun, klik Nama akun yang akan dihapus. Contoh gambar:
    6. cara menghapus akun google analytics
    7. Selanjutnya pilih tab Setelan Akun seperti gambar dibawah ini. Cari tulisan Hapus akun ini, letaknya disebelah kanan bawah. Klik tulisan tersebut.
    8. cara menghapus akun google analytics
    9. Setelah klik tulisan hapus akun ini, maka akan terbuka halaman pemberitahuan dari google analytics untuk menghapus akun. Klik lagi tulisan hapus akun.
    10. Selesai.
    Setelah melakukan penghapusan nama akun, google analytics akan mengirimkan pesan email pemberitahuan kepada pemilih akun, bahwa akun sudah dihapus. Nama akun yang sudah kita pilih untuk dihapus, sudah hilang dari tampilan daftar nama akun di halaman google analytics.
    Menghapus nama akun yang tidak kita gunakan, tidak akan menghapus akun kita di google analytics. Kita masih bisa menggunakan akun google analytics untuk melihat perkembangan blog atau website dengan nama akun yang kita kelola. Semoga Bermanfaat.

      Cara menghapus Tulisan Tampilkan Posting Dengan Label

      6:21 PM 0
      Cara menghapus tulisan tampilkan posting dengan label di blog. Dan juga tulisan tampilkan semua posting yang berada diatas posting pertama dari label atau kategori atau dibawah menu header blog. Tepatnya ketika kita buka salah satu label, maka tulisan tersebut akan muncul. Untuk lebih jelasnya silakan lihat gambar dibawah ini.
      menghapus tampilkan posting dengan label
      Tulisan diatas akan muncul setiap kali kita buka label atau kategori. Nama label yang muncul sesuai dengan nama label yang kita pilih. Ada 2 cara untuk menghapus tulisan tampilkan posting dengan label, yaitu menghapus tulisan tersebut dari blog dan yang kedua hanya menyembunyikannya dari halaman blog label yang kita buka. Ikuti langkah-langkah dibawah ini.

      Cara menghapus tulisan tampilkan posting dengan label di blog

      1.  Login ke blogger. Dari halaman dasbor pilih pengaturan template.
      2. Selanjutnya klik edit HTML, dan cari kode dibawah ini.
      3. <b:includable id='status-message'>
        <b:if cond='data:navMessage'>
        <div class='status-msg-wrap'>
        <div class='status-msg-body'>
        <data:navMessage/>
        </div>
        <div class='status-msg-border'>
        <div class='status-msg-bg'>
        <div class='status-msg-hidden'>
        <data:navMessage/>
        </div>
        </div>
        </div>
        </div>
        <div style='clear: both;'/>
        </b:if>
        </b:includable>
      4. Ganti kode diatas menjadi.
      5. <b:includable id='status-message'>
        <b:if cond='data:navMessage'>
        <div>
        </div>
        <div style='clear: both;'/>
        </b:if>
        </b:includable>
      6. Terakhir preview template, jika template berjalan dengan benar, baru Save. Selesai.

        Hanya menyembunyikan Tulisan Tampilkan Posting Dengan Label

          1. Login ke blogger. ke pengaturan template.
          2. Selanjutnya ediit HTML dan cari kode ]]></b:skin> gunakan Ctrl f untuk mempermudah pencarian.
          3. Kemudian letakkan kode dibawah ini, diatas ]]></b:skin>
          4. .status-msg-wrap{
            display:none;
            }
            .status-msg-body{
            display:none;
            }
            .status-msg-border{
            display:none;
            }
          5. Terakhir, save template. Selesai.
          Silakan gunakan salah satu cara dari kedua cara diatas. Menghapus atau hanya menyembunyikan tulisan tampilkan posting dengan label dan tulisan tampilkan semua posting di halaman blog label yang kita buka. Semoga Bermanfaat.

            Cara Membuat Auto Read More

            7:58 AM 0
            Cara membuat auto read more. Read more yang berfungsi untuk mempersingkat tampilan posting di halaman awal blog. Read more ini berbeda dengan Read More Versi Blogger, yang harus di lakukan secara manual, read more ini otomatis. Jadi tidak perlu lagi menggunakan insert jump break. Untuk lebih jelasnya silakan lihat gambar dibawah ini.
            cara membuat auto read more
            Dari gambar diatas, read more dilengkapi dengan tampilan gambar dari salah satu halaman posting, posisi gambar disebelah kiri dan diteruskan dengan sedikit penjelasan dari isi artikel. Cara membuat auto read more. Ikuti langkah-langkah dibawah ini.

            1. Login ke blogger. Dari halaman dasbor, pilih pengaturan template.
            2. Dan Klik edit HTML, dan cari kode </head> gunakan Ctrl F untuk mempermudah Pencarian.
            3. Selanjutnya, jika sudah ketemu, masukan kode berikut dibawah </head>
            4. <!-- Auto read more script Start -->
              <script type='text/javascript'>
              var thumbnail_mode = &quot;yes&quot;;
              summary_noimg = 430;
              summary_img = 340;
              img_thumb_height = 150;
              img_thumb_width = 150;
              </script>
              <script type='text/javascript'>
              //<![CDATA[
              function removeHtmlTag(strx,chop){
                  if(strx.indexOf("<")!=-1)
                  {
                      var s = strx.split("<");
                      for(var i=0;i<s.length;i++){
                          if(s[i].indexOf(">")!=-1){
                              s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
                          }
                      }
                      strx =  s.join("");
                  }
                  chop = (chop < strx.length-1) ? chop : strx.length-2;
                  while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
                  strx = strx.substring(0,chop-1);
                  return strx+'...';
              }

              function createSummaryAndThumb(pID){
                  var div = document.getElementById(pID);
                  var imgtag = "";
                  var img = div.getElementsByTagName("img");
                  var summ = summary_noimg;
                      if(thumbnail_mode == "yes") {
                  if(img.length>=1) {  
                      imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
                      summ = summary_img;
                  }
                  }
                  var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
                  div.innerHTML = summary;
              }
              //]]>
              </script>
              <!-- Auto read more script End -->
            5.  Keterangan kode diatas:
            6. summary_noimg = 430; Jumlah huruf tanpa gambar
              summary_img = 340; Jumlah huruf dengan gambar
              img_thumb_height = 150; Tinggi Gambar
              img_thumb_width = 150; Lebar Gambar
            7. Selanjutnya cari kode <data:post.body/> dan ganti dengan kode berikut ini.
            8. <!-- Auto read more Start -->
              <b:if cond='data:blog.pageType == &quot;item&quot;'>
              <data:post.body/>
              <b:else/>
              <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
              <data:post.body/>
              <b:else/>
              <div style='text-align:justify;' expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
              <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
              </script>
              <a class='more' expr:href='data:post.url'><font color='#1780dd'>Baca Selengkapnya &gt;&gt;&gt;</font></a>
              </b:if>
              </b:if>
              <!-- Auto read more End -->
            9. Ada 3 kode yang sama dengan <data:post.body/>, ganti semuanya dengan kode diatas.
            10. Kode <font color='#1780dd'>Baca Selengkapnya &gt;&gt;&gt;</font></a> . Tulisan Baca Selengkapnya bisa diganti dengan kata yang kamu inginkan, <font color='#1780dd'> Ini kode warnanya, bisa diganti dengan warna lain. &gt;&gt;&gt; ini kode tanda >>> setelah tulisan Baca selengkapnya.
            11. Terakhir, save template. Selesai. Semoga Bermanfaat.