Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan

Selasa, 16 Agustus 2011

Tutorial;Cara membuat blog Gratis,Bloger

blog gratis yang paling femiliar Blogspot produk Google,namun sebenarnya masih begitu banyak blog dan website gratis.google selain punya blogspot google juga punya Website Site Google yang juga gratis.Sudah begitu banyak jago jago membuat dan merancang blog.namun masih banyak masih bingung bagaimana membuat blog bahkan masih ada yang tidak tahu sama sekali apa itu blog.Melalui blog ini saya akan mencoba membuat panduan cara membuat blog gratis sebagai sarana latihan anda membuat blog dan menulis.sebelum anda nanti melanjutkan blog domain berbayar.membuat blog dan mengelola blog sebenarnya mirip membat koran atau majalah yang harus diisi dengan artikel atau tulisan,berita,gambar dan peristiwa atau apa saja yang menarik untuk di baca pengunjung blog.

Untuk memulai membuat blog kamu harus punya Email dulu,untuk membuat email
gmail kamu klik di gmail.Setelah kamu punya email kamu bisa mulai membuat blog gratis di bloger com








Rabu, 10 Agustus 2011

Memasang Scroll pada Arsip Blog
Langsung saja kita memasang Scroll pada Arsip blog,karena semakin banyak posting juga semakin banyak urutan arsip blog,untuk menghemat ruang blog kita pasang scroll pada arsip blog.
 Buka Edit HTML

 Cari kode ini ]]></b:skin>

 Jika sudah ketemu copykan kode di bawah ini, diatas kode tersebut



#BlogArchive1 .widget-content{
height:410px;
width:auto;
overflow:auto;
}



 height:410px; adalah pengaturan tinggi elemen arsip blog yang di beri scroll, Atur dan sesuaikan dengan selera anda. 



 Klik Simpan

Selasa, 09 Agustus 2011

Cara Membuat Readmore Blog

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 berikut sebelum tag </head> atau tepat sesudah
kode } ]]></b:skin>seperti dibawah ini :

    <style> < b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} < b:else/> span.fullpost {display:none;} < /b:if> < /style>

    Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template anda dan tambahkan kode berikut tepat dibawahnya: <b:if cond='data:blog.pageType != "item"'> < a expr:href='data:post.url'> Read More..</a> < /b:if>

Nah supaya terpotong, setiap kali anda menulis artikel posting, klik pada bagian artikel dimana anda pengen tulisan Read More.. muncul, lalu ketik <span class=”fullpost”> kemudian lanjutkan sisa artikel sampai selesai, akhiri dengan mengetik </span>. Untuk menmbahkan kode ini, ketika menulis artikel, anda harus dalam mode Edit HTML bukan Compose

    Tulisan Read More.. seperti yang berwarna merah pada kode diatas, bisa anda ganti dengan tulisan lain seperti Baca Selengkapnya.. atau Continue..

      Contoh Penulisan Posting

      Seperti yang telah banyak di ketahui orang,Manusia terdiri dari tubuh fisik dan tubuh roh,Namun tidak banyak yang mengetahui selain tubuh fisik yang terlihat mata,Manusia juga mempunyai beberapa lapisan lapisan tubuh yang tidak terlihat mata.Manusia mempunyai lapisan lapisan tubuh berjumlah 7 bauah. <span class=”fullpost”>Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>
      Hasil akhir posting akan tampak seperti ini :

      Seperti yang telah banyak di ketahui orang,Manusia terdiri dari tubuh fisik dan tubuh roh,Namun tidak banyak yang mengetahui selain tubuh fisik yang terlihat mata,Manusia juga mempunyai beberapa lapisan lapisan tubuh yang tidak terlihat mata.Manusia mempunyai lapisan lapisan tubuh berjumlah 7 bauah. Read More

                Selamat Berkreasi........
      Cara Membuat Dua Kolom di bawah Hearder

      Cara membuat dua kolom di bawah hearder.para pimilik blog di dunia maya selalu ingin menambah
      kolom kolom di blognya untuk keperluan penempatan banner dan lain lain.
      Sekarang kita akan mencoba belajar cara menambah elemen di bawah hearder menjadi dua.
      Nach....langsung ke cara membuatnya:


      Login ke bloger=>klik Tata Letak =>klik Edit html Cari kode berikut]]></b:skin>(untuk mempermudah pencarian gunakan ctrl+f),jika sudah ketemu,letekkan kode berikut tepat di atasnya:

      #box-main-container {
      clear:both;
      }
      .box-column {
      padding:0px 10px 10px 10px;
      border:1px dotted $bordercolor;
      }


      Setrusnya cari kode <div id='main-wrapper'> (untuk mempermudah pencarian gunakan ctrl+f)jika sudah ketemu letakan/kopy dan faste kode berikut tepat di atasnya:


      <div id='box-main-container'>
      <div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
      <b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
      </div>
      <div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
      <b:section class='box-column' id='col2' preferred='yes' style='float:right;'/>
      </div>
      <div style='clear:both;'/>
      </div>


      jika sudah selesai di kopy dan faste selanjutnya klik Simpan Template.
      Semoga berhasil dan ditunggu komentarnya!.
      Membuat Menu Scroll


      menu scroll atau juga bisa di sebut menu bergulir,untuk menyimpan catatan,link atau banner teman teman juga untuk mengheman halaman blog,bagi.teman yang belum tau apa itu Menu Scroll?
      Nach baiknya langsung saja lihat contoh Tutoril blog di bawah ini:



      <div style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; overflow: auto; width: 255px; padding-top: 10px; height: 141px" 1px="1px" solid="solid"> <ul>
      <p><a href="http://egoandemotion.blogspot.com/p/cara-membuat-related-post-tulisan.html">Cara membuat related post</a> </p>
      <p><a href="egoandemotion.blogspot.com/p/mungkin-teman-teman-sudah-pernah.html">ngeblog offline tanpa terhubung keinternet</a> </p>
      <p><a href="http://egoandemotion.blogspot.com/p/merubah-read-more-dengan-icon-image.html">Mengganti Read More Dengan Image</a> </p>
      <p><a href="http://egoandemotion.blogspot.com/p/cara-membuat-recent-post-postingan.html">Cara membuat Recent Post</a> </p>
      <div/>


      Copy contoh cody di atas pada blog teman teman sesuai keinginan terlei]bih dulu:

      Login ke bloger> Dasbor > Tata Letak > Tambah Gadget > selanjutnya paste code di atas >Beri judul yang teman teman sukai septeri ARTIKEL TERKAIT atau yang lain dan klik SIMPAN >selasai dech membuat menu Scrollnya.

      :jika ingan menambah icon di samping ganti < p > dan < / p > dengan < li > dan < / li >

      Alamat/url ganti dengan alamat/url blog juga judul posting teman teman sendiri


      Selamat mecoba!!!








      Membuat Penterjemah(Translate Flag)dalam Beberapa Bahasa


      Penjelajah dunia maya bukan saja berasal dari Negara anda sebagai pemilik BLOG
      Tapi berasal dari berbagai Negara di belahan Dunia.Jika ada pengunjung BLOG anda yang kebetulan
      dari luar negara anda sebagai pemilik Blog anda,Tentu kasihan dong mereka tidak mengerti bahasa di
      dalam BLOG anda,Nach karena itu saya akan berbagi kode Translate Bahasa dalam BLOG anda.


      cara membuat Translate sangat mudah hanya COPY dan Faste kode Translate Flag.


      Cara memesang Translate di BLOG anda:

      Pertama Login ke Bloger anda > Tata Letak > Tambah Gadget >
      Faste kode di bawah ini,lalu klik Simpan

      <br /><div><br /><br /><a class="google_translate" href="http://blog-anda.blogspot.com/" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXeP7MzkHAxotOcttmIgL1pWDiqGUqySLwGWimVZ1aVRX3IDcHExGGoRGqU6OJYW_n0TlOjA6wsM1EjBDJw6qJERgnF0ZfgYp-jTLpZtoMNuhFZFw-Jz_-T3KlDAOtTe7Q7T6Y5MtcbgI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><a class="google_translate" href=" http://blog-anda.blogspot.com /" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwLYi1QCQf0MZk6tkMANp4Lfnwvq_8ineGcPLYQzkAAXZHfqo6J-F8Ku4uSbmyDcEnb7IKgWEhmVu_vyfsY4P3k3GOp8YH5pmFtuqbf79oVnN9CCUV1g4XFZ-3nJwpSqBCy8BmQL5ytXw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><a class="google_translate" href=" http://blog-anda.blogspot.com /" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK2YWzWjk3x-GX-f6ClMCsOWzoKd3K5nUTFsF87JBnWUtbsLGVUESvVMd0WpzQqoCb6wmeAf73PraCcRpRyC-NK-qpiv4IDlIAmIFm6WlUls_rS7wat9x3aDGVmAWFXhqTdojDtQcqIvwy/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href=" http://blog-anda.blogspot.com /" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmQNit3ERtOnrJCzaXh0fLEAkb8b5h0GlMD5pguBOjjlxkcVNnq7idxqAcrPd_-7C_lzENHsgl6DDXRjf-RGdtIwH4wDSoudXBSmi9pwLCwDRu4oZhO3B1izJjw0FiFBhwxuknl7EAUTUz/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><a class="google_translate" href=" http://blog-anda.blogspot.com /" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjez56xC91YtM1pMWvJdzfHrVKxpAqbtw4UQK-x1u1LRaI-VWQfBkAYIcX0ihDL8fbfc6slmTIodqb5jgJDR0uKuWT8V25z4_MRvhdeywiq_3Mo7ijKPVlM03uxhg3BMeRUtRYITz9KcSQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><a class="google_translate" href=" http://blog-anda.blogspot.com /" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOdGZD8Qc144c3r8dopapt4AyzGOVXbeBsk33YfR9eVsthX9lwHC5P4GKiBhbfyaSVMSxd2IVlfukdPwgSg0DVLJgj50RQTMiRNYNyXMKdGsUHk2DRLG4lsCd5EYLVJvTC7azRAphyphenhyphenfig/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><a class="google_translate" href=" http://blog-anda.blogspot.com /" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9hQMD6GmlfemCNytWqkwD6pYaAqRt9_fipNsrZM80vMCAbRT8oTWy-HPduDNN86W4hwKhyphenhyphencW5U5ukQPL7xxxA2ab47nCmqjlmoSkRBgkO6nVBmPfpUkVZGISfZocJju5jj8iIgxnqIOc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><a class="google_translate" href=" http://blog-anda.blogspot.com /" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5M9fRwg0qAEvUfVPSE9reGx93Kji0zYumSFe2ypaj94TKlPGTTch0fONbe4CecM04V6hkOzzjOFb_TPTPkXCtqLZlx9gFJ1q-kVX_fYeScrbIu3jpdV-3PyydQG0SM7hZvfFqjT_sr70/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><a class="google_translate" href=" http://blog-anda.blogspot.com /" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvdyJireJ47l4x-FH8JOEYEcDFPYNjCA6FcRVtMsr3d1JUY2jZgSyKPQeg5LRNOX4_RSSVZt8djHbXG6qNKQ3HFgyKKxupRKMNRKPlAWfJqIbk6kfM24MtylkViZGgvLCLDiBz3ssIxSo8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><a class="google_translate" href=" http://blog-anda.blogspot.com /" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA9vQr3NSpk_ncgg6y7qdVdOsZUfGUSGtqZ8nsa_ECiq5JudBVl_A5KBx6a8CdTKSsIsKk9Pzze_EpZHvwmuKAGZrea-77MFTSIZ6gijtmyUTONMjx2vgE89nMUJsjby0-yAEochRCD0E/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><a class="google_translate" href=" http://blog-anda.blogspot.com /" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix6fJ9S8fFxdL8KaOd9FVc0cz4BIe1xL9vLw5ywNqakMKzn-F-IkcvgUkJNXacYmsD5kX1Mg0tsqzTSUg5lAatm7G2BIQ7oqqiNyVWMxstRqrpODDW08n3Jf4BWrYqRRSD20kr84y9Epg/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><a class="google_translate" href=" http://blog-anda.blogspot.com /" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJHlrLqewWMtL9NAkkthicMw-fGRzLHCyloyUns1XjTVdyrS1zniVpSAhAPDBozVpF_1_wcfTDTQS2OQY2CSNcrSLrL2AXYZvpgl_sAvEN-YKgdKBKT3ZOtY5cJRxUAr4VrEu15nL4v5Q/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><br /></div><br /><br />






      Membuat Translate Google di Blog

      cara membuat atau memasang Penterjemah Google Translate.caranya sangat mudah dan gampang banget.Anda hanya mengkopy dan faste kode wiget Translate Google ke dalam blog anda.
      dan anda akan denagan mudah merubah rubah bahasa yang anda inginkan hususnya bahasa bahasa yang tertera dalam daftar pilihan bahasa.

      ikuti caranya:

      1. Login ke Bloger
      2. Pilih Layout <Tata Letak >>Page Elemant <Element Halaman>
      3. Add Gadget <Tambah Gadget>
      4. Pilih Javascript >Copy dan Faste kan Code di bawah ini ke dalam teks area javascript.
      <script src="http://www.gmodules.com/ig/ifr? url=http://www.google.com/ig/modules/translatemypage.xml&up
      _source_language=id&w=160&h=60&title=&border=&output=js"></scrip></script>
      Menambah Elemen Halaman (Gadget)dibawah Hearder

      Begitu banyak dan bermacam macam kode script telah beredar di dunia maya.Yang menampilkan
      pesan bergerak di bar Browser anda,bagi anda yang belum tau bar bawah
      Nach ini dia Contohnya.
      anda lihat bar bawah halaman ini adalah script informasi halaman bawah bar.
      Buat anda yang mencari cari apa yang harus di tambahkan di blog anda....Yach anda dapat maencoba script di bawah ini:




      <SCRIPT LANGUAGE="JavaScript">
      var speed =5
      var pause = 1500
      var timerID = null
      var bannerRunning = false
      var ar = new Array()
      ar[0] = "Wellcome to http://egoandemotion.blogspot.com"
      ar[1] = "Semoga Anda dapat menemukan informasi Bermanfat bagi anda"
      ar[2] = "Silahkan tinggalkan komentarnya ya"
      ar[3] = "Senyummu Bahagiaku"
      var message = 0
      var state = ""
      clearState()
      function stopBanner() {
      if (bannerRunning)
      clearTimeout(timerID)
      timerRunning = false
      }
      function startBanner() {
      stopBanner()
      showBanner()
      }
      function clearState() {
      state = ""for (var i = 0; i < ar[message].length; ++i) {
      state += "0"
      }
      }
      function showBanner() {
      if (getString()) {
      message++
      if (ar.length <= message)
      message = 0
      clearState()
      timerID = setTimeout("showBanner()", pause)
      }
      //visit http://egoandaemotion.blogspot.com
      else {
      var str = ""
      for (var j = 0; j < state.length; ++j) {
      str += (state.charAt(j) == "1") ? ar[message].charAt(j) : " "
      }
      window.status = str
      timerID = setTimeout("showBanner()", speed)
      }
      }
      function getString() {
      var full = true
      for (var j = 0; j < state.length; ++j) {
      if (state.charAt(j) == 0)
      full = false
      }
      if (full) return true
      while (1) {
      var num = getRandom(ar[message].length)
      if (state.charAt(num) == "0")
      break
      }
      state = state.substring(0, num) + "1" + state.substring(num + 1,
      state.length)
      return false
      }
      function getRandom(max) {
      var now = new Date()
      var num = now.getTime() * now.getSeconds() * Math.random()
      return num % max
      }
      startBanner()
      </SCRIPT>



      Selanjutnya anda dapat rubah alamat/url pada warna biru dengan alamat/url blog anda.
      anda rubah juga isi pesan sesuai keinginan anda pada warna hijau,dan anda dapat membahkan pesan
      dengan cara yang sama.

      Cara memasang script:

      Anda Login ke Tata Letak/Rancangan->Tambah Gadget/add gadget
      ->pilih Javascript dan Copy kode Script di teks area lalu->Simpan.

      Selamat mencoba.......................................................................................





      Senin, 08 Agustus 2011

      Membuat Gambar Berubah rubah di tiap halaman Blog

      <script language="JavaScript">
      var img_width = "200";//lebar gambar
      var img_height = "100";//tinggi gambar
      var img_title = "klik donk";//teks yg muncul ketika mouse diarahkan pada gambar
      var ad=new Array()

      //masukan url foto atau gambar yang Anda inginkan disini
      ad[0]='http://angelinasondakh.blogs.com/angelina_sondakhs_diary/images/puteri_indonesia_2001_3_5.jpg';
      ad[1]='http://www.indonesiaindonesia.com/imagehosting/images/2821/1_Agni_Pratistha_puteri_indonesia.jpg';
      ad[2]='http://www.batamevent.com/gbr%20artikel/putri%20indonesia.jpg';
      ad[3]='http://www.suaramerdeka.com/harian/0608/26/sm1hl26path.jpg';
      ad[4]='http://www.undiknas.ac.id/wp-content/uploads/2007/08/puteri-indonesia-2007.jpg';

      var links=new Array()
      //masukan link tujuan / kosongkan juga boleh
      links[0]='#';
      links[1]='#';
      links[2]='#';
      links[3]='#';
      links[4]='#';
      /*
      edit by http://egoandemotion.blogspot.com
      */
      var xy=Math.floor(Math.random()*ad.length);
      document.write('<a href="'+links[xy]+'" target="_blank"><img src="'+ad[xy]+'" width="'+img_width+'" height="'+img_height+'" alt="'+img_title+'"></a>');
      < /script>