tokan brother
Tampilkan postingan dengan label Tutorial blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial blogspot. Tampilkan semua postingan

Membuat blog Anti Copas dan Klik Kanan

Nah, bagi teman-teman yang masih rajin nge-blog.... untuk sekedar posting atau perkembangan blog masing-masing.... Ini nih, ada salah satu teknik agar postingan di blog anda nggak di copas, sama orang lain.... ya sekedar untuk jaga-jaga aja... hehehe.... Klo mau coba ya silahkan. Ini dia caranya 


1. Log in ke dashboard blog anda
2. Masuk ke rancangan/design
3. Lalu klik Edit HTML
4. Di kotak HTML itu cari kode <body> dan hapus kode itu dan ganti dengan:
<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false">
5. Klik Simpan Template dan lihat hasilnya. Bila kode di atas tidka bisa di pasang, anda tinggal mengganti ( '' ) dengan ( ' ).

Klo mau nyari <body> bisa pake Ctrl+F

Semoga bermanfaat.
Terimakasih

Tips Trik Blogging

Agan-agan pasti banyak yang suka nge-blog kan???
Nge-blog memang menyenangkan. Selain bisa belajar mengetik dan mengetahui hal-hal baru, bisa juga untuk sharing tentang hidup masing-masing dan banyak lagi....
Sampai saking seringnya nge-blog, saya sering lupa waktu juga. Dan hati-hati juga terhadap konten dewasa. Biasanya ada pemberitahuan sebelum masuk blog tesebut. Seperti blog teman saya ini. Pasti ada pemberitahuannya. Nah seperti itulah yang membahayakan. Jika ada hal-hal yang tak terduga yang terjadi, bisa fatal akibatnya. Walaupun teman saya itu hanya sekedar memasang pemberitahuan itu untung bersenang2 (sebenarnya tidak ada konten dewasa di situ).
Nah jika agan ingin blog agan laris sebaiknya ikuti cara-cara di bawah ini :


1. Judul posting yang menarik
Sebenarnya ini sederhana namun perlu diperhatikan. Judul yang menarik dapat membuat pembaca ingin mengerti isinya. Jadi berilah judul yang menarik sehingga membuat pembaca penasaran apa itu.
2. Template sederhana tapi menyenangkan
"Template sederhana itu sangat membosankan" jangan begitu, justru kadang template yang sederhana dan simple membuat pembaca senang membuka blog agan, coba kalo template-nya berat dan widget-nya banyak. Itu akan membuat loading blog, semakin lama. Jika loading lama, kan kasian pembaca yang memakai koneksi siput. Jadi gak bisa buka kan?
3. Postingan-potingan populer
Posting-lah hal-hal yang menarik dan sedang trend di mana saja. Misalnya saat ada berita Merapi meletus,, pasti banyak orang yang ingin membaca tentang merapi. Jadi banyak juga yang mengunjungi blog agan.
4. Bahasa yang menyenangkan
Bahasa juga perlu diperhatikan. jika bahasa-nya terlalu formal, pembaca-pembaca muda terlalu malas untuk melanjutkan postingan, tetapi jika bahasa terlalu gaul dan 4l4y, orang-orang yang sudah tua jadi tak mengerti apa maksudnya
5. Gambar yang menarik
Gambar sangatlah penting pada setiap postingan, Berilah gambar sewaktu mem-posting di blog agan. Gambar akan membuat pembaca lebih tertarik untuk membaca-nya. Selain itu gambar juga bisa membuat pembaca mengerti apa yang di maksud.  
6. Jangan copas
Jangan terlalu sering men-copas atau lebih detailnya meng copy-paste postingan milik orang lain. Biasanya postingan-postingan yang sudah di-copas lebih jarang diliat orang, karena banyak orang telah membaca. Jadi apa susahnya nulis sendiri, walaupun tema atau judulnya sama. Selain itu, jika kita mengetik sendiri, kita juga bisa berlatih mengetik.
7. Posting di waktu yang tepat
Sebenarnya ini tak perlu diperhatikan karena banyaknya orang di seluruh dunia yang membuka internet dan mencari informasi. Tetapi itu juga disesuaikan dengan negara kita, jika bahasa indonesia, pasti yang membaca mayoritas dari indonesia, Jadi tepatkan waktu posting misalnya saat sore hari atau malam, dimana saat itu banyak orang indo yang membuka internet.

Sekian dulu postingan kali ini, MUDAH dan SIMPLE kan....
THX FOR VISIT
*lain kali maen kesini lagi ya....

Cara Membuat Semua Link Otomatis Terbuka di Tab Baru Blogspot

Jika diclick maka link akan otomatis terbuka di tab baru, selain itu otomatis juga langsung terpasang di semua link yang ada tanpa perlu edit satu-satu. Inilah tutorialnya, Penasaran? . . .

Karena otomatis, maka nanti begitu membuat link ga perlu lagi ditambahkan kode target=_blank secara manual. Yuk, ikuti langkah berikut ini :



  1. Log in ke account blogspot kapten
  2. Dashboard >> design >> edit html
  3. Cari kode

    <head>
  4. Kemudian tambahkan kode berikut ini di bawahnya

    <base target='_blank' />


    Sehingga jika benar, maka keseluruhan kode akan tampak sbb

    <head>
    <base target='_blank' />
  5. Jangan lupa click save template

Hanya seperti itu, mudah kan?

Cara ganti "post a comment"

Agan-agan tau kan ada tulisan "Post a comment" di atas kotak tempat nulis komentar? biasanya jika ada tulisan itu yang punya blog masih bingung cara merubah template. Ane beritau ya caranya ngubah tulisan itu menjadi tulisan lain seperti "silahkan comment" atau "Ayo donk di comment" dll.
Gini caranya gan:

Log in ke blog agan
Klik Rancangan
Klik Edit HTML
Beri tanda centang pada Expand Template Widget
Hapus dan ganti kode berikut dengan tulisan agan

<data:postCommentMsg/>

Dan simpan template, lihatlah hasilnya
Sekian Thx for visit
Semoga bermanfaat

Cara membuat widget share button melayang

Gan, ada gx yang template blognya cuma 2 column seperti punya saya?
Susah kan klo mau pasang widget, karena gx ada tempat, klo pasang terlalu banyak juga nanti akan mempengaruhi loadng blog semakin lama,, Ni gan, saya kasih tutorial membuat share butto yang melayang, Ini widgetnya bisa menghemat tempat, serta dijamin tidak mempengaruhi kecepatan loading blog, Yaudah ni gan bagi yang mau pasang:




  • Log in ke blog anda

  • Klik Rancangan

  • Klik Tamdbah Gadget

  • Pilih Edit HTML/ JavaScript

  • Masukkan script di bawah ini ke dalamnya:


  • <style type="text/css">  #sharedock { position: fixed; bottomleft: 0; left: 0; width: 100%; height: 40px; z-index: 999; }  #dock { position: vertical; bottomleft: 0; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; }  </style><div id="sharedock">  <div id="dock">  <div class="dock-container"><div class="addthis_toolbox">  <div class="custom_images"> <a class="addthis_button_facebook"><span>Facebook</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_facebook.png" alt="Share to Facebook" /></a>  <a class="addthis_button_twitter"><span>Twitter</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_twitter.png" alt="Share to Twitter" /></a><a class="addthis_button_myspace"><span>MySpace</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_myspace.png" alt="Share to MySpace" /></a><a class="addthis_button_stumbleupon"><span>Stumble</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_stumbleupon.png" alt="Stumble It" /></a><a class="addthis_button_reddit"><span>Reddit</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_reddit.png" alt="Share to Reddit" /></a><a class="addthis_button_delicious"><span>Delicious</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_delicious.png" alt="Share to Delicious" /></a>  <a class="addthis_button_more"><span>More...</span><img src="http://addthis.com/cms-content/images/gallery/addthis_64.png" alt="More..." /></a>  </div>  </div>   </div>  </div>  </div>
      <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  <script type="text/javascript" src="http://addthis.com//cms-content/images/gallery/fisheye-iutil.min.js"></script>  <script type="text/javascript">  $(function () {   // Dock initialize  $('#dock').Fisheye(  {  maxWidth: 20,  items: 'a',  itemsText: 'span',  container: '.dock-container',  itemWidth: 30,  alignment : 'left',  valign: 'bottom',  halign : 'center'  }  );  });  </script>


    • Simpan Template dan lihat hasilnya
    • Kalau Tampilannya kurang enak coba anda gerakkan kursor anda di Widgetnya, nanti juga berubah sendiri


    Itu gan caranya, gimana? bagus bukan 
    Thx for visit Semoga bermanfaat

    Membuat readmore otomatis di BLOG

    Gan,, kan banyak blog yang loading nya lamaaaaaaa bgt, Itu mungkin karena jumlah post per page nya dan juga karena gx ada READMORE / BACA SELENGKAPNYA dll. jadi pada postingan kali ini saya akan memberikan tutorial untuk membuat readmore otomatis pada blog agan2 demonya bisa liat di sini
    Begini nih cara buatnya:



    Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini gan,yakni read more menggunakan gambar dan hanya menggunakan tulisan.

    Untuk pertama kali,seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.



    Selanjutnya,cari kode </head>,setelah ketemu tepat dibawahnya letakkan kode javascript berikut:

    <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

    Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>

    Setelah itu untuk Cara 1.Read More Button Otomatis menggunakan gambar,hapus kode tersebut dan gantilah dengan kode berikut:

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <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>
    <span class='rmlink' style='float:right;padding-top:20px;'>
    <a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
    <strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>


    Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode<data:post.body/> atau <p><data:post.body/></p>
    tersebut dan gantilah dengan kode berikut:

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <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>
    <span class='rmlink' style='float:right;padding-top:20px;'>
    <a expr:href='data:post.url'>[ Read More.. ]</a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
    <strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>


    Lalu simpan templates dan lihat hasilnya.
    Untuk yang terlanjur menggunakan read more secara manual seperti di sini,tinggal hapus kode:

    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>
    <p><data:post.body/>
    <a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
    </b:if>


    Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 1 maupun cara 

    Simpan dan Slesai
    SEMOGA BERMANFAAT

    Cara membuat postingan selalu tampil di depan

    Dari sekian banyak postingan/artikel pada blog anda, mungkin salah satunya merupakan artikel yang banyak digemari pengunjung atau artikel terlaris pada blog anda.
    Maka sangat disayangkan apabila postingan tersebut tergeser tempatnya karena bertambahnya postingan-postingan baru, yang lama kelamaan akan berada dihalaman belakang.
    Anda tidak perlu khawatir, sebab ada cara untuk menampilkan agar postingan selalu tampil pada halaman muka.
    Ikuti cara membuatnya.

    Langkah-langkah umtuk menempatkan postingan selalu berada di halaman muka :


    • Masuk ke Blogger dengan ID anda.
    • Pilih Edit Entri.
    • Setelah berada di halaman Edit Entri, pilihlah postingan mana yang akan selalu ditampilkan di halaman muka.
    • Klik Edit pada postingan yang dipilih.
    • Lihat dibagian bawah kolom postingan, Klik Opsi Entri. Maka akan muncul komentar Pembaca, Link Balik dan Tanggal dan Jam Entri.
    • Ubahlah tahun pada Tanggal dan Jam Entri dengan tahun yang akan datang, misalnya 2010 atau kalau ingin dalam waktu yang lebih lama gantilah angka tahun dengan beberapa tahun kedepan, misalnya 2050.
    • Klik Terbitkan Entri .
    • Lihat Blog anda sekarang.

    Cara mengganti icon blog

    Gan, postingan kali ini saya akan membahas tentang "Bagaimana cara mengganti icon blog" (lho kok tutorial blogspot? bukannya ini blog cheat?) Iya ini memang blog cheat tapi gx papalah klo belok-belok dikit. Wkwkwkwkwk...... Jadi gini gan, temen-temen kan banyak yang tanya tuh tentang gimana caranya ganti icon, nah ini saya postingkan . 




    Pilih gambar yang akan anda masukkan dengan ukuran yang saya sebutkan diatas
    2. Silakan upload gambarnya diphotobucket.com, jika belum terdaftar di photobucket.com silakan register disini
    3.Setelah login silakan upload gambarnya di menu Upload File & Video dengan pilih tombol choose file
    4.Setelah selesai upload akan muncul gambar anda dan ambil kode URL gambar anda seperti contoh kode URL image saya

    http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg

    5.Untuk memasukkan ke blog anda silakan kembali ke Dasboard blogger anda,silakan ke menu Layout->Edit HTML->jangan lupa klik Expand Widget kemudian temukan kode berikut

    </head>

    6. Setelah itu letakkan kode dibawah ini sebelum kode diatas

    <link href='http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg' rel='SHORTCUT ICON'/>

    silakan ganti kode yang berwarna merah dengan URL gambar yang anda dapatkan di photobucket.com tadi

    7.Kemudian Save Setting....

    SLESAI deh
    Semoga berhasil!!!