Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Jumat, 25 Mei 2012

Membuat Widget Related Post (Posting Terkait)

| |
0 komentar

 
blog Indonesia - Lama juga ya, tidak pernah posting di blog ini. Karena ada banyak masalah di kampus yang tidak bisa saya tinggalkan. Nah.. untuk mengawalinya saya akan berikan sebuah tips pemasangan widget related post dengan icon. Ini sangat membantu dalam teknik SEO Blogger, karena secara tidak sadar suatu postingan yang ada di blog sobat, akan lebih cepat dilihat oleh pengunjung.
Oke langsung saja kita mulai deh....

1. Seperti biasa, kalian harus login dulu ke akun blogger
2. Kemudian masuk ke rancangan lalu Edit HTML
3. Jangan lupa Expand Template Widget
4. Biasakan back up temnplate dulu ya
5. Kemudian pasang kode berikut di bawah tag </head>
<style type='text/css'> #related-posts { float : left; width : 100%; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOit6uZGYuX3bNxtoVwQQLXf2D0QxXfZG8UYxLS1zUkoylS3MfGHwIpytqIPpM6JmgqeT_Ble3V5oEFBdseXstaI7Itc_dYyHeF41vd-dxRIwB3V2C_t2WkuUOGFPFOsUZlBA8o_0IGpo/&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://belajarblogging.googlecode.com/files/relpost.js' type='text/javascript'/>
6. Jika sudah, cari <data:post.body/> lalu pasang kode berikut di bawahnya
<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
7. Dan yang terakhir tentu saja save template dan lihat hasilnya
 Selamat mencoba dan semoga sukses ya sob...
Read More

Cara readmore otomatis untuk SEO

| |
0 komentar


