Warung Bebas

Senin, 30 April 2012

Cara Membuat Dan Memasang Auto Scroll Di Blog

 Cara Membuat Dan Memasang Auto Scroll Di Blog - Kali ini saya akan share artikel ringan tentang Cara Membuat Dan Memasang Auto Scroll Di Blog, Fungsi atau gunanya Auto Scroll adalah untuk memudahkan kita apabila ada kode atau tulisan yang sangat panjang agar tidak memakan terlalu banyak tempat di blog.

AUTO SCROLL

 Cara Membuat Dan Memasang Auto Scroll Di Blog sangatlah mudah sekali, hampir sama seperti kita menulis di posting blog. Auto scroll ini bisa di pasang pada Sidebar maupun di postingan blog. Tapi jangan lupa sobat tulis atau taruh kode Auto scroll di bawah ini pada mode >> "Edit HTML".

 Berikut kode Auto scrollnya:


<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'>

Taruh apa saja yang ingin sobat scroll di sini.

</div>


Keterangan:
  • height:200px; = Adalah ukuran lebar ke bawah pada kotak Auto Scroll, Silahkan sobat ganti nilainya sesuai dengan keinginan sobat.
  • border:1px = Adalah ukuran Tebal Garis tepi kotak Auto Scroll, Silahkan sobat ganti nilainya sesuai dengan keinginan sobat.
  • #000000 = Adalah Kode warna Hitam untuk garis tepi kotak Auto Scroll, Silahkan sobat ganti kode warnanya sesuai dengan keinginan sobat.

 Semoga artikel ringan tentang Cara Membuat Dan Memasang Auto Scroll Di Blog, Sangat bermanfaat buat sobat KUCOPAS semua.


Cara Membuat Menu Slide Melayang di Pinggir Blog

  Cara Membuat Menu Slide Melayang di Pinggir Blog - Pada posting sebelumnya saya share artikel tentang Cara Menu Drop Down Horisontal Melayang Di Blog, Dan kali ini saya akan berbagi lagi trik tentang Cara Membuat Menu Slide Melayang di pinggir blog.

 Fungsi Menu Slide Melayang di Pinggir Blog ini bisa sangat simpel dan mempercantik untuk blog sobat, karena menu ini cuma kelihatan judul menunya saja. Namun bila mouse diarahkan pada menu ini maka akan terjadi open slide dan akan memperlihatkan semu menu yang ada di dalamnya.

 Oke kita langsung saja ke intinya saja, Bagi sobat yang ingin tahu tentang Cara Membuat Menu Slide Melayang di pinggir blog, Silahkan sobat ikuti panduan dan langkah-langkahnya dibawah ini:

1. Silahkan >> "Login/Masuk" >> ke Blog sobat.

2.  Pilih >> "Rancangan" atau pilih >> "menu Template" pada Tampilan baru Blogger, Kemudian pilih >> "Lanjutkan" pilih >> "Edit HTML".

3. Back up template , untuk antisipasi kalau gagal saat Edit Template.

4. Jangan lupa sobat Centang >> "Expand Template Widget".

5. Langkah selanjutnya sobat cari kode </head>
Gunakan CTRL+F untuk mempermudah pencarian.

6. Kemudian Taruh semua kode script dibawah ini, tepat diatas atau sebelum kode </head>


    <script src='http://elmubarok.googlecode.com/files/floating1.js' type='text/javascript'/>

    <script>

    YOffset=150;

    XOffset=0;

    staticYOffset=30;

    slideSpeed=20

    waitTime=100;

    menuBGColor=&quot;red&quot;;

    menuIsStatic=&quot;yes&quot;;

    menuWidth=120;

    menuCols=3;

    hdrFontFamily=&quot;verdana&quot;;

    hdrFontSize=&quot;2&quot;;

    hdrFontColor=&quot;black&quot;;

    hdrBGColor=&quot;#FF0000&quot;;

    hdrAlign=&quot;left&quot;;

    hdrVAlign=&quot;center&quot;;

    hdrHeight=&quot;15&quot;;

    linkFontFamily=&quot;Verdana&quot;;

    linkFontSize=&quot;2&quot;;

    linkBGColor=&quot;white&quot;;

    linkOverBGColor=&quot;#FFFF99&quot;;

    linkTarget=&quot;_top&quot;;

    linkAlign=&quot;Left&quot;;

    barBGColor=&quot;red&quot;;

    barFontFamily=&quot;Verdana&quot;;

    barFontSize=&quot;2&quot;;

    barFontColor=&quot;white&quot;;

    barVAlign=&quot;center&quot;;

    barWidth=20; // no quotes!!

    barText=&quot;MENU&quot;;

    // ----- Mulai Edit Menu

    ssmItems[0]=[&quot;OPTION :&quot;] //Header Menu

    ssmItems[1]=[&quot; Home&quot;, &quot;/&quot;, &quot;&quot;]

    ssmItems[2]=[&quot; About Me&quot;, &quot;http://kuc0pas.blogspot.com/&quot;,&quot;&quot;]

    ssmItems[3]=[&quot; Tutorial Blog&quot;, &quot;http://kuc0pas.blogspot.com/&quot;,&quot;&quot;]

    ssmItems[4]=[&quot; Tips Blog&quot;, &quot;http://kuc0pas.blogspot.com/&quot;,&quot;&quot;]

    ssmItems[5]=[&quot; Buku Tamu&quot;, &quot;http://kuc0pas.blogspot.com/&quot;, &quot;_new&quot;]

    ssmItems[6]=[&quot; Trik Facebook&quot;, &quot;http://kuc0pas.blogspot.com/&quot;, &quot;&quot;]

    ssmItems[7]=[&quot; Sport&quot;, &quot;http://kuc0pas.blogspot.com/&quot;, &quot;&quot;]

    buildMenu();

    //----- Selesai Edit Menu

    </script>


7. Silahkan sobat klik >> "Pratinjau" (Preview), jika hasilnya sudah seperti yang sobat inginkan, kemudian klik "Simpan" dan lihat hasilnya.

Keterangan:
  • Warna BIRU ganti dengan Judul Menu sobat.
  • Warna MERAH ganti dengan URL link sobat.
 Semoga tutorial tentang Cara Membuat Menu Slide Melayang di Pinggir Blog, Sangat bermanfaat untuk sobat KUCOPAS semua.


Cara Membuat Menu Drop Down Horisontal Melayang Di Blog

  Cara Membuat Menu Drop Down Horisontal Melayang Di Blog - Kali ini saya akan share artikel tentang Cara membuat Menu di Blog, Namun menu yang akan saya kasih triknya ini sangat mudah untuk membuat dan memasangnya di blog, karena sobat tidak akan menggunakan Edit Template, cukup hanya dipasang pada Tata Letak Atau Rancangan Blog saja, Menu yang saya maksud adalah Menu Drop Down Horisontal Melayang Di Blog.

 Untuk Cara Membuat Menu Drop Down Horisontal Melayang di Blog, Silahkan sobat ikuti langkah-langkahnya sebagai berikut:
1. Silahkan >> "Login/Masuk" ke akun blog sobat.

2. Kemudian pilih >> "Rancangan" atau "Tata Letak" >> "Tambah gadget", Lalu pilih >> "HTML/ java script".

3. Langkah selanjutnya silahkan sobat masukkan semua kode script berikut di bawah ini:


<style type="text/css">

#kucopas ul li a {position: relative;float: bottom;display: block;width: AUTO;height: 15px;padding: 5px 0 0 0;margin-right: 5px;text-align: center;font-size: 15px;text-decoration: none;color:transparant;font-weight: bold;outline: none;}#kucopas li .current{color: transparant;}#kucopas li a:hover, #kucopas li a:active {background: #4B0082;background: -webkit-gradient(linear, left top, left bottom, from(#4B0082), to(#FF0000)); background: -moz-linear-gradient(top,#4B0082, #FF0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#FF0000'); -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#FF0000'); display: inline-block;zoom: 1; *display: inline;border: dotted 1px #555555;padding: 3px 5px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 1px 0px rgba(1,0,0,.1); -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1); box-shadow: 0 1px 0px rgba(0,0,0,.1); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);}color: #ffffff;margin: 0;font-size:18px;padding: 9px 15px 8px;text-decoration: none;}#kucopas {width: auto;float: left;margin: 0;padding: 0;}#kucopas {margin: 0;padding: 0;}#kucopas ul {float: left;list-style: none;margin: 0;padding: 0;}#kucopas li {list-style: none;margin: 0;padding: 0;}#kucopas li a, #kucopas li a:link, #kucopas li a:visited {color: #ffffff;display: block;text-transform: capitalize;margin: 0;padding: 9px 15px 8px;font: Bold 15px Georgia, Arial;}#kucopas li a:hover, #kucopas li a:active {background:transparant;color: #ffffff;margin: 0;font-size:20px;padding: 9px 15px 8px;text-decoration: none;}#kucopas li li a, #kucopas li li a:link, #kucopas li li a:visited {background: #00FFFF;background: -webkit-gradient(linear, left top, left bottom, from(#00FFFF), to(#000000)); background: -moz-linear-gradient(top,#00FFFF, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#000000'); -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#000000'); width: 250px;color: #E6E6FA;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border-style: outset;-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);float: none;margin: 0;padding: 7px 10px;border-bottom: transparant;border-left: transparant;border-right: transparant;font: bold 14px kristen itc, Arial;}#kucopas li li a:hover, #kucopas li li a:active {background: #FF0000;background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#00FF00)); background: -moz-linear-gradient(top,#FF0000, #00FF00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#00FF00'); -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#00FF00'); color: #ffffff;font-size:20px;font-family:kristen itc;text-align: center;padding: 7px 10px;}#kucopas li {float: left;padding: 0;}#kucopas li ul {z-index: 9999;position: absolute;left: -999em;height: 20px;width: 170px;margin: 0;padding: 0;}#kucopas li ul a {width: 140px;}#kucopas li ul ul {margin: -32px 0 0 171px;}#kucopas li:hover ul ul, #kucopas li:hover ul ul ul, #kucopas li.sfhover ul ul, #kucopas  li.sfhover ul ul ul {left: -999em;}#kucopas  li:hover ul, #kucopas  li li:hover ul, #kucopas  li li li:hover ul, #kucopas  li.sfhover ul, #kucopas  li li.sfhover ul, #kucopas  li li li.sfhover ul {left: auto;}#kucopas  li:hover, #kucopas  li.sfhover {position: static;}#footer-column-divide {clear:both;}#kucopas{font-family:Comic Sans Ms;background:#000  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvMaDN1P0GmkH-Gqbr1BRw2tEqdTcVpjyZezw8RKH39OYhOXPPujRYJYyut5mJFQHXT7gqlx7QEhaWDnPz68rNYhAmZnwFvH1Rcccfd6JaTQ9jX_v5RrNxfGTApsbDWhjJ1-dVpbjkbIKp/)repeat-x;(0,0,0, 0.80);border:1px solid #C0C0C0;padding:2px 0;z-index:999;top:0px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;}

</style>

<div id='kucopas'>

<ul id='kucopas'>

<li><a href='http://kuc0pas.blogspot.com/'>Home</a></li>

<li><a href='Ganti link sobat' target='_blank'>Daftar Isi</a></li>

<li><a href='http://kuc0pas.blogspot.com/' target='_blank'>Download</a>

<ul class='children'>

<li><a href='Ganti link sobat' target='_blank'>Download Aplikasi</a></li>

<li><a href='Ganti link sobat' target='_blank'>Download Game</a></li>

<li><a href='Ganti link sobat' target='_blank'>Download Icon</a></li>

<li><a href='Ganti link sobat' target='_blank'>Download MP3</a></li>

<li><a href='Ganti link sobat' target='_blank'>Download Software</a></li>

<li><a href='Ganti link sobat' target='_blank'>Download Template</a></li>

</ul>

</li>

<li><a href='http://kuc0pas.blogspot.com/' target='_blank'>VIDEO</a>

<ul class='children'>

<li><a href='Ganti link sobat' target='_blank'>VIDEO FILM</a></li>

<li><a href='Ganti link sobat' target='_blank'>VIDEO ORKES</a></li>

<li><a href='Ganti link sobat' target='_blank'>VIDEO LAGU</a></li>

</ul>

</li>

<li><a href='Ganti link sobat' target='_blank'>Tips And Triks</a>

<ul class='children'>

<li><a href='Ganti link sobat' target='_blank'>Tips Blogger</a></li>

<li><a href='Ganti link sobat' target='_blank'>Trik Facebook</a></li>

<li><a href='Ganti link sobat' target='_blank'>Trik Handpone</a></li>

<li><a href='Ganti link sobat' target='_blank'>Pernak-pernik Blog</a></li>

</ul>

</li>

<li><a href='http://kuc0pas.blogspot.com/'>Tutorial Blog</a>

<ul class='children' target='_blank'>

<li><a href='Ganti link sobat' target='_blank'>Tutorial Blogger</a></li>

<li><a href='Ganti link sobat' target='_blank'>Tutorial Photosop</a></li>

</ul>

</li>

<li><a href='Ganti link sobat' title='tv online' target='_blank'>Tv Online</a>

<ul class='children'>

<li><a href='Ganti link sobat'>INDOSIAR</a></li>

<li><a href='Ganti link sobat' target='_blank'>RCTI</a></li>

</ul>

</li>

<li><a href='http://kuc0pas.blogspot.com/' target='_blank'><blink>Tukar Link Blog</blink></a></li>

<li><a href='www.geonggeong.com' title='GEONG GEONG' target='_blank'><blink>GEONG GEONG</blink></a></li>

</ul>
</div>


4. Silahkan sobat Simpan dan Lihat hasilnya.

Keterangan:
  • Silahkan sobat ganti Link Url nya yang berwarna PINK dengan URL yang sobat inginkan.
  •  Warna MERAH adalah Menu yang akan di tampilkan, silahkan sobat ganti.
 Semoga artikel tentang Cara Membuat Menu Drop Down Horisontal Melayang Di Blog, sangat bermanfaat untuk sobat KUCOPAS semua.



Minggu, 29 April 2012

Cara Membuat Screenshot Di Komputer Atau Laptop Dan Netbook

 Cara membuat screenshot di komputer atau Laptop dan Netbook - Kali ini saya akan berbagi trik dan tips yang jadul alias sudah kuno, Namun bagi sobat bila ada yang kesulitan untuk mengetahui bagaimana Cara membuat screenshot di komputer atau Laptop dan Netbook. Silahkan sobat ikuti cara-caranya sebagai berikut:

1. Langkah yang pertama silahkan sobat >> pilh dan bidik gambar apa yang akan sobat pakai untuk di jadikan sebagai screenshot.

2. Kemudian sobat tekan tombol >> Print Screen (PRT SC), Tombol ini biasanya berada di atas kanan sebelah tombol >> Num Lock atau tombol bagian paling atas pada Komputer atau Laptop sobat.

3. Setelah sobat menekan tombol Print Screen (PRT SC), Komputer sobat akan secara otomatis telah menyimpan gambar yang akan sobat buat screenshot.

4. Langkah selanjutnya sekarang sobat buka >> Paint.
Caranya >> klik Start pada menu komputer atau Laptop sobat → All ProgramAccessoriesPaint.

5. Setelah Paint terbuka, Kemudian sobat klik >> Paste, Sobat dapat meng-edit atau memotong dan juga merapikan hasil PrintScreen tadi menggunakan menu tools Select yang terdapat pada Paint di komputer atau laptop sobat. Lihat gambar berikut dibawah ini.

Cara Membuat Screenshot Di Komputer Atau Laptop Dan Netbook

6. Jika selesai meng-edit atau memotong dan merapikan, Silahkan sobat klik >> Save as, Simpan gambar sebagai JPEG picture. Biasakan menyimpan gambar dengan format JPEG atau JPG, Jika sobat menyimpan gambar hasil screenshot tadi ke format BMP, Maka dapat dipastikan ukuran gambarnya akan menjadi cukup besar sekitar 2,5 MB, Namun semua tergantung ukuran gambar.
Lihat gambar berikut.

Cara Membuat Screenshot Di Komputer Atau Laptop Dan Netbook

7. Kemudian silahkan sobat simpan gambar screenshot di dalam komputer atau laptop sobat. Caranya pilih folder penyimpanan, Lalu klik >> Save. Lihat gambar di bawah ini.

Cara Membuat Screenshot Di Komputer Atau Laptop Dan Netbook

8. Selesai dan lihat hasilnya pada folder penyimpanan dalam komputer atau laptop sobat.

Berikut contoh gambar screenshot yang telah saya buat menggunakan laptop.

Cara Membuat Screenshot Di Komputer Atau Laptop Dan Netbook

 Semoga artikel posting tips dan trik tentang Cara membuat screenshot di komputer atau Laptop dan Netbook, Bisa sangat bermanfaat untuk sobat KUCOPAS semua.


Jumat, 27 April 2012

Cara Melakukan Ping Blog Dengan Benar dan Dapat Backlink

 KUCOPAS - Cara Melakukan Ping Blog Dengan Benar dan Dapat Backlink, Kali ini saya akan menerangkan dan menjelaskan Cara Melakukan Ping Blog Dengan Benar dan Dapat Backlink. Jika sobat ingin melakukan ping blog, Maka inilah langkah-langkah yang harus sobat lakukan dalam melakukan ping dengan benar dan Dapat Backlink sebagai berikut:

1. Silahkan sobat >> Masuk ke situs penyedia jasa pengepingan yaitu www.pingomatic.com atau www.pingler.com

2. Langkah selanjutnya silahkan sobat isi data yang diminta dalam situs jasa pengepingan itu.

3. Caranya sobat >> Masukkan alamat URL website atau blog dengan benar dan lengkap.
contoh:  http://kuc0pas.blogspot.com/
Sobat juga bisa memasukkan alamat URL tempat sobat menanam backlink secara lengkap.
contoh: http://kuc0pas.blogspot.com/2012/04/cara-melakukan-ping-blog-dengan-benar.html

4. Kemudian silahkan sobat Klik >> tombol Send atau Kirim.

5. Hasilnya akan langsung terlihat pada keesokan harinya. Kunjungi alamat situs Yahoo! di >> http://siteexplorer.search.yahoo.com untuk melihat hasil kerja sobat dalam melakukan ping blog.

7. Sobat hanya butuh satu kali saja dalam melakukan proses untuk setiap website atau blog dimana sobat menanam backlink.

8. Perlu diperhatikan untuk sobat Kucopas semua, Jangan sampai melakukan ping blog berkali-kali untuk website atau blog tempat anda menanam backlink. Karena nanti akan dianggap spamming oleh mbah Google.

9. Selamat sobat sudah melakukan ping blog dengan benar dan dapat backlink.

Perhatian:
 Cara melakukan ping Blog dengan benar dan Dapat backlink.
Bila sobat sudah menjalankan semua proses yang saya jelaskan diatas dan mendapatkan backlink dengan cepat, maka backlink sobat akan terlihat segera bahkan bisa hanya dalam hitungan jam. Jadi untuk sobat Kucopas semua, Lakukan proses Ping blog ini dengan sangat berhati-hati dan jangan sampai sobat dianggap melakukan proses spamming.

 Apabila sobat dianggap melakukan proses spamming, maka website atau blog sobat akan di penjara atau di blokir oleh mbah google dan akan hilang dari peredaran mesin pencari.

 Google tempat blog sobat menginap di penjara atau di blokir adalah bernama Google sandbox. Sobat akan membutuhkan waktu yang sangat lama untuk keluar dari Google sandbox ini.
itupun kalau mbah google berbaik hati, kalau tidak maka website atau blog sobat akan selamanya mendapat hukuman seumur hidup atau dihapus oleh mbah Google.

Jadi pesan saya berhati-hati dan waspadalah bagi sobat Kucopas semua yang melakukan ping blog.

 Semoga artikel posting dan tutorial tentang Cara Melakukan Ping Blog Dengan Benar dan Dapat Backlink, sangat bermanfaat untuk sobat KUCOPAS semua.



Kamis, 26 April 2012

Cara Membuat Dan Memasang Headline News di Blog

 KUCOPAS - Pada kesempatan kali ini saya akan share dan membahas tentang Cara Membuat Dan Memasang Headline News di Blog. Setelah kemarin saya share posting tentang Cara Membuat Efek Link Terbakar di Blog, klik link nya jika sobat ingin mengetahui caranya.


 Oke kita kembali lagi ke tutorial Cara membuat headline News di Blog. Sesuai dengan namanya, widget headline news ini akan menampilkan judul beserta link artikel-artikel terbaru dari blog sobat pada bagian atas atau bawah blog sobat.

 Maka Judul-judul artikel pada headline news yang kita pasang di blog tersebut akan mempunyai efek bergerak dan berjalan, sehingga dapat lebih menarik perhatian para pembaca atau pengunjung di blog sobat semua.

Sobat bisa melihat contoh gambar screenshotnya seperti di bawah ini:


 Untuk membuat dan memasang Headline News di blog, caranya sangat mudah sekali. Silahkan sobat ikuti langkah-langkahnya yang akan saya jelaskan.



 Berikut Cara Membuat Dan Memasang Headline News di Blog:

1. Silahkan sobat >> "Login/Masuk" ke blog sobat.

2. Pada tampilan menu baru blogger, sobat Pilih >> "Layout" (Tata Letak).
3. Klik >> "Add a Gadget" dan sobat pilih >> "HTML/JavaScript".
Saran saya jangan di beri judul dan pilih gadget pada bagian samping atau bawah blog.
4. Kemudian langkah selanjutnya silahkan sobat masukkan kode script di bawah ini:

<script type="text/javascript">
 var hn_url_blog = "http://kuc0pas.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://kucopas.googlecode.com/files/headlinenews.js">
</script>


KETERANGAN:
  • hn_url_blog = adalah URL alamat blog sobat atau headline news blog yang ingin di tampilkan. (widget ini hanya untuk pengguna blogger saja).
  • hn_jumlah_post = adalah jumlah judul artikel yang ingin sobat tampilkan pada headline news, silahkan sobat tentukan nilainya.
  • hn_warna_latar = adalah kode warna untuk latar belakang headline news.
  • hn_warna_garis = adalah kode warna untuk garis bingkai atau border headline news.
  • hn_posisi = adalah menentukan posisi headline news sobat, jika di atas >> ("top") atau di bawah >> ("bottom").
  • hn_tampilkan_judul = bernilai "true" kalau sobat ingin menampilkan tulisan "Headline news of BLOGSOBAT" di bagian kiri dan bernilai "false" jika tidak ingin menampilkannya.
  • hn_backlink = bernilai "true" kalau sobat ingin menampilkan backlink ke blog ini dan ganti "false" jika tidak.
 Semoga artikel totorial ringan tentang Cara Membuat Dan Memasang Headline News di Blog, bisa sangat bermanfaat untuk sobat KUCOPAS semua.


Cara Membuat Banner Gratis dan Cantik di Blog

 KUCOPAS - Cara Membuat Banner di Blog, Kali ini saya akan share Cara Membuat Banner Cantik dan Gratis di Blog yaitu  dengan FlashVortex. dan banner yang dihasilkan oleh FlashVortex ini tidak kalah menariknya dengan banner yang dibuat oleh ahlinya yang profesional.

 Langsung saja silahkan sobat menuju ke situsnya di: http://www.flashvortex.com/
Contoh Banner yang dihasilkan seperti ini:


 Cara Membuat Banner dengan FlashVortex ini caranya sangat mudah, silahkan sobat langsug di praktekan saja pada situsnya, karena caranya sangat mudah sekali. kita bisa membuat Banner dengan online yang gratis, menarik dan juga cantik.

 Semoga artikel Cara Membuat Banner Gratis di Blog, bermanfaat untuk sobat KUCOPAS semua.


Cara Membuat Efek Link Seperti Terbakar di Blog


 KUCOPAS - Cara Membuat Efek Link Seperti Terbakar di Blog, Fungsi sebenarnya kita akan Membuat Efek Link di Blog Mengeluarkan Cahaya Berwarna Kuning seperti terbakar bila link di blog sobat tersentuh mouse. Cara Membuat Link Seperti Efek Terbakar di Blog sangatlah mudah Karena Sobat Hanya perlu Memodifikasi Css Hovernya Saja pada Template Edit HTML.

 Sekedar penjelasan untuk sobat KUCOPAS semua yang ingin Membuat Efek Link Blog Seperti Terbakar di Blog, CssA:Hover Adalah Css yang apabila Kita Menyorotkan atau mengarahkan Mouse pada Link apa saja, maka akan terjadi efek yang terjadi sesuai dengan efek link bawaan template blog itu sendiri. Namun kali ini kita akan merubah semua efek Link di blog sobat akan berubah menjadi seperti terbakar.

 Cara Membuat Efek Link Seperti Terbakar di Blog, Silahkan sobat ikuti langkah-langkahnya sebagai berikut:

1. Silahkan sobat >> Masuk/Login >> ke Blog Sobat.
2. Pada tampilan baru menu blogger, sobat pilih >> Menu Template >> Edit HTML.
3. Cari kode a:hover { gunakan CTRL+F untuk mempermudah pencarian.
4. Kemudian silahkan sobat tambahkan atau sisipkan kode CSS berwarna PINK di bawah ini tepat di samping atau setelah kode a:hover { yang berdekatan dengan kode a:visited { dan kode a:link {


text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40,   2px -10px 10px #f10;


Maka jadinya akan seperti contoh di bawah ini:

a:link {
  text-decoration: none;
  color: $(link.color);
}

a:visited {
  text-decoration: none;
  color: $(link.visited.color);
}

a:hover {text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40,   2px -10px 10px #f10;
  text-decoration: underline;
  color: $(link.hover.color);
}

5. Sebelum sobat Simpan Templatenya, silahkan klik Pratinjau terlebih dahulu untuk menghindari kesalahan saat Edit template.
6. Jika hasilnya Link di blog sobat mempunyai efek seperti terbakar, itu artinya sobat sudah berhasil membuat efek link seperti terbakar di blog sobat.
7. Silahkan sobat klik SIMPAN Dan Lihat Hasilnya.

 Semoga tutorial Cara Membuat Efek Link Seperti Terbakar di Blog, sangat bermanfaat untuk sobat KUCOPAS semua.


Senin, 23 April 2012

Koleksi Tap Chatbox Atau buku tamu Yang Sesuai Dengan Halaman Blog

Masih ingat kan tentang Tutorial Blogspot Sebelumnya tetang cara Memasang ChatBox atau Buku tamu tersembunyi pada halaman blog Pada Tutorial Tersebut disebutan bahawa Tap Chatbox atau Buku tamu Default berwarna hijau nah kalai ini Dapur Tutorial Blogspot punya koleksi Tap Chatbox yang beragam mungkin bisa sobat blogger gunakan untuk menyesuaikan dengan halaman blog milik teman blogger semunya

Berikut koleksi Tap ChatBox :



URL Image Dari Kiri Kekanan sebagai berikut:

http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png

http://4.bp.blogspot.com/_CEj8AwvwSNM/S5PppULtvPI/AAAAAAAAEDs/NITPY9kKySs/s400/icon+untuk++shoutbox+tersembunyi.png

http://2.bp.blogspot.com/_CEj8AwvwSNM/S5Ppo8AV5kI/AAAAAAAAEDk/gkM7CLHHlYM/icon+untuk++shoutbox+tersembunyi+(9).png

http://4.bp.blogspot.com/_CEj8AwvwSNM/S5PpolecfFI/AAAAAAAAEDc/g2q3LbMNSyo/icon+untuk++shoutbox+tersembunyi+(8).png

http://3.bp.blogspot.com/_CEj8AwvwSNM/S5Ppn-w6byI/AAAAAAAAEDU/zujexeXt05U/icon+untuk++shoutbox+tersembunyi+(7).png
 
http://2.bp.blogspot.com/_CEj8AwvwSNM/S5Ppnq3G5sI/AAAAAAAAEDM/dJQD6wsYZy4/icon+untuk++shoutbox+tersembunyi+(6).png

http://3.bp.blogspot.com/_CEj8AwvwSNM/S5Ppdo973QI/AAAAAAAAEDE/4jwrG9NWqAQ/icon+untuk++shoutbox+tersembunyi+(5).png

http://4.bp.blogspot.com/_CEj8AwvwSNM/S5Ppdd-Z34I/AAAAAAAAEC8/OmkNN8uXEC4/icon+untuk++shoutbox+tersembunyi+(4).png

http://2.bp.blogspot.com/_CEj8AwvwSNM/S5Ppc1q19pI/AAAAAAAAEC0/JhFMmZ-c84U/icon+untuk++shoutbox+tersembunyi+(3).png

http://1.bp.blogspot.com/_CEj8AwvwSNM/S5PpcjaZ-vI/AAAAAAAAECs/Yz49Zvsb1cQ/icon+untuk++shoutbox+tersembunyi+(2).png


Tutorial Cara Memasang Chatbox atau Buku Tamu Tersembunyi Di Blog

Widget Blog Buku tamu atau chatbox merupakan widget wajib bagi setiap pengguna blog dimana buku tamu ini sangat banyak manfaatnya selain untuk mempercantik tampilan halaman blog chatbot juga berguna sebagai sarana untuk saling berintraksi antara pengunjung blog dengan pemilik blog atau pengunjung blog dengan pengunjung yang lainnya sehingga semuanya akan saling terhubung akhirnya bisa saling mengenal satu sama lainnya, untuk itu sebaiknya sobat bloger Dapur Tutorial Blogspot yang belum memasang bukutamu pada halaman blognya segera pasang, apabila tidak tau bagaimana caranya bisa baca tutorial Blogspot sebelumnya mengenai Cara Menambah Widget Chatbox atau Buku Tamu Ke Halaman Blog

Namun terkadang Widget chatbox sangat menguasai lokasi pada halaman blog karena ukurannya yang terbilang cukup besar sehingga banyak orang yang mencari cara untuk mempatkan chatbox atau buku tamu ini pada posisi yang se efisien mungkin dan salah satunya dengan cara meletakan Chatbox atau buku tamu tersembunyi pada halaman blog seperti dibawah ini.

buku tamu tersembunyi
img by tutorialuntukblog.blogspot.com
Buat sahabat blogger Dapur Tutorial Blogspot yang juga ingin memasang bukutamuya seperti pada gambar diatas bisa menerapkan tutorial blog kali ini tetang Tutorial Cara Memasang Chatbox atau Buku Tamu Tersembunyi Di Blog. 

Berikut langkah-langkah nya untuk memasang buku tamu tersembunyi pada halaman blog
  1. Silah sobat login ke akun bloggernya terlebih dahulu
  2. Pilih menu Layout atau Tata Letak
  3. Klik Add a Gadged atau Tambah Gadget
  4. Pilih HTML/JavaScript
  5. Copy Code berikut dan letakan pada Box HTML/JavaScript yang sudah sobat pilih tadi
  6. <style type="text/css">
    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #666666;
    background:#F5F5F5;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="gb">
    <div class="gbtab" onclick="showHideGB()"> </div>
    <div class="gbcontent">

    KOD SHOUTBOX DISINI

    <div style="text-align:right"><a href="http://tutorialuntukblog.blogspot.com/2011/09/tutorial-sembunyikan-shoutbox-blog.html" target="_blank"><small>tutorial here</small></a>
    <a href="javascript:showHideGB()">
    [close]
    </a>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>
    Keterangan :
    Perhatikan Tulisan KOD SHOUTBOX DISINI silah sobat ganti Dengan kode chatbox atau kode buku tamu sobat

    Sedangkan Kode http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png ini adalah URL Gambat Tap ChatBox

  7. Klik Simpan
  8. Selesai dan lihat hasilnya
Secara Default tampilan tap Chatbok adalah bewarna hijau seperti gambar dibawah ini


Sobat blogger bisa menggantinya dengan mengganti URL gambar tersebut Dengan dengan URL gambar milik anda sendiri. Letak URL gambar pada kode diatas adalah pada bagaian yang berwana Hijau. Apabila Sobat ingin mengganti Tap tersebut agar sesuai dengan halaman blog sobat Dapur Tutorial Ada beberapa koleksi Tap Buku Tamu bisa sobat lihat di Koleksi Tap Chatbox Atau buku tamu Yang Sesuai Dengan Halaman Blog

Demikian Tutorial Blog Tetang Cara Memasang Chatbox atau Buku Tamu Tersembunyi Di Blog ini bisa bermanfaat untuk sahabat blogger Dapur Tutorial semuanya.

Cara Memasang Fans Page Facebook Tersembunyi di Blog

Tutorial Blog tetang salah satu cara untuk mempercantik tampilan blog yaitu Tutorial Cara Memasang Efek Salju pada Halaman Blog kembali sukses dan sekarang Master chef dapur Tutorial Blogspot akan share tetang cara memasang Fans Page Facebook Tersembunyi Pada halaman Blog.

Munggkin Sebagaian sobat blogger ada yang bingung ingin meletakan Widget Fans Page Facebooknya karena sudah terlalubayak Widget pada halaman Blognya, Nah.....jika benar demikian sobat Blogger Dapur Tutorial Blogspot dapat menggunakan trik berikut ini untuk mengatur letak Fans page Facebook sobat.


Kalau buat sobat blogger yang belum memiliki halaman Fans Page Facebook bisa mempelajari caranya pada tutorial blog Sebelumnya mengenai Cara Membuat Halaman Fans Page/Penggemar Facebook. setelah sobat blogger mempelajarinya sobat blogger bisa menrapkan trik ini untuk sembunyikan widget fans page facebook pada halaman blog.

Berikut langkah-langkah untuk memasang Fans Page Facebook di blog

Lankah Ke I :
  1. login ke akun blogger anda
  2. Pilih menu Template
  3. Klik Pada Tombol Edit HTML
  4. Klik Tombol Proses Atau Lanjutkan
  5. Jangan Lupa Download Template Lengkap Terlebih dahulu untuk mengantisifasi kesalahan dalan edit HTML (Baca caranya Download dan Upload template lengkap )
  6. Cari kode </head> (Gunakan Tombol CTRL + F untuk mempermudah pencarian kode)
  7. Copy kode dibawah dan letakan datas kode </head>
  8. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
  9. Sekarang Klik Simpan
Langkah Ke II :
  1. Pilih Menu Tata Letak Atau Layout
  2. Klik Tambah Gadget atau Add a Gadget
  3. Pilih HTML/JavaScript
  4. Copy kode berikut
  5. <script type="text/javascript">
    //<!--
    $(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
    //-->
    </script>
    <style type="text/css">
    .w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
    .w2bslikebox div{border:none;position:relative;display:block;}
    .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
    .w2bslikebox span a{color: #808080;text-decoration:none;}
    .w2bslikebox span a:hover{text-decoration:underline;}
    </style><div class="w2bslikebox" style=""><div>

    <iframe src="http://www.facebook.com/plugins/likebox.php?href=URL PAGE ANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://tutorialuntukblog.blogspot.com/2011/10/tutorial-sembunyikan-fb-fan-page-di.html">Tutorial Here</a></span></div></div>
    Keterangan :
    Perhatikan Tulisan URL PAGE ANDA ganti Dengan URL Fans Page Facebook anda (Contoh URL Fans Facebook lihat gambar dibawah)
  6. Sekarang Paste kode diatas pada box HTML/JavaScript yang sudah anda pilih tadi
  7. Klik simpan
  8. Selesai dan lihat hasilnya
Demikian Tetang Tutorial Blog Cara Memasang Fans Page Facebook Tersembunyi di Blog. Senang bisa menulis lagi kali ini dan semoga bisa bermanfaat untuk kita semua

Minggu, 22 April 2012

Cara memesang Efek Salju pada halaman Blog

Efek
Banyak cara yang dapat kita lakukan untuk mempercantik halaman blog seperti pada tutorial sebelumnya yaitu dengan menambahkan widget welcome spiderman. dengan widget ini setiap pengunjung yang datang  akan disambut oleh superhiro ini sebagai ucapan selamat datang kepada pengunjung.

Nah kali ini Dapur Tutorial Blogspot kembali membahas tetang cara untuk mempercantik halaman blog dengan cara menambahkan efek salju yang bertaburan dihalaman blog anda

Untuk memasang Efek Salju Pada Halaman Blog anda sangat mudah hanya perlu langkah-langkah sederhana sebagai berikut :
Update : Tutorial ini sudah tidak relevan. Silahkan Kunjungi Halaman Update cara pasang efek salju di blog
  1.  Pastikan sobat blogger sudah masuk ke akun bloggernya masing-masing
  2. Pilih Menu Tata Letak Atau Menu layout
  3. Klik Tambah Gadget atau Add a Gadged
  4. Pilih HTML/JavaScript
  5. Copy Kode-Kode Berikut (Pilih salah satu sesuai keiginan anda)
    • Untuk salju berwarna kuning
    • <script src="http://agungosx.googlepages.com/saljukuning.js" type="text/javascript"></script>
    • Untuk salju berwarna Merah
    • <script src="http://agungosx.googlepages.com/saljumerah.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Hijau Muda
    • <script src="http://agungosx.googlepages.com/greensalju.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Hijau Tua
    • <script src="http://dapur-tutorial-blogspor.googlecode.com/files/greensalju.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Ungu
    • <script src="http://agungosx.googlepages.com/saljuijotua.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Ping
    • <script src="http://dapur-tutorial-blogspot5.googlecode.com/files/pinksalju.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Biru Muda
    • <script src="http://dapur-tutorial-blogspot7.googlecode.com/files/saljubirumuda.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Biru Tua
    • <script src="http://dapur-tutorial-blogspot6.googlecode.com/files/saljubiru.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Hitam
    • <script src="http://agungosx.googlepages.com/saljuhitam.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Orange
    • <script src="http://agungosx.googlepages.com/saljuorange.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Coklat
    • <script src="http://agungosx.googlepages.com/saljucoklat.js"<br /> type="text/javascript"></script>
    • Untuk salju berwarna Putih
    • <script src="http://agungosx.googlepages.com/saljuputih.js"<br /> type="text/javascript"></script>
  6. Letakan Kode diatas kedalam Box HTML/JavaScript yang sudah anda pilih tadi
  7. Klik Simpan
  8. Selesai dan lihat hasilnya
Demikian Tutorial Blog tetang Cara memesanga Efek Salju pada halaman Blog semoga bisa bermanfaat
Update : Tutorial ini sudah tidak relevan. Silahkan Kunjungi Halaman Update cara pasang efek salju di blog

Sabtu, 21 April 2012

iPanelonline Lokasi Untuk Mengisi Paypal Anda

iPanelonlineWah ni dapat Informasi Menarik dari teman laman mungkin bisa membantu sobat Dapur Tutorial Blogspot yang ingin mengisi Paypalnya yang kosong. Informasi ini saya dapat Siang tadi di kampus waktu ikut seminar eh gak sengaja ketemu sahabat lama karna sudah lama gak ngobrol habis seminar main kekosannya, ya sekedarmain sih sambil ngopi.Nah sambil ngobrolni dia buka paypal-nya, tu paypal isinya banyak juga terus saya tanyain paypalmu isinya banyak dapat darimana ?.

Dia sih senyum-senyum saja terus bilang kayak gini, ini cuman dari kerjaan iseng-iseng dikos main iPanelonline dari pada gk da kegiatan kan lumayan!. wah....jadi penasaran saya akhirnya tanya-tanya tetang Ipanelonline itu apa. Kirain Ipanelonline itu hal yang baru ternya Sudah lama ada ha....ha....emang sayanya yang kurang Update!

Karena rasa penasaran Saya tanya ginama bisa dari situ kamu bisa dapat uangnya dari situ ?
Dia bilang, Ipanelonline itukan sejenis market Online reset jadi kita mendapat uang cukup dengan mengikuti survey. dengan setiap kali kita mengikuti survey kita akan mendapatkan Point sesuai dengan jumlah yang sudah ditentukan nah dari poin inilah kita tukarkan dengan uang.

Terus pendaftaranya gimana bayar gak ?
katanya kalau kamu mau ikut gampang gak usah bayar gratis.

Oh.....begitu, ya...sebenarnya sih saya masih bingung.habis dari kosnya saya pulang langsung buka internet dan menuju iPanelonline, Pengen tau secara langsung seperti apa iPanelonline itu!

Seperti biasa bareng bah Google menjelajah untuk mempelajari iPanelonline. dari Informasi yang saya peroleh iPanelonline Market Research Internasional terpercaya karena masuk kedalam member ESOMAR (Organisasai dunia yang menangani Masrket Research) yang dididirikan sejak tahun 2004 di sanghai China dan sudah memilki cabang dibeberapa negara seperti Hongkong, taiwan, Singapur, Korea, India, Thailand, Malaysia, Australia, Newzeland, Philippines, Vietnam, dan juga negara kita negara tercinta Indonesia.


Bersama Bah Google lagi saya cari Bukti Pembayaran iPanelonline dengan kata kunci "Bukti pembayaran iPanelonline" dan ternyata banyak sekali yang sudah menerima pembayaran dari Ipanelonline. Dibawah ini ada beberapa bukti pembayaran oleh iPanelonline yang saya ambul dari Google image.



img by Google image
Ingin tau Bukti pembayaran yang lain sobat Blogger bisa mengajak si bah google untuk mencarinya.

Disini saya simpulkan bahwa iPanelonline merupakan perusahaan terpercaya yang terbukti membayar membernya sehingga dapat dijadikan salah satu solusi untuk mengisi paypal anda.

Untuk sobat Blogger Dapur Tutorial Blogsot yang ingin ikut bergabung bersama iPanel Online dapat langsung dengan klik tombol pendaftaran dibawah ini

iPanelonline

Demikian informasi tetang iPanelonline Lokasi Untuk Mengisi Paypal Anda semoga bisa bermanfaat

Jumat, 20 April 2012

Cara Membuat dan Pasang Tombol Share This di Blog


 KUCOPAS - Cara Membuat dan Pasang Tombol Share This di Blog, Setelah sebelumnya saya sudah pernah share tentang Cara Membuat dan Memasang Tombol share di Blog yang di antaranya:
1. Cara Membuat dan Pasang Tombol Sharing is Sexy di Blog
2. Cara Membuat dan Pasang Tombol Share Addthis di Blog
3. Cara Membuat dan Pasang Tombol Share Lockerz di Blog
 Silahkan sobat pilih saja Tombol share yang sobat inginkan.

 Dan kali ini saya akan menjelaskan tentang Cara Membuat dan Pasang Tombol Share This di Blog, ada apa dengan Tombol share this yang model ini???
sedikit penjelasan untuk sobat kucopas semua, Tombol Share This berikut yang akan kita pasang di blog adalah tombol share yang mempunyai keutamaan dan otomatis akan tampil di bawah setiap postingan blog.

 Maka cara ini bisa di sebut dengan Cara Membuat dan Pasang Tombol Share This di Bawah Setiap Postingan Blog. Untuk membuatnya caranya sangat mudah bila sobat mengikuti langkah-langkah yang saya jelaskan ini dengan seksama atau teliti.

 Berikut Cara Membuat dan Pasang Tombol Share This di Blog:
1. Silahkan sobat kunjungi situsnya SHARETHIS.COM, untuk lebih cepat klik DISINI.
2. Dan sobat akan di bawa ke halaman seperti gambar di bawah ini.


3. Silahkan sobat pilih blog sobat, kali ini pilih Blogger, lalu klik >> NEXT:Step2. Pick a Style.
4. Kemudian sobat akan masuk pada Step ke dua, seperti gambar Fitur di bawah ini.


5. Silahkan sobat pilih Fitur yang sobat inginkan, Lalu klik >> NEXT:Step 3, Costumize.
6. Langkah selanjutnya adalah Step yang ke Tiga, Liat gambar di bawah ini.


7. Terlihat kotak form yang paling atas adalah preview atau cotoh dari Tombol Share This yang akan sobat pasang di blog.
8. Untuk mengubahnya caranya sangat mudah, Silahkan sobat seret saja dari dua kotak form yang ada di bagian sebelah kanan ke Kotak form bagian kiri sendiri untuk memilih tombol shere this yang sobat inginkan.
9. Sobat bisa lihat hasil preview di kotak form bagian atas.
10. Bila sudah cocok seperti yang sobat inginkan, kemudian sobat klik >> FINISH: Get the Code (tombol warna hijau dibawah).
11. Dan langkah selanjutnya sobat akan di bawa kehalaman seprti gambar dibawah ini.



12. Silahkan sobat melakukan REGISTRASI untuk mendapatkan Kode dari Tombol Share This yang sobat buat tadi.
13. Cara Registrasi atau daftar silahkan sobat isi pada kotak:
 no 1. Isi Email sobat.
 no 2. Isi URL alamat blog sobat.
 no 3. Isi pasword sobat.
 no 4. Isi lagi dengan pasword yang sama.

14. Setelah melewati langkah diatas, sobat akan di bawa ke bagian seperti gambar di bawah ini.


15. Silahkan sobat pilih sebelah kanan atau kiri yang ada pada gambar di atas. sedikit penjelasan untuk sobat, gambar diatas adalah efek yang akan timbul bila mouse pointer menyentuh Tombol share, makan akan tampil pop up seperti gambar diatas.
16. Setelah sobat pilih salah satu tampilan diatas, silahkan sobat scroll kebawah dan copy kode HTML seperti gambar di bawah ini.


18. Silahkan sobat copy kode Script yang nomor 1, kemudian taruh di blog sobat, berikut caranya:
- Login ke >> Blog sobat >> pilih menu "Rancangan/Element Laman" >> Tambah Gadget >> pilih HTML/JavaScript >> kemudian Masukkan kode HTML nomor 1 seperti gambar diatas >> lalu SIMPAN.
- Langkah selanjutnya sobat pilih >> Menu "Edit HTML" >> centang "Expand Template Widget" >> cari kode </head> gunakan CTRL+F untuk mempermudah menemukanya. >> kemudian taruh kode script nomor 2 tepat diatas atau sebelum kode </head> Lalu SIMPAN TEMPLATE.

19. Selesai dan lihat hasilnya.
20. Selamat sobat berhasil Membuat dan Pasang Tombol Share This di Bawah Setiap Postingan Blog.


 Semoga artikel tentang Cara Membuat dan Pasang Tombol Share This di Blog, Sangat bemanfaat untuk sobat KUCOPAS semua.


 

M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger