Minggu, 29 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/AVvXsEgXYNZ3dGvHwjANsNM_prSzTCE5cgZVcjOmvYyeOrzlTiVOGyDdMDQ8rp6teuYrF0LlNWkaabo5y2rlwFHQp6xKpky_R4SnTR1O0jqY_1ClwYBp745lhJnYOnik6nJw-mV3PrTJOR35-Lh8/)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.



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 Cara membuat screenshot di komputer atau Laptop dan Netbook. Silahkan sobat ikuti cara-caranya sebagai berikut:

1. 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 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 kanan dan Paste, Sobat dapat memotong dan juga merapikan hasil PrintScreen tadi menggunakan menu tools Select yang terdapat pada Paint.

6. Silahkan sobat >> Simpan atau Save gambar sebagai JPEG, biasakan menyimpan gambar dengan format JPEG/JPG, jika sobat menyimpan gambar hasil screenshot tadi ke format BMP maka ukuran gambarnya akan menjadi cukup besar sekitar 2,5 MB, Namun semua tergantung ukuran gambar.

 Berikut contoh gambar screenshot yang saya buat:



 Semoga Tips dan Trik tentang Cara membuat screenshot di komputer atau Laptop dan Netbook, 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.

Sobat bisa melihat contoh gambarnya seperti di bawah ini:






 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.

 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://copycat91.googlecode.com/svn/trunk/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.


Rabu, 25 April 2012

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.


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.


Selasa, 17 April 2012

Cara membuat Related Post with Thumbnail di bawah Setiap postingan Blog

KUCOPASCara Membuat Related Post with Thumbnail di Blog, Setelah lama tidak update posting, sekarang saya akan posting lagi trik blog tentang Cara Membuat Related Post with Thumbnail di Blog atau Cara Membuat Artikel Terkait Dengan Gambar di Bawah setiap Postingan Blog.

 Mungkin sobat sudah pernah melihat dan bahkan sudah menerapkan atau memasangnya di blog sobat, namun seperti pengalaman saya yang sudah pernah memasang Related Post with Thumbnail di bawah posting Blog, berangsur-angsur akan hilang dan sudah tidak pernah muncul lagi Related Post with Thumbnail di bawah posting Blog. mungkin karena apa saya juga tidak tahu, tapi mungkin karena yang pertama membuat script Related Post with Thumbnail di bawah posting Blog sudah di hapus, jadi ya mau tidak mau script yang kita pasang di blog kita juga jadi tidak bisa berfungsi lagi.

 Kali ini saya punya solusinya untuk sobat semua, karena baru kemarin saya baru menggantinya dengan script yang baru dan saya terapkan pada blog ini. Untuk melihat contohnya silahkan sobat lihat di bawah postingan ini akan muncul Related Post with Thumbnail di bawah posting Blog.


 Untuk Cara Membuat Related Post with Thumbnail di Bawah Setiap Postingan Blog, silahkan sobat ikuti langkah-langkahnya sebagai berikut:

1. Silahkan Masuk >>Login ke akun blog sobat
2. Lalu Klik >> design >> kemudian >> edit HTML
3. Centang >> Expand Template Widget
4. Lalu sobat >> download template lengkap >> Demi untuk menghindari kesalahan saat pengeditan Template.
5. Silahkan sobat Cari kode </head> gunakan CTRL+F untuk mempercepat pencarian.
6. Setelah ketemu, kemudian sobat letakkan semua kode berikut tepat di atas atau sebelum kode </head>

<!--Related Posts with thumbnails Scripts and Styles Start By KUCOPAS -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style type="text/css">

#related-posts {

float:center;

text-transform:none;

height:100%;

min-height:100%;

padding-top:5px;

padding-left:5px;

}



#related-posts h2{

font-size: 1.6em;

font-weight: bold;

color: black;

font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;

margin-bottom: 0.75em;

margin-top: 0em;

padding-top: 0em;

}

#related-posts a{

color:black;

}

#related-posts a:hover{

color:black;

}



#related-posts a:hover {

background-color:#00FF00;

}

</style>

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

</b:if>

<!--Related Posts with thumbnails Scripts and Styles End By KUCOPAS -->


7. Kalau sudah, silahkan sobat cari kode berikut:

<div class='post-footer-line post-footer-line-1'> gunakan CTRL+F untukmempermudah pencarian.

8. kemudian sobat letakkan kode di bawah ini tepat di bawah atau sesudah kode <div class='post-footer-line post-footer-line-1'>

<!-- Related Posts with Thumbnails Code Start By KUCOPAS -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>

<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_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=7;

var relatedpoststitle="Related Post";

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

</div><div style='clear:both'/>

</b:if>

<!-- Related Posts with Thumbnails Code End By KUCOPAS -->

9. Sebelum di simpan, silahkan sobat preview atau pratinjau terlebih dahulu.
10. Silahkan di SIMPAN atau Save, jika hasilnya sudah oke.
11. Simpan dan lihat hasilnya.

Keterangan:

- var maxresults=7; = angka 7 adalah related post yang akan di tampilkan, silahkan sobat ganti angkanya.

- background-color:#00FF00; = adalah warna Background bila tersentuh Mouse, silahkan sobat ganti kode warnanya seperti yang sobat iginkan.

 Jika sobat sudah berhasil memasang Related Post with Thumbnail di bawah posting Blog, jangan lupa di Like yach...
bila sobat masih belum jelas, silahkan bertanya dan di Comment.
Semoga artikel Cara Membuat Related Post with Thumbnail di bawah posting Blog, sangat bermanfaat untuk sobat KUCOPAS semua.


Minggu, 15 April 2012

Cara Buat Status Biru di Facebook


 KUCOPAS - Cara Buat Status Biru di Facebook, bagi facebookers mania mungkin telah lama mengetahui trik dan caranya, karena Membuat status biru di facebook bukanlah merupakan sesuatu hal yang baru, namun bagi sebagian sobat yang baru di dunia maya khususnya di jejaring sosial facebook, pastinya belum mengetahui trik itu "Bagaimana ya Cara Membuat Status Biru di Facebook?" sabar ya sobat, ikuti dan baca saja artikel ini sampai selesai, di jamin sobat pasti bisa membuat Status Biru di Facebook.

 "dikutip dari GEONGGEONG.COM, Fungsi membuat Status biru di Facebook ini adalah, sebenarnya kita membuat tulisan status menjadi seperti anchor text sebuah link, jadi warnanya akan jadi biru seperti warna link default dan bisa di klik.

 Bagi sobat yang ingin membuat status biru di facebook, caranya adalah dengan menggunakan kode, dan kode ini bisa di gunakan untuk menulis status, Chatting, Inbox (pesan), Dinding maupun Komentar di Facebook. dan cara ini juga bisa di lakukan melalui Hp, berikut sobat salah satu kodenya yang biasa saya gunakan:

@@[0:[0:1:Tulis Status sobat Di Sini]]

Contoh; kalau sobat ingin membuat status biru di facebook:
"LIhat Status ku Biru.!!!" maka sobat cukup ketikkan seperti ini:

@@[0:[0:1: LIhat Status ku Biru.!!!]]

Cara penerapan tulisan silahkan sobat lihat contoh gambar di bawah ini:


Keterangan:
Ganti Tulisan warna Biru di atas dengan Kata-kata yang sobat inginkan.

 Semoga artikel trik tentang Cara Buat Status Biru di Facebook, sangat bermanfaat untuk sobat KUCOPAS semua.


Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More