Blog Indonesia - Kegunaan dari pada readmore otomatis yakni membuat readmoresecara otomatis tanpa harus kita menulis manual kode readmore. Manfaat dari padareadmore otomatis untuk SEO yakni sangat berperan penting, yang akan membuat suatu blog menjadi ringan loading saat di akses oleh pengunjung. Ini termasuk salah satu SEO template. kalau begitu berikut adalah langkah-langkah nya :
  • Login ke Blogger
  • Pilih Design > Edit HTML.
  • Jangan lupa centang Expand Widget Templates.
  • Copy script di bawah ini, tepat di bawah kode </head> 
    <script type='text/javascript'>
    var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 440; summary_img = 344; img_thumb_height = 100; img_thumb_width = 120; </script>
    <script src='http://blogtegal.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>
    • Kemudian cari kode <data:post.body/> atau kode <p><data:post.body/></p>sama saja. Gunakan Ctrl+F untuk memudahkan pencarian
    • Ganti kode di atas dengan kode di bawah ini :
      <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'>&#187;&#187; Read More</a></span> </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> </b:if>
      • Langkah terakhir simpan template, dan cek hasilnya.
      Catatan: Tulisan yang berwarna merah dapat anda ganti dengan kata-kata sobat sendiriseperti; Baca selengkapnya.
      Nah, bagaimana sobat? cukup mudah kan?. Untuk tutorial kali ini sekian dulu ya!.
      Read More

      Trik Cepat Meningkatkan PageRank Blog

      | |
      0 komentar


      Ini adalah pengalaman saya setelah menelusuri berbagai macam cara untuk meningkatkan pagerank blog kita.
      Mau tahu Cara cepat update PageRank di Google? Makanya jangan pernah menganggap remeh penyebaran produk dengan pemasaran sistem Multi Level Marketing . Dalam postingan kali ini saya mau mencoba mengajak kalian semua untuk memanfaatkan kedahsyatan faktor kali dan kecepatan penyebaran ini dalam bentuk backlink.

      Caranya gampang kok, yang perlu sobat lakukan adalah meletakkan link-link berikut ini di blog atau artikel kalian.

      Tapi ingat, sebelum kamu meletakkan link diatas, sobat harus menghapus peserta nomor 1 dari daftar. Sehingga semua peserta naik 1 level. Yang tadi nomor 2 jadi nomor 1, nomor 3 jadi 2, dst. Kemudian masukkan link sobat sendiri di bagian paling bawah (nomor 10).
      Jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah:
      Ketika posisi kamu 10, jumlah backlink = 1
      Posisi 9, jumlah backlink = 5
      Posisi 8, jumlah backlink = 25
      Posisi 7, jumlah backlink = 125
      Posisi 6, jumlah backlink = 625
      Posisi 5, jumlah backlink = 3,125
      Posisi 4, jumlah backlink = 15,625
      Posisi 3, jumlah backlink = 78,125
      Posisi 2, jumlah backlink = 390,625
      Posisi 1, jumlah backlink = 1,953,125

      Dan semuanya menggunakan kata kunci yang kamu inginkan. Dari sisi SEO sobat blogger sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung web para downline sobat mengklik link itu, juga membuat blog sobat mendapatkan traffik tambahan.

      Nah, silahkan copy paste artikel ini, dan hilangkan peserta nomor 1 lalu tambahkan link blog/website sobat di posisi 10. Ingat, sobat harus mulai dari posisi 10 agar hasilnya maksimal. Karena jika sobat tiba2 di posisi 1, maka link kamu akan hilang begitu ada yang masuk ke posisi 10.
      Saya yakin dalam waktu yang singkat, Pagerank blog sobat pasti langsung naik drastis di luar dugaan anda. Selamat mencoba trik rahasia ini!

      Bagaimana, apa sobat semua berkenan? Kalau iya, copas aja! Lalu sarankan kepada sobat blogger yang lain agar terus menyebar!
      Tugasnya gampang kan!!
      Copas trik ini lalu sarankan ke teman yang lain begitu pula seterusnya!
      laporkan bila ada link yang rusak.
      Read More

      Membuat efek pelangi pada link Url di blogspot agar blog terkesan cantik dan indah

      | |
      0 komentar

      Gambar animasi pelangiMembuat efek pelangi pada link Url di blogspot agar blog terkesan cantik dan indah – Memasang dan menambahkan efek pelangi di dalam yang mengandung Url di blog ketika kursor mouse di arahkan ke link url tersebut akan terlihat efek pelangi yang keluar ini memungkinkan untuk mempercantik dan indah suatu blog yang mempunyai daya tarik tersendiri di mata visitor atau pengunjung blogberdampak bertambahnya page view blog karena mempunyai nilai plus yang bagus.
      Berikut ini langkah-langkah nya menambah efek pelangi khusus di blogspot :
      • Login ke akun blogger
      • Lalu pilit template terus edit html
      • Setelah muncul jangan lupa centang Expand Widget Template
      • Selanjutnya cari kode </head> untuk mempercepat proses pencarian gunakan bantuan Ctrl + F masukan </head> di bagian bawah sebelah kanan bawah computer
      • Setelah menemukan kode </head> masukan kode di bawah ini tepat di bawah kode </head>
      <script type=’text/javascript’> //<![CDATA[ var rate = 20; if (document.getElementById) window.onerror=new Function("return true") var objActive; // The object which event occured in var act = 0; // Flag during the action var elmH = 0; // Hue var elmS = 128; // Saturation var elmV = 255; // Value var clrOrg; // A color before the change var TimerID; // Timer ID if (document.all) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor; } else if (document.getElementById) { document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT); document.onmouseover = Mozilla_doRainbowAnchor; document.onmouseout = Mozilla_stopRainbowAnchor; } function doRainbow(obj) { if (act == 0) { act = 1; if (obj) objActive = obj; else objActive = event.srcElement; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } function stopRainbow() { if (act) { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } function doRainbowAnchor() { if (act == 0) { var obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') { obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY') break; } if (obj.tagName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } } function stopRainbowAnchor() { if (act) { if (objActive.tagName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function Mozilla_doRainbowAnchor(e) { if (act == 0) { obj = e.target; while (obj.nodeName != 'A' && obj.nodeName != 'BODY') { obj = obj.parentNode; if (obj.nodeName == 'A' || obj.nodeName == 'BODY') break; } if (obj.nodeName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } } function Mozilla_stopRainbowAnchor(e) { if (act) { if (objActive.nodeName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function ChangeColor() { objActive.style.color = makeColor(); } function makeColor() { // Don't you think Color Gamut to look like Rainbow? // HSVtoRGB if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV; } else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1; elmB = t2; elmG = t2 + t3; } else if (elmH < 120) { elmG = t1; elmB = t2; elmR = t1 - t3; } else if (elmH < 180) { elmG = t1; elmR = t2; elmB = t2 + t3; } else if (elmH < 240) { elmB = t1; elmR = t2; elmG = t1 - t3; } else if (elmH < 300) { elmB = t1; elmG = t2; elmR = t2 + t3; } else if (elmH < 360) { elmR = t1; elmG = t2; elmB = t1 - t3; } else { elmR = 0; elmG = 0; elmB = 0; } } elmR = Math.floor(elmR).toString(16); elmG = Math.floor(elmG).toString(16); elmB = Math.floor(elmB).toString(16); if (elmR.length == 1) elmR = "0" + elmR; if (elmG.length == 1) elmG = "0" + elmG; if (elmB.length == 1) elmB = "0" + elmB; elmH = elmH + rate; if (elmH >= 360) elmH = 0; return '#' + elmR + elmG + elmB; } //]]> </script>
      • Lalu terakhir kalinya klik save atau simpan
      • Lihat perubahan yang terjadi pada link url dalam blogspot tersebut sudah ada efek pelangi ketika kursor di arahkan kelink tersebut.
      Silahkan di coba Membuat efek pelangi pada link Url di blogspot agar blog terkesan cantik dan indah perhatikan perubahan nya.
      Read More

      Cara Mengetahui Blog nofollow dan Dofollow

      | |
      0 komentar
       Sahabat blogger,pernahkah berkomentar di blog orang lain dan meninggalkan link?
      Mungkin sering bukan? dan anda berharap link itu dikunjungi,selain itu juga anda berpikir anda akan mendapatkan 1 backlink gratis bukan?
       Sebenarnya apa yang anda lakukan itu baik dan benar,tapi anda harus tau,tidak semua blog yang anda tinggalkan komentar link itu adalah blog DOFOLLOW,dan banyak blogger menggunakan template blogger dengan Template follow,sebab itu anda tidak akan mendapatkan backlink gratis saat berkomentar dan meninggalkan link blog anda di link komentar.
       Jadi bagaimana cara mengetahui blog itu Follow atau Do Follow?
      Caranya silahkan gunakan Plugin yang nantinya terintal di blog anda,Silahkan Download Filenya
      Silahkan install,Dan re-star
      Setelah terinstal penggunaanya cukup mudah


      1. Anda cukup klik kanan pada mouse anda 
      2. Lalu akan ada pilihan nodofollow 
      3. Tekan pilihan nodofollow 
      4. Lalu akan muncul 2 warna , yaitu merah dan biru 
      5. Ingat bahwa yang merah menandakan bahwa link itu nofollow
      6. Dan yang biru menandakan link itu dofollow .

       Blog ini termasuk salah satu blog DoFOLLOW yang artinya setiap anda berkomentar,anda akan mendapatkan backlink gratis!!!

      Read More

      Cara membuat blog nofollow menjadi blog dofollow

      | |
      0 komentar

      Cara membuat blog nofollow menjadi blog dofollow Dalam blog dofollow member peluangpengunjung blog yang melakukan atau meninggalkan komentar di blog untuk mendapatkan backlink yang secara otomatis akan memperbanyak komentar di blog itu sendiri.tetapi itu semua masih tergantung pengunjung yang ramai setiap hari dan memberikan komentar di blog.
      Berikut ini langkah-langkah cara membuat blog dari nofollow ke blog dofollow  untuk di blogspot:

      • Langkah paling utama login ke blogger
      • Selanjutnya masuk Tab Rancangan dan pilih : Edit html
      • Jangan lupa centang expand template widget
      • Terus tekan control + F untuk memudahkan pencarian
      • Masukkan kode ini : <a expr:href=’data:comment.authorUrl’rel=’nofollow’><data:comment.author/></a> dalam kotak di paling bawah setelah menekan control + F
      Hapus kode yang berwana biru di atas agar menjadi : <a expr:href=’data:comment.authorUrl’><data:comment.author/></a>
      • Selanjutnya kembali cari kode ini : <a expr:href=’data:backlink.url’rel=’nofollow’><data:backlink.title/></a>
      Dan juga hapus kode yang berwarna biru,sehingga menjadi :  <a expr:href=’data:backlink.url’><data:backlink.title/></a>
      • Lalu klik Simpan atau Save
      Ini yang di rancang sedemikian sudah menjadi blog dofollow yang mudah-mudahan banyak komentar serta yang meninggalkan komentar mendapat backlink dari blog dofollow.
      Read More

      Cara Mudah Membuat Read more di Blogger dan Wordpress

      | |
      0 komentar

      Cara  membuat read more secara otomatis pada blogspot dan wordpressCara cepat membuat read more secara otomatis pada blogspot dan wordpress sangat mudah sekali,karena untuk mempercepat loading blog serta mempercatik blog agar tidak memanjang ke bawah sampai artikel habis ter load ketika membuka link utama domain blog serta dapat meningkatkan jumlah pageview padablog,system ini sangat di anjurkan sekali untuk menunjang SEO blog itu sendiri.
      Berikut langkah-langkah cara cepat membuat read more secara otomatis pada blogspot :
      1. Login ke  account blogger,selanjutnya masuk ke>tata letak dan pilih>edit
      html dan jangan lupa centang  “Expand Widget Template”.
      2. Cari kode berikut </head>
      Selanjutnya copy paste  kode di bawah ini tepat di bawah kode tersebut :

      <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://read-kabarsukses.googlecode.com/files/readmore.js' type='text/javascript'/>
      3. Selanjutnya cari  juga kode html berikut ini:
      <data:post.body/> atau <p><data:post.body/>

      Ganti kode tersebut di atas dengan kode di bawah ini:

      <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'>&#187;&#187;&#160;&#160;READMORE...</a></span>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

      Yang perlu di perhatikan adalah : Kode berikut yang dapat di gantisummary_noimg = 430; summary_img = 340 dan juga READMORE…
      -  Summary noimg 430 = tinggi artikel terpotong tanpa gambar
      -  Summar img 430 = tinggi artikel terpotong dengan gambar
      -  Readmore dapat di ganti dengan Baca Selengkapnya, full read ,selengkapnya di sini … dan lain sebagi nya
      4. Lalu klik Save Template
       Berikut langkah-langkah cara cepat membuat read more secara otomatis pada WordPress :
      1.  Login terlebih dahulu ke wp-admin
      2.  Selanjutnya masuk ke Theme Editor. Edit file index.php
      3.  Lalu cari code berikut ini :
      <div>
      <?php the_content(‘Read more…’); ?>
      4.  Jangan lupa ganti code di bawah ini
      <?php the_content(‘Read more…’); ?>
      dengan code ini:
      <?php the_excerpt(); ?>
      Read More

      Cara memasang widget Tukar Link

      | |
      1 komentar

      Berdasarkan pengalaman para blogger, memasang widget Tukar Link (link exchange) merupakan salah satu cara menjalin persahabatan dan tali silahturahmi sesama blogger, disamping membawa pengaruh terhadap naiknya page rank blog. Ada banyak cara untuk melakukan link exchange. Salah satunya dengan menggunakan jasa Mister Linky's Magical Widgets, yaitu website penyedia widget link exchange otomatis. Cara kerjanya cukup sederhana, dimana para blogger yang memasang widget ini di blog mereka dan ada blogger lain yang memasukkan link di dalam widget yang tersedia maka link blogger tersebut secara otomatis muncul di halaman blog. Lihat di sini untuk tukar link.
      Bagi anda yang ingin memasang tukar link otomatis Mister Linky's Magical Widgets di blog, berikut langkah-langkahnya:
      Mendaftar di Blenza Mister Linky's
      • Klik Register untuk membuat akun baru
      • Isi Form yang tersedia seperti:
           * User ID : (tulis Id baru anda)
           * Password : (tulis password anda)
           * Confirm Pasword : (tulis lagi password anda)
           * Name : (tulis nama anda)
           * E-mail Address : (tulis email anda)
           * Confirm E-mail : (tulis lagi email anda)
           * Blog Address : (tulis url blog anda)
      • Setelah di isi lengkap klik Register
      • Kemudian anda akan dikirim email
      • Silahkan login untuk membuka email anda
      • Copy kode konfirmasi yang diberikan lewat email
      • Klik link http://www.blenza.com/linkies/confirm.php yang terdapat di bawah kode konfirmasi
      • Masukkan User ID dan Password, dan klik Login
      • Masuk ke menu Wizard



      • Pilih salah satu dari msing-masing step
          * Step: 1 pilih “HTML Only
          * Step: 2 pilih widget Original Auto-Linkies (atau yang lain)
          * Step: 3 pilih Friday’s Feast
          * Beri tanda Centeng di kiri Remember these selections for next time
      • Klik Generate Code
      • Muncul Script yang diberikan Mister Linky's
      • Copy Script tersebut dan simpan pada notepad
      • Selesai langkah mendaftar di Blenza Mister Linky's


      Read More

      Kamis, 24 Mei 2012

      Cara Mudah Pasang Tombol Floating Media Sosial

      | |
      0 komentar
      Tips triks terbaru di » Blog SEO Test kali ini membahas » Media Sosial » Cara Mudah Pasang Tombol Floating Media Sosial, terbaik dlm ~ Jika anda ingin  memasangtombol floating media sosial di samping halaman posting blog sisi kiri / kanan dgncara praktis dan mudah tanpa harus utak-atik kode script / edit html template, hanya cukup menambahkan widget pada design page elements blog anda saja. Anda bisa mengatur tampilan warna background agar sesuai dgn tampilan blog, juga menampilkan di sisi kiri atau sisi kanan halaman blog. Bahkan, setelah memasang tombol floating berbagi ini kita bisa membuang semua tombol share media sosial lain yg memenuhi setiap halaman yg menggangu dan memperberat loading page, karena dgn membuat widget floating ini akan selalu mengikuti scrolling pengunjung halaman blog alias akan selalu terlihat sehingga bisa mengundang dan mempermudah mereka untuk kliktombol share floating seperti : Facebook Like, Google Plus, Twitter, Linkedin, Digg...dll.




      Ok silahkan login ke blog > Design  > Add widget > HTML-Javascript

      Copy dan paste kode di bawah ini di HTML-Javascript Widget anda.
      <style> #floatingbuttons { background: #aaa; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(1, #aaa)); background: -moz-linear-gradient(top, #f2f2f2, #aaa); border: 1px solid #808080; color: #fff; float: left; font-weight: normal; font-size: 13px; padding:0 0 3px 0; position: fixed; text-decoration: none; bottom:30%; left:0; z-index:10; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); } #floatingbuttons .floatbutton { float:left; clear:both; margin:5px 4px 0 4px; } .addbuttons { clear:both; color:#fff; font-size:9px; text-align:center; padding-top:3px; font-family:tahoma, verdana, helvetica, arial, sans-serif; font-weight:bold; line-height:1.4; } .addbuttons a { color:#fff; background:none; } .addbuttons a:hover { color:#fff; background:none; } .sharebuttons { font-size:8px; } </style> <div id='floatingbuttons' title="Share this post!">

      <div class='floatbutton' id='facebook'> Kode Tombol Like Facbook Anda</div>

      <div class='floatbutton' id='sharefb'> Kode Tombol Share FB Anda </div>

      <div class='floatbutton' id='twitter'> <a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="ID-Twitter">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script> </div>

      <div class='floatbutton' id='google+1'>
      <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
        {lang: 'id'}

      </script>
      <g:plusone size="tall"></g:plusone> </div>
      </div>


      Ganti huruf berwarna merah dgn ID anda dan kode media sosial anda.

      Ganti huruf berwarna hijau utk merubah posisi widget floating, contoh: left dgn right

      Jika anda ingin menyesuaikan warna tampilan background agar serasi dgn warna template blog, ganti angka / huruf yg berwarna biru dengan kode warna html.
      Senang sekali, saya bisa bantu anda dalam Cara Mudah Pasang Tombol Floating Media Sosial di samping halaman blog atau di sisi kiri dan sisi kanan halamanposting blog. Semoga berguna.
      Read More

      Rabu, 23 Mei 2012

      Cara Mudah Menambahkan Hedline News

      | |
      0 komentar

      Kali ini aku akan membahas tentang membuat headline news untuk blog. Sesuai namanya, widget headline news ini menampilkan judul serta link artikel-artikel terbaru dari blog kamu di bagian atas atau bawah blog kamu.
      Judul-judul artikel pada headline news tersebut bergerak, sehingga lebih menarik perhatian pembaca.

      Caranya:
      1. Masuk ke account Blogger kamu, pilih "Layout" - "Page Elements",
      2. Klik "Add a Gadget" dan pilih "HTML/JavaScript",
      3. Tidak usah diberi judul, kemudian copy-paste kode di bawah ini:
                 <script type="text/javascript">
                 var hn_url_blog = "http://BLOGKAMU.blogspot.com";
                 var hn_jumlah_post = 5;
                 var hn_warna_latar = "#EEEEEE";
                 var hn_warna_garis = "#000000";
                 var hn_posisi = "top";
                 var hn_tampilkan_judul = true;
                 var hn_backlink = true;
                 </script>
                 <script src="http://copycat91.googlecode.com/svn/trunk/headlinenews.js">
                 </script>
      1. Berikut adalah penjelasan tentang variabel-variabel di atas:
        • hn_url_blog adalah URL blog kamu (widget ini hanya untuk pengguna blogger).
        • hn_jumlah_post adalah jumlah judul artikel yang ingin kamu tampilkan pada headline news.
        • hn_warna_latar adalah kode warna untuk latar belakang headline news.
        • hn_warna_garis adalah kode warna untuk garis bingkai/borderheadline news.
        • hn_posisi menentukan posisi headline news kamu apakah di atas ("top") atau di bawah ("bottom"),
        • hn_tampilkan_judul bernilai true kalau kamu ingin menampilkan tulisan "Headline news of BLOGKAMU" di bagian kiri dan bernilaifalse jika tidak ingin menampilkannya,
        • hn_backlink bernilai true kalau kamu ingin menampilkan backlinkke blog ini dan false jika tidak.
      Selamat mencoba dan semoga bermanfaat! :)
      Read More

      Selasa, 22 Mei 2012

      Cara Membuat Blog Anti Copy Paste

      | |
      0 komentar
      Anti Klik Kanan Tanpa Message PESAN PERINGATAN JIKA KLIK KANAN

      Sebenarnya memasang cara inipun untuk menghindari blog agar tidak di kopas saya rasa percuma saja, toh banyak juga tutorial di INTERNET yang memberikan cara mengkopas blog yang tidak bisa di copas.

      SEBELUMNYA SAYA PERINGATKAN SAYA TIDAK TAU CARA MENGEMBALIKANYA

      Cara Membuat Blog Anti Copy Paste

      anti klik kanan Cara Membuat Blog Anti Copy Paste





    • 1. Menonaktifkan fungsi klik kanan biasa (jika kita memasang script ini di blog kita maka fungsi klik kanan pada komputer akan di nonaktifkan).


    • 2. Menonaktifkan fungsi klik kanan dengan pesan (jika kita memasang script ini diblog kita maka hasilnya akan sama seperti script nomer 1. Bedanya kita bisa menambahkan teks pesan).


    • 3. Menonaktifkan kilk kanan dengan ekstrim.( Ini adalah script yang berbahaya, akan ada pesan, jika anda klik kanan tiga kali maka windows tidak dapat di close, kita harus mematikan komputer agar windows dapat diclose).


    • jika anda tertarik untuk membuatnya silahkan klik tombol di bawah ini untuk menginstalnya ke blog anda:
    • 1. Menonaktifkan fungsi klik kanan biasa





    • 2. Menonaktifkan fungsi klik kanan dengan pesan





    • 3. Menonaktifkan kilk kanan dengan ekstrim.



    • jika sudah terinstal sekarang coba copy blog anda dan klik mous kanan, sekarang blog anda aman dari copy paste.
      Read More

      Cara Memasang Animasi di Blog

      | |
      0 komentar
      Cara Memasang Animasi di Blog - Ada beberapa widget yang biasa di pasang sebagai hiasan diblog, ada yang memasang kalender, ada yang memasang lagu di blog, memasang animasi di blog dan masih banyak lagi. Namun kali ini, kita khusus membahas cara memasang widget animasi di blog.

      Widget ini bisa sobat tempatkan dimana saja tapi umumnya di letakkan di sudut blog seperti kanan atas, kanan bawah, kiri atas dan kiri bawah blog. Di bawah ini telah di sediakan beberapa animasi yang bisa sobat gunakan dengan menkopi scriptnya dan di masukkan di HTML/Javascript di blog sobat. Bila tertarik dan di rasa berguna, silahkan di gunakan.

      Cara Memasang Animasi di Blog

      1.Tuyul ketawa


      Script:

      <div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" alt="animasi blog" /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      2. Tuyul baring


      Script :

      <div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      3. Helikopter


      Script :

      <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      4.Gajah loncat


      Script:

      <div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      5. Boring


      Script :

      <div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif"alt="animasi blog"  /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      6.Boneka joget


      Script :

      <div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" alt="animasi blog" /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      7. Panda main bola


      Script :

      <div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" alt="animasi blog" /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      8. Panda biru



      Script

      <div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
      <small><center><a href="
      http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      9.Pinguin


      Script :

      <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      10. Panah


      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      11.Dragon


      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      12.Kucing tidur


      Script :

      <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      13. Bunga


      Script :

      <div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      14.Anjing laut


      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      15.Lumba-lumba


      Script :

      <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      16.Kelinci


      Script :

      <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      17.Ikan


      Script :

      <div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      18. Pintu


      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203D1.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>



      19.Berteriak


      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020309.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      20.Terkurung



      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002020A.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      21.Sincelery



      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000201C3.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      22.Menangis


      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020461.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>



      23.Champion Ship


      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002068C.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      24. Sundul Bola



      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203CF.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      25. Lebah



      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002048F.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>



      26. Kipas Angin



      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203E0.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      27. Telur Ayam Menetas



      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020540.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>

      28.Ayam Bertelur



      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      27. Beruang Memancing Sambil Tidur



      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020486.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      28.Kiper Gawang



      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020686.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>

      28.Kunai Strike



      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://images3.wikia.nocookie.net/__cb20100917082342/streetfighter/images/9/92/Kunai.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>

      29.Gundam lari




      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/11-1.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>

      30.Tendangan Gundam



      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:140px;height:190px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/13-1.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>

      31.Gundam Fight




      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/very_cool_fight_eypon_death.gif" title="Click to get more." /><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>

      32.Gundam Storm




      Script:

      <div style="position: fixed; bottom: 0px; left: 10px;width:300px;height:545px;"><a href="http://christiantatelu.blogspot.com" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/godvsmaxterextremeworkout.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>

      33.Burung Terbang



      Script:

      <div style="position: fixed; top: 0px; left: 10px;width:225px;height:160px;"><a href="http://christiantatelu.blogspot.com" target="_blank"><img alt="animasi blog" src="http://i567.photobucket.com/albums/ss114/fatiasa/bird_ann.gif" title="Click to get more." /></a></div>

      34. Cewek Bergoyang


      Script :

      <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.javapic.com/images/97750430929323597589.gif" target="_blank"><img alt="animasi blog" src="http://www.javapic.com/images/97750430929323597589.gif" title="Click to get more." /></a><small><center><a href=" http://budihermanto123.blogspot.com/ " target="_blank">Animasi Blog</a></center></small></div>


      Cara Pemasangan :

      1. Log in ke akun blog sobat.
      2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> HTML Javascript.
      3. Masukkan script ke dalam kotak yang di sediakan.
      4. Kemudian klik save. 

      Tambahan :

      • Untuk mengubah posisi animasi dari kanan ke kiri, tinggal mengubah kode right denganleft. begitu juga sebaliknya.
      • Untuk mengubah posisi animasi dari bawah ke atas, sobat tinggal merubah kode bottomdengan kode Top
      Read More
      Blog Indonesia. Diberdayakan oleh Blogger.