KLIK IKLAN DEMI KEPENTINGAN BERSAMA
Powered by Blogger.
Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

Download Template Robotic Notes Blog

Berikut Robotic Notes adalah blogger premium gratis template dengan 2 kolom, sidebar kanan, tampak segar, sudut dibulatkan, desain eksklusif untuk Blogger, kolom footer, ikon bookmark sosial, posting thumbnail, menu drop-down, posting terkait, pola latar belakang, posting terkait dukungan dan baik diformat komentar threaded.

Tata letak yang sangat baik untuk blog tentang anime, komputer, hiburan, games, internet, anak-anak atau ilmu pengetahuan.


Bagi anda yang berminat, berikut Link Downloadnya :




Screenshoot
Header
Footer
Font

Blockquote Paragraf



Janualdi

Download Template Westen Blog

Selamat Malam sobat blogger,
Nah udah lama nih saya belum posting tentang Template Blogger yang keren-keren. Ya

Template Westen ini merupakan template blogger gratis yang diadaptasi dari WordPress dengan 2 kolom, sidebar kanan, juga tempat iklan tersedia, slideshow, ikon bookmark sosial, posting thumbnail, pola latar belakang dan gaya vintage.
Tata letak yang sangat baik untuk blog tentang kerajinan atau fashion.





 Screenshoot





Cara Membuat Blockquote dengan Scroll di Blog

  • Pertama, login dulu dengan account blogger yang Anda.
  • Kedua, pilih salah satu blog yang Anda punya (jika punya lebih dari satu domain).
  • Ketiga, masuk ke tab Template -> Edit HTML
  • Kemudian cari kode ini ]]></b:skin> setelah ketemu copy code dibawah ini lalu letakkan tepat diatas kode ]]></b:skin>
.post blockquote{max-height:250px; overflow:auto;background:#f0f0f0; font-style:italic; border:1px solid #ccc; margin:10px; padding:10px 10px 10px 20px}
  • Setelah itu, klik Simpan Template.
    Lihat hasilnya :)

 Note:
 Nah, jika anda ingin mengblockquote suatu artikel postingan anda. Seperti pada contoh di atas. Cukup menambahkan <blockquote> di awal kalimat yang ingin diblockquote dan diakhirnya tambahkan </blockquote> . Tetapi sebelum itu, pada pembuatan entri, pilih HTML yg ada di samping Compose. Seperti gambar di bawah Ini.
Dan





Template Blueray Blog

Assalamualaikum Wr. Wb. , Sahabat blogger yang saya dukung dan saya dambakan. Kali ini saya akan memberikan anda Template Blogger yang keren seperti template yang saya punya ini. Jika anda berminat, Download Templatenya di bawah ini :


Semoga template saya sebarkan, dapat berguna bagi kalian. "Terima Kasih"

Cara Download :
- Klik link downloadnya(seperti link yang di atas).
- Lalu akan muncul tab baru.
- Kemudian klik "Instal dan Download".
- Selesai

Cara Mengganti Favicon Blog with HTML

       Sobat saya bagi-bagi lagi nih, yaitu cara mengganti favicon menggunakan HTML. Maksudnya gini, anda biasa mengganti Favicon anda dengan cara yang ada di Tata Letak, tapi yang jika anda mengganti favicon anda dengan yang di Tata Letak terkandang Favicon anda lama berubah. Nah, makanya saya menggunakan ini melalui Edit HTML yang ada di Blogger Template. Di jamin favicon anda langsung terganti dengan cara berikut ini :
  • Pertama Login dulu Blogger
  • Buka Blogger: Template --> Edit HTML
  • Cari code </head>
  • Masukkan code berikut di atas code </head> :
    <!-- iconj.com favicon code -->
    <link rel="shortcut icon" href="http://www.iconj.com/icon.php?pid=tw766ewua9" type="image/x-icon" />
    <!-- end of iconj.com favicon code -->
  • Simpan Template anda.
Catatan : Untuk Code yang berwarna Biru = "Ganti dengan URL icon anda"
Untuk icon - icon nanti saya akan update dengan Icon karakter huruf.
Simple kan, Semoga hasilnya sukses..

Cara Membuat Scroll Bar pada Posting Blog

"Cara Membuat Scroll Bar pada Posting Blog"
Pertama saya ingin kasih tahu apa gunanya Scroll Bar itu, Nah sobat blogger Scroll Bar itu berfungsi untuk menempatkan Tulisan yang banyak misalnya seperti code script html atau pun gambar-gambar yang anda share. Kalau pengen lihat contohnya sepeti di bawah ini sobat :


Nah seperti itu contohnya, gimana pingin coba!!
Berikut Cara - caranya :
  • Cuman Copy code berikut :
    <div style="overflow:auto;width:450px;height:200px;padding:10px;border:1px solid #eee">

    Isi Teks Anda di sini / apapun yang anda ingin taruh di sini.

    </div>
  •  Lalu masukkan diposting anda, pada saat anda membuat entri. Masukkan di HTML bukan di Compose .
  • Selesai.

Memasangkan Emoticon di Kotak Komentar Blog

Emoticon, mungkin inilah yang sering terdengar di telinga kita ketika kita sedang melakukan kegiatan chatting untuk mengungkapkan ekspresi emosi kita terhadap lawan chatting kita.

Emoticon bisa dipasang dikomentar blog dengan cara menambahkan beberapa kode saja pada template kita dan walla emoticon pun sudah bisa kita nikmati keberadaannya di blog kita. Emoticon ini bermanfaat bagi pengunjung yang ingin berkomentar dan ingin mengekspresikan emosinya pada tulisan komentar-nya. Tentunya dengan kita memfasilitasi kotak komentar blog kita dengan emoticon, maka kita akan mengetahui ekspresi pengunjung kita setelah membaca artikel kita.
Berikut ini contoh emoticon-nya.

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Nah bagaimana apakah sobat juga mau memasang-nya di bog sobat? Jika ya, silahkan ikuti langkah-langkah  Memasang Emoticon Di Kotak Komentar Blogger berikut ini.

  • Log in ke blogger dengan akun yang anda miliki.
  • Klik rancangan » edit HTML » centang kotak Expand Template Widget. Bagi yang menggunakan tampilan blogger yang baru, klik template » edit HTML » centang kotak Expand Template Widget.
  • Cari dengan menggunakan control+f kode </body> dan kalau sudah ketemu, pastekan kode di bawah ini tepat di atasnya.
    <script src='http://colorfullink.googlecode.com/files/smiley_comment.js' type='text/javascript'/></script>
  • Cari kode <p class='comment-footer'> dan kalau terdapat dua kode yang sama pilihlah kode yang pertama, dan letakkan kode di bawah ini tepat dibawahnya.
    <div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: #ffffff; border: 1px solid #cccccc; padding: 5px; text-align: left;">
    <b>
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width="18" /> :))
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" width="18" /> ;))
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width="18" /> ;;)
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width="18" /> :D
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width="18" /> ;)
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width="18" /> :p
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width="22" /> :((
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width="18" /> :)
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width="18" /> :(
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width="18" /> :X
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width="18" /> =((
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width="18" /> :-o
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width="20" /> :-/
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width="18" /> :-*
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width="18" /> :|
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif" width="24" /> 8-}
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif" width="31" /> :)]
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" width="44" /> ~x(
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif" width="30" /> :-t
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" width="18" /> b-(
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" width="18" /> :-L
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width="34" /> x(
    <img border="0" height="18" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width="30" /> =))
    </b>
    </div>
  • Save template anda.
Semoga bermanfaat bagi anda.

Download Template Transparan One

Gan sikat ni template transparan ini. yang terlihat pada gambar di atas. Silahkan download link di bawah ini :


Maaf sebelumnya, Saya hanya bisa kasih demo berupa gambar, tapi mudah-mudahan anda suka ini template.
Berkomentar Gan!!

Download Template Simples


Seperti pada gambar di atas, kita sudah lihat betapa simplenya ini template jika anda suka dilahkan download :


Template Naruto and Sasuke Blog

Template Blogger Naruto and Sasuke,mungkin terdengar aneh.tpi karena aneh itulah,menjadi unik.ini karena banyak dari teman saya yang request template anime,akhirnya kepikiran buat template ini.
design'a menggunakan css3 pada seluruh bagian template ini.

Screenshot Template :

Jika suka ada Link download di bawah ini :

Download Template Darkpress

Bro gw lagi bagi ini template keren dan simple, mudah-mudahan anda semua suka ini template.


Cara Membuat kotak centang pada Blog

Sob kali ini saya akan memberitahukan cara membuat kotak centang pada saat anda mengposting sesuatu,, Anda bisa menggunakan seperti pada kotak centang di samping ini. Caranya gampang kok. Tinggal anda Copy Code Berikut :
<input type="checkbox">

Nah, Terserah dehh anda mau taruh di mana. Tapi jika anda mau taruhnya di posting anda, tinggal ikut langkah berikut :
  • Kalo anda sedang membuat posting,, Klik HTML yang ada di samping Compose. Lalu masukkan deh code yang tadi.
Gimana gampangkan,, semoga posting ini berguna buat anda semua.. "Thank You"

Cara Membuat Cursor tetap apabila berada ditext Blog

 Asik nih sambil tunggu buka, mending share Tips Tutorial blog. Kali ini teman, Saya akan memberitahukan info dikit ni tentang Cara Membuat Cursor tetap apabila berada ditext Blog. Langsung aja gan gw kasih tau caranya, Nanti anda bisa lihat hasilnya.
Berikut Langkahnya :
  • Jangan Lupa Login dulu di Blogger anda.
  • Kemudian buka Tata Letak --> Tambahkan Gadget. (Terserah Mau ditaruh mana saja)
  • Lalu muncul Kotak, pilih HTML/JavaScript.
  • Masukkan Kode Berikut :
    <style type="text/css">
    body {cursor:default;}
    </style>
  • Simpan Gadgetnya gan.
Gimana gan Simplekan,, Mudah-mudahan berguna bagi anda. "Terima Kasih"

Cara Membuat Widget Flash Message pada Blog

Sob, kali ini saya akan mempercantik lagi blog anda dengan menambahkan Widget Flash Message di blog anda, Seperti pada gambar di bawah ini.


Nah, kalo anda berminat ikutin langkah berikut ini.
  • Login dulu di blogger anda.
  • Lalu buka Tata Letak --> Tambahkan Gadget (Terserah mau di tarus di mana saja)
  • Akan muncul Kotak, Pilih HTML/JavaScript. 
  • Masukkan kode Berikut :
    <div><script src="http://www.widgeo.net/message.php?msg=Your message here &adult=adult&cat=art&big=big&cl=sunrise"></script><br>
    <noscript><a href="http://www.widgeo.net">widgeo.net</a></noscript>
    <a href="http://www.widgeo.net"><img alt="widgeo.net" border="0" src="http://www.widgeo.net/img/logopm.png"></a></div>
  • Kode Warna Orange = Ganti dengan Teks anda.
    Kode Warna Biru = Itu adalah kode warna, berikut kode warnanya :
    Multi Colour      : "rainbow"
    Multi Colour 2   : "rainbow2"
    Multi Colour 3   : "rainbow3"
    Red White Blue : "redwhiteblue"
    Red                     : "red"
    Blue                    : "blue"
    Light Blue          : "lightblue"
    Cyan                   : "aqua"
    Pink                    : "pink"
    Yellow                : "yellow"
    Yellow Orange   : "sunrise"
    Light Yellow      : "lightyellow"
    Orange               : "orange"
    Purple                 : "purple
    Green                 : "green"
    Gray                   : "gray"
    White                 : "white"
  • Simpan Template

Kode - Kode Warna

Berikut kode-kode warna html, Semoga bermanfaat.. :)

 

Cara Meningkatkan Pagerank Link

Asalamualaikum Wr. Wb. 
Saya posting beginian karena saya lagi butuh page rank hehe, sobat hanya tinggal copy paste link yang berada di bawah ini,,

dengan syarat sobat harus menghapus link pada peringkat 1 dari daftar,,

Kemudian pindahkan yang tadinya nomor 2 menjadi nomor 1, nomor 3 menjadi nomor 2, nomor 4 menjadi nomor 3, dst. Kemudian masukan link blog teman-teman sendiri pada urutan paling bawah ( nomor 10).. Posting di Blog teman-teman Dan yang penting juga silahkan ajak teman2 blogger yang lain untuk mengikuti ini serta sebarkan cara ini ke semua teman yang punya blog, baik blog versi Blogspot, Wordpress, mywapblog Dll.




1.     Friendster.com
2.     Google.com
3.     Bisnis Online
5.     Softare Asli
6.     Lirik Music Indo
7.     Klik Munadi
8.     Tips and Tutorials

Keterangan:

Jika sobat mampu mengajak lima orang saja untuk mengcopy artikel di posting blog teman-teman,, maka jumlah backlink yang akan didapat adalah sebagai berikut:


• Posisi 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 nama dari alamat blog dapat dimasukan kata kunci yang teman-teman inginkan,

yang juga bisa menarik perhatian untuk segera diklik.

Dari sisi SEO teman-teman sudah mendapatkan 1,953,125 backlink gratis! dan efeknya adalah meningkatnya Trafik blog kita serta Solusi Meningkatnya Pagerank Link Blog kita!

jika pengunjung downline mengklik link teman-teman maka teman-teman juga mendapat traffik tambahan..


Cara Membuat Efek Mouse pada saat digerakkan

Kali ini saya akan mempercanti sedikit blog anda dengan sedikit efek - efek pada saat mouse digerakkan. Contohnya seperti pada gambar di atas.. Bagaimana mau coba, ikuti langkah - langkah berikut :
  • Pertama Login dulu di Blogger anda.
  • Buka Tata Letak --> Tambahkan Gadget.
  • Lalu akan muncul kotak, pilih HTML/JavaScript
  • Masukkan Code Berikut ini :

    <script>
       // <![CDATA[
                var colour="white";
                var sparkles=100;
        
                var x=ox=400;
                var y=oy=300;
                var swide=800;
                var shigh=600;
                var sleft=sdown=0;
                var tiny=new Array();
                var star=new Array();
                var starv=new Array();
                var starx=new Array();
                var stary=new Array();
                var tinyx=new Array();
                var tinyy=new Array();
                var tinyv=new Array();
                window.onload=function() { if (document.getElementById) {
                  var i, rats, rlef, rdow;
                  for (var i=0; i<sparkles; i++) {
                    var rats=createDiv(3, 3);
                    rats.style.visibility="hidden";
                    document.body.appendChild(tiny[i]=rats);
                    starv[i]=0;
                    tinyv[i]=0;
                    var rats=createDiv(5, 5);
                    rats.style.backgroundColor="transparent";
                    rats.style.visibility="hidden";
                    var rlef=createDiv(1, 5);
                    var rdow=createDiv(5, 1);
                    rats.appendChild(rlef);
                    rats.appendChild(rdow);
                    rlef.style.top="3px";
                    rlef.style.left="0px";
                    rdow.style.top="0px";
                    rdow.style.left="3px";
                    document.body.appendChild(star[i]=rats);
                  }
                  set_width();
                  sparkle();
                }}
                function sparkle() {
                  var c;
                  if (x!=ox || y!=oy) {
                    ox=x;
                    oy=y;
                    for (c=0; c<sparkles; c++) if (!starv[c]) {
                      star[c].style.left=(starx[c]=x)+"px";
                      star[c].style.top=(stary[c]=y)+"px";
                      star[c].style.clip="rect(0px, 5px, 5px, 0px)";
                      star[c].style.visibility="visible";
                      starv[c]=50;
                      break;
                    }
                  }
                  for (c=0; c<sparkles; c++) {
                    if (starv[c]) update_star(c);
                    if (tinyv[c]) update_tiny(c);
                  }
                  setTimeout("sparkle()", 40);
                }
                function update_star(i) {
                  if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
                  if (starv[i]) {
                    stary[i]+=1+Math.random()*3;
                    if (stary[i]<shigh+sdown) {
                      star[i].style.top=stary[i]+"px";
                      starx[i]+=(i%5-2)/5;
                      star[i].style.left=starx[i]+"px";
                    }
                    else {
                      star[i].style.visibility="hidden";
                      starv[i]=0;
                      return;
                    }
                  }
                  else {
                    tinyv[i]=50;
                    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
                    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
                    tiny[i].style.width="2px";
                    tiny[i].style.height="2px";
                    star[i].style.visibility="hidden";
                    tiny[i].style.visibility="visible"
                  }
                }
                function update_tiny(i) {
                  if (--tinyv[i]==25) {
                    tiny[i].style.width="1px";
                    tiny[i].style.height="1px";
                  }
                  if (tinyv[i]) {
                    tinyy[i]+=1+Math.random()*3;
                    if (tinyy[i]<shigh+sdown) {
                      tiny[i].style.top=tinyy[i]+"px";
                      tinyx[i]+=(i%5-2)/5;
                      tiny[i].style.left=tinyx[i]+"px";
                    }
                    else {
                      tiny[i].style.visibility="hidden";
                      tinyv[i]=0;
                      return;
                    }
                  }
                  else tiny[i].style.visibility="hidden";
                }
                document.onmousemove=mouse;
                function mouse(e) {
                  set_scroll();
                  y=(e)?e.pageY:event.y+sdown;
                  x=(e)?e.pageX:event.x+sleft;
                }
                function set_scroll() {
                  if (typeof(self.pageYOffset)=="number") {
                    sdown=self.pageYOffset;
                    sleft=self.pageXOffset;
                  }
                  else if (document.body.scrollTop || document.body.scrollLeft) {
                    sdown=document.body.scrollTop;
                    sleft=document.body.scrollLeft;
                  }
                  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
                    sleft=document.documentElement.scrollLeft;
                 sdown=document.documentElement.scrollTop;
                  }
                  else {
                    sdown=0;
                    sleft=0;
                  }
                }
                window.onresize=set_width;
                function set_width() {
                  if (typeof(self.innerWidth)=="number") {
                    swide=self.innerWidth;
                    shigh=self.innerHeight;
                  }
                  else if (document.documentElement && document.documentElement.clientWidth) {
                    swide=document.documentElement.clientWidth;
                    shigh=document.documentElement.clientHeight;
                  }
                  else if (document.body.clientWidth) {
                    swide=document.body.clientWidth;
                    shigh=document.body.clientHeight;
                  }
                }
                function createDiv(height, width) {
                  var div=document.createElement("div");
                  div.style.position="absolute";
                  div.style.height=height+"px";
                  div.style.width=width+"px";
                  div.style.overflow="hidden";
                  div.style.backgroundColor=colour;
                  return (div);
                }
                // ]]></script>

    NB : Code yang berwarna Biru bisa diganti dengan warna pilihan anda.
    Maaf yaa panjang banget,, Tapi ini ringan, tidak memperberat blog anda..
  • Simpan Gadgetnya.. 
Semoga ini bermanfaat bagi anda. Jangan lupa beri Komentarnya. (y)