Tampilkan postingan dengan label Tips Cara Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Cara Blog. Tampilkan semua postingan

Sabtu, 01 Februari 2014

Cara Mendaftar Google Analytics

Cara Mendaftar Google Analytics dan Memasang Kode di Blog - Anda ingin mengetahui trafik blog anda? Atau ingin mengetahui seberapa ramai blog anda? Google Analytics adalah aplikasi yang tepat untuk memonitor blog anda, terlebih google analytic juga sangat penting untuk pelaku bisnis online dan para pencari uang di internet karena lewat aplikasi milik google ini kita bisa mengetahui seberapa ramai blog kita.

Kita langgung saja ke tutorial cara mendaftar google analytics dan memasang kode diblog anda.

Mendaftar Google Analytics

  • Kunjungi Halaman Googel Analiytics
  • Setelah berada pada halaman google analytics, klik link MASUK di kanan atas.
  • Klik PENDAFTARAN untuk membuat akun analytics baru.
Sign up Google Analytics
  • Setelah anda masuk lengkapi formulir pendaftaran
  • Pastikan opsi yang anda pilih adalah WEBSITE bukan APLIKASI
  • Geser kebagian bawah anda akan memilih opsi dari google analytics dan pastikan pilih yang UNIVERSAL ANALYTICS karena fiturnya lengkap dan sama gratisan.
formulir Googel analytics
  • Selanjutnya klik setuju pada PRIVACY POLICE
privacy police
  • Setelah anda klik SETUJU, anda akan dibawa kehalaman akun anda, dan akan ada kode analytics yang anda harus pasang pada blog anda.
  • Silahkan copy kode tersebut

Memasang ID Tracking Google analytics pada blog anda

  • Masuk pada akun blogger anda
  • Pilih menu TEMPLATE
  • Pilih EDIT TEMPLATE
  • Cari kode </head> pada blog anda dan paste kode analytics tepat diatas </head>
  • Simpan Perubahan
  • Coba buka kembali halaman google analytic dan tekan F5 dan lihat apakah ada pemberitahuan KODE PELACAKAN berhasil atau tidak.
  • Jika belum Coba alternatif berikut

    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-XXXXX-X']);

      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ?  'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>

  • Ganti kode UA-XXXXX-X dengan ID pelacakan anda.
  • Hapus kode diatas </head> yang sebelumnya anda pasangdan ganti dengan kode script diatas.
  • SIMPAN TEMPLATE
  • Coba tekan F5 kembali pada halaman google analytics.. mudah-mudahan berhasil

  • Kamu juga bisa memasang ID pelacakan melalui pengaturan lalu pilih lainnya pada kolom google analytics masukan kode PELACAKAN ANDA (UA-XXXXX-X). Pada gambar yang ada di bawah ini..Letakkan Kode pelacaknya dan simpan.


    instal Google Analytics
    [Continue reading...]

    Cara Membuat Kolom Scroll Pada Blog

    Membuat Kolom Scroll

    Postingan  kali ini Tentang Cara Membuat Kolom Scroll Pada Blog.Sering kali kita jumpai di blog baik berupa postingan code html,gambar,atau artikel pilihan yang begitu panjang,sehingga hal ini dapat memakan tempat.dan untuk mengatasi hal tersebut ada baik nya kita membuat kolom atau kotak scroll.dengan kolom scroll kita dapat memasukan baik berupa code HTML,gambar,semua artikel ataupun yang lain di dalam nya.dan kita juga dapat mengatur besar kecil ukuran atau pun warna pada kolom scroll.Untuk lebih jelas bagaimana caranya membuat kolom scroll Lest Goo........



    1.kotak scroll tanpa background biasa
    teks pertama
    teks kedua
    teks ketiga
    teks keempat

    Kodenya di bawah ini
    <div style="font: 12px/26px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 500px;"><span style="font-style: italic;"><span style="font-style: italic;">Masukkan teks disini</span></span></div>

    2.kotak scroll dengan border tanpa background biasa
    Masukkan teks disini
    teks pertama
    teks kedua
    teks ketiga
    teks keempat
    teks kelima
    dan seterus nya

    Kodenya di bawah ini
    <div style="-goog-ms-box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; -webkit-box-shadow: 0 0 10px #000000; border: 6px double #FF00FF; color: #b4040; height: 100px; overflow: auto; padding: 10px; width: 470px;">
    Masukkan teks disini</div></div>

    3.kotak scroll dengan warna background
    Masukkan Tulisan atau teks disini
    teks pertama
    teks kedua
    teks ketiga
    teks keempat
    teks kelima
    dan seterus nya

    Kodenya di bawah ini
    <div style="background-color: Royalblue; border: 1px solid rgb(191, 189, 189); height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 500px;">Masukkan teks disini</div>

    4.kotak scroll dengan textarea


    Kodenya di bawah ini
    <textarea cols="60" rows="4">Masukkan Tulisan atau teks disini</textarea>


    5.kotak scroll dengan border dan background contoh 1
    Masukkan teks disini
    teks pertama
    teks kedua
    teks ketiga
    teks keempat
    teks kelima
    dan seterus nya

    Kodenya di bawah ini
    <div style="text-align: left;"><div style="background: #4169E1; border: 3px solid #008000; height: 100px; overflow: auto; padding: 10px; width: 200px;">Masukkan teks disini</div>

    6.kotak scroll dengan border dan background contoh 2
    Masukkan teks disini
    teks pertama
    teks kedua
    teks ketiga
    teks keempat
    teks kelima
    dan seterus nya

    Kodenya di bawah ini
    <div style="text-align: left;"><table border="5" cellpadding="1"><tbody><tr><td><div style="background: #4169E1; border: 2px solid #008000; height: 100px; overflow: auto; padding: 10px; width: 200px;">Masukkan teks disini</div></td></tr></tbody></table>


    Keterangan :
    Untuk merubah background : Royalblue atau #4169E1
    Untuk merubah warna border dan ukurannya : border: 2px solid #008000
    Untuk merubah tinggi Scroll : height: 100px
    Untuk merubah lebar Scroll : width: 150px
    Demikianlah Cara Membuat Kolom Scroll Pada Blog
    Selamat mencoba dan terimakasih..........
    [Continue reading...]

    Cara Pasang Readmore Otomatis pada Blog

      http://cerpenazza.blogspot.com/

     

    Cara membuat readmore otomatis dengan gambar

    • Silahkan buka template anda. Pilih: TEMPLATE >> EDIT.
    • Cari Kode </head>.
    • Copy paste kode dibawah ini tepat di atas kode </head>
    <!--ReadMore http://cerpenazza.blogspot.com-->

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <style>
    .post-body{text-align:justify;}
    .post-body img{max-width:none;width:auto;}
    .read-more{float:left; padding-top: 10px;}
    .read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9;  text-decoration:none;font:bold 13px Arial;padding:5px;}
    .read-more a:hover{text-decoration:none;background:#666;}
    .pic{border: 10px solid #fff;float:left;height:165px;width:250px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}
    .grow img{height:165px;width:250px;transition: all 2s ease;}
    .grow img:hover{width:400px;height:250px;}
    </style>
    <script type='text/javascript'>
    var thumbnail_mode = &quot;yes&quot;; //yes -dengan gambar, no -tanpa gambar
    summary_noimg = 300; //banyaknya huruf jika tidak ada gambar
    summary_img = 250; //banyaknya huruf jika ada gambar
    img_thumb_height = 165;
    img_thumb_width = 250;
    </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 = '<div class="grow pic"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';summ = summary_img;}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}
    //]]></script>
    </b:if>
    </b:if>

    <!--Auto Read More Akhir-->

    • Save Template anda.
    • Kemudian scroll template anda kebawah cari kode seperti berikut:

    Ket: Kata kuncinya adalah didalam kotak hitam "BLOG POSTS / POSTINGAN BLOG" jika anda menggunakan bahasa indonesia.
    • Jika suda menemukan kode seperti gambar di atas silahkan klik anda panah kecil warna hitam sebelah kiri.
    • Setelah tanda panah kecil di klik maka akan ada tampilan seprti gambar berikut

    http://cerpenazza.blogspot.com/

    • Cari kode yang di tandai dengan kotak hitam. "POST' VAR='POST'".
    • Setelah ketemu klik tanda panah yang lurus dengan kode tersebut.
    • selanjutnya akan terbuka kode kode yang lain.
    • geser atau scrol ke bawah dan cari kode 
     <data:post.body/>
    •  Setelah ketemu hapus kode diatas dan ganti dengan kode dibawah ini:
    <!-- Auto read more Mulai -->
    <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 expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
    </script>
          <div class='read-more'>
          <a expr:href='data:post.url'>Baca Selengkapnya &#187;</a>
          </div>
    </b:if>
    </b:if>
    <!-- Auto read more Akhir -->

    • Klik SAVE / SIMPAN dan lihat hasilnya. 
    • Selamat Mencoba ^^

    [Continue reading...]

    Cara Mendaftar dan pasang Feedburner

    Cara Mendaftar Feedburner  Untuk Blog Anda – Mendaftar feedburner adalah salah satu optimasi seo onpage yang di rekomendasikan, karena akan memudahkan blog anda untuk cepat terindex google terlebih layanan yang satu ini milik Google. Banyak sekali keuntungan yang kita dapatkan jika kita menggunakan layannan gratis milik google ini, salah satunya adalah untuk memudahkan pengunjung blog anda berlangganan semua artikel anda dengan cara simple karena akan di urus oleh feedburner blog anda. selain itu di yakini bahwa feedburner memudahkan google untuk mengindex artikel kita.

    Untuk yang berminat mendaftar dan mendapatkan keuntungan dari feedburner ini segeralah daftarkan blog anda dan dan arahkan RSS feeds blog anda ke feedburner. Selanjutnya ikuti tutorial berikut ini:

    Cara Mendaftar Feedburner Dengan Mudah Untuk Blog Anda

    • Kunjungi situs FEEDBURNER.COM
    • Silahkan login dengan akun gmail anda
    • Pada tampilan awal silahkan masukan alamat feed blog anda atau URL blog anda jika anda bingung >> klik next
    mendaftar feedburner

    • Setelah itu feedburner akan melacak alamat feeds anda >> pilih RSS atau Atom semuanya sama.
    memilih feed untuk blog

    • Kemudaian anda akan dibawa kehalaman selanjutnya >> silahkan tetntukan nama feeds anda dan klik next jika sudah.
    memilih judul

    • Feed anda adalah seperti yang tercetak biru di gambar >> Simpan dan ingat nama feed blog anda.
    feedburner sudah siap
    • Selanjutnya anda akan diberikan beberapa pilihan, ikuti saja seperti gambar dibawah >> Next

    pilihan untuk feedburner

    • Jika terdapat seperti gambar di bawah maka feed untuk blog anda sudah jadi.

    update rss feed

    • Abaikan saja jika anda melihat gambar seperti digambar.

    panduan cara pasang feedburner

    Memasang FEED Di Blog Anda

    • Buka dashboard blog anda >> pilih Setelan >> lainnya.
    • Pilih POSTING URL PENGUBAH ARAH FEED
    • Kemudian masukan feed yang anda simpan tadi (warna biru)
    • Klik SIMPAN.
    cara memasang feed pada blog

    • Kebali ke halaman FEEDBURNER.COM
    • Cari tulisan PUBLICIZE
    • Pilih PING SHOT di sidebar kiri
    • Klik ACTIVE dalam tampilan PING SHOT.
    aktifkan ping shot
    • Untuk Memunculkan Fedburner di halaman blog bisa juga gunakan "FeedCount"
    • Copy HTMLnya , Masuk Ke Tataletak lagi Paste Kode HTML seperti biasa
    • Selesai
    [Continue reading...]

    Pasang Social Profile Widget Keren: Metro UI

    • Pada dasbor >> Masuk menu Tata Letak >> Tambah Gadget >> Pilih HTML/JavaScript
    • Copy dan paste kode berikut pada kolom konten: 
    <div class='metro-social'>
    <li><a class="fb" href=http://www.facebook.com/ubah disini rel="nofollow"></a></li>
    <li><a class="tw" href=http://twitter.com/ubah disini></a></li>
    <li><a class="gp" href="https://plus.google.com/ubah disini"></a></li>
    <li><a class="pi" href=http://pinterest.com/ubah disini rel="nofollow"></a></li>
    <li><a class="in" href=https://www.linkedin.com/in/ubah disini rel="nofollow"></a></li>
    <li><a class="yt" href=http://www.youtube.com/ubah disini></a></li>
    <li><a class="fd" href=http://feeds.feedburner.com/ubah disini rel="nofollow"></a></li>
    </div>
    <style>
    .metro-social{width:285px}
    .metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
    .metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
    .metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
    .metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
    .metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}
    .metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
    .metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
    .metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
    .metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
    .metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
    .metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
    .metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
    .metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
    .metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
    .metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
    .metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
    </style>














    Simpan dan lihat hasilnya..........^^




  • [Continue reading...]

    Cara Postingan Highlight pada Script/Kode


    Menurut Info Gini  caranya :
    1. Login ke blogger lalu pilih Layout-->Edit HTML
    2. Kemudian copy kode dibawah ini lalu pasang di Script CSS kamu atau pasang sebelum kode ]]></b:skin>

    .alert { background: #DDE4FF;
    text-align: left;
    padding: 5px 5px 5px 5px;
    border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

    Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu. Untuk kode-kode warna bisa dilihat DISINI

    3. Kalau sudah kemudian Simpan.

    Cara Posting
    Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini <p class="alert"> sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode </p> diakhir script/Kode.


    Ok Selamat Mencoba ya ^^
    [Continue reading...]

    Cara Recent Post dengan Thumbnail & Ringkasan

     

    Cara Membuat Recent Post dengan Thumbnail & Ringkasan
    1. Login ke blogger.com
    2. Pilih Tata Letak kemudian Tambah Gadget
    3. Pilih HTML/JavaScript
    4. Masukan kode HTML berikut ini:


    <style type='text/css'>
    img.recent_thumb {padding:1px;width:72px;height:72px;border:0;
    float:left;margin: 10px 10px 5px 0px;}
    .recent_posts_with_thumbs {float: left;width: 100%;margin: 10px 10px 5px 0px;padding: 0;font-size:13px;}
    ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;}
    .recent_posts_with_thumbs strong {font-size:12px;}</style>
    <script style='text/javascript' src='http://recent-post-techkgp.googlecode.com/files/recent%20post_www.techkgp.com.js'></script>
    <script style='text/javascript'>
    var numposts = 5;
    var showpostthumbnails = true;
    var displaymore = false;
    var displayseparator = false;
    var showcommentnum = false;
    var showpostdate = false;
    var showpostsummary = true;
    var numchars = 150; </script>
    <script src='http://www.Cerpenazza.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

    Ganti www.kurniasepta.com dengan alamat url blogmu sendiri, dan mengganti kode yang berwarna merah agar sesuai dengan keinginan atau tampilan blogmu.

      Terus Simpan Widget jika sudah selesai.
    [Continue reading...]

    Cara pasang kode warna pada blog


    Cara pasang kode warna pada blog :
    Tinggal Copy aja script di bawah ini jangan lupa pastekan  post HTML .
    Selamat Mencoba





    <center><div style="text-align: center;"> <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="480" id="col" width="480"> <param value="sameDomain" name="allowScriptAccess" /> <param value="http://www.2createawebsite.com/build/col.swf" name="movie" /> <param value="high" name="quality" /> <param value="#ffffff" name="bgcolor" /> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="480" align="middle" height="480"></embed> </object></div> </center>
    [Continue reading...]

    Kode warna pada blog

    [Continue reading...]

    Awas Penipuan Pembelian kode Script Mp3

    Bermula pada temanku yang mengharapkan memiliki blog seperti MP3Skull.com atau Bursalagu.com.
     dia berusaha belajar untuk mendapatkan web seperti itu, hingga dia nekat browsing mencari untuk membeli jasa pembuatan web Mp3.
     Web site itu juga  kebetulan lagi gencarnya  promokan script mp3 4shared dan Copy Script Mp3Skull , pertama dia mencoba bertanya kepada pemilik  web tersebut tanggapan sangat cepat bahkan siap menelpon balik saat transaksi.
     dia menyanggupi segala hal yang di harapkan si pembeli terutama pada script suport search youtube...
    Setelah mendapatkan pembeli dia pasti meminta uang terlebih dulu setelah kita transfer.. di situ kedoknya berlahan terlihat.
    Saat kita meminta jasanya untuk mengirim script atau dll, dia beralasan banyak munkin lagi keluar kota, warnet tempat jauh , DLL
    Setelah Lewat 1 hari dia masih mengulur waktu dengan alasan yang lain entah itu apa.
    Tujuannya melewatkan paling tidak 2 hari setelah itu . kita bakal putus kontak darinya.

    Paling tidak dari situ kita bisa ambil Tips pelajaran :

    1.Saat transaksi kalau mempelajari dari penampilan blog atau web bisa menipu jadi tetap      jangan percaya meski ada embel-embel menjamin 100% dll bahkan testimoni baru
    2. Transaksi lakukan pada malam hari, sangat rawan karna pasti ada kendala pemicu penipuan , jadi lakukan pada siang hari
    3. buat perjanjian terlebih dulu, sehabis pembayaran barang/file harus sudah di transfer. paling lamban 20 menit
    4. jika terlambat segera ambil tindakan. pergi ke bank dan minta  tarik ulang transaksi pembayaran anda terhadap rekening tersebut,
    5 Penarikan bisa di lakukan selambatnya 2 hari, karna itu si penipu mengulur waktu

     Menurut Info Hati-hati Terhadap : http://www.masterscript.in
    [Continue reading...]

    cara menghapus pos komentar di blog

    untuk menonaktifkan / menghilangkan box comment di Blogger.Com sobat hanya perlu melakukan setting ringan pada halaman (tata letak atau Layout) dashboard

    pelajaran blog cara menyembunyikan komentar posting blogspot

    Pertama,untuk menghilangkan fitur komentar,pergilah ke Dashboard lalu pilih dropdown menu Layout pada blog yang ingin dinonaktifkan kolom komentarnya.

    menonaktifkan komentar blog

    Lalu klik Edit

    Cara Menonaktifkan / Menyembunyikan Kotak Komentar Blogger - cara menghilangkan fitur komentar blogger

    Dan KOSONGKAN checklist komentar

    cara menyembunyikan kolom komentar posting

    Lalu simpan,kini kotak komentar posting sobat sudah disembunyikan.



    komentar blogger blogspot 
     
     
    Atau bisa gunakan ini ..:
    • Login Blog 
    • Buka menu Rancangan lalu klik edit HTML
    • centang pada Expand Template Widget lalu cari kode seperti di bawah ini dengan Ctrl+F dan hapus kode seperti dibawah ini.
    <p class='comment-footer'>


    <b:if cond='data:post.embedCommentForm'>
    <b:if cond='data:post.allowNewComments'>
    <b:include data='post' name='comment-form'/>
    <b:else/>
    <data:post.noNewCommentsText/>
    </b:if>
    <b:else/>
    <b:if cond='data:post.allowComments'>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
    </b:if>


    </p>

    Enaknya tahap pencariannya di edit HTML cari kode  Ctrl+F
    Lalu pilih cari kode : <b:if cond='data:post.embedCommentForm'>
    Jika sesuai semua silahkan lanjutkan proses penghapusannya. 

    • setelah dihapus Simpan dan lihat hasilnya beberapa (Menit)
     
     
    [Continue reading...]

    Cara buat daftar isi blog otomatis

    Cara Membuat Daftar Isi di Blog Otomatis – Banyak blogger yang bertanya bagaimana membuat daftar isi secara otomatis dan dikelompokan berdasarkan label, sebenarnya sudah banyak tutorial ini diluaran sana tetapi katanya tutorialnya gak jelas dan ingin dibuatkan tutorialnya sejelas mungkin sehingga blogger pemula pun bisa membuatnya.

    Baiklah mari kita langsung saja membuat daftar isi yang dimaksud tetapi sebelum anda membuatnya kurang lebih tampilannya ketika sudah jadi akan seperti gambar dibawah ini?


    daftar isi blog otomatis
    Bagaimana? Masih tertarik untuk membuat daftar isi di blogspot ini? Jika iya silahkan ikuti langkah-langkah berikut;
    • Pada dashbor blog anda pilih LAMAN atau PAGE jika anda menggunakan bahasa inggris.

    pilih laman

    • Selanjutnya klik LAMAN BARU >> LAMAN KOSONG setelah tampil halaman seperti ketika anda akan membuat artikel.
    pilih laman kosong
    • Pilih HTML pada pilihan tempat anda menulis. Ingat HTML bukan COMPOSE. Silahkan masukan judul yang sesuai dengan keinginan anda, juga deskripsi di sebelah kanan silahkan isi sesuai kebutuhan anda.

    • Selanjutnya slahkan copy kode dibawah ini dan salin atau paste di Kolom HTML tadi.
    <div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height:270px; background-color: none; text-align: left;">
    <script style="text/javascript" src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script>
    <script src="http://cerpenazza.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
    Kode warna biru ganti dengan URL blog anda
    • Jika semuanya sudah slahkan klik PUBLIKASIKAN.

    silahkan di coba .....^^
    [Continue reading...]
     
    Copyright © . Cerpenazza - Posts · Comments
    Theme Template by BTDesigner · Powered by Blogger