Template Toko Online Blogspot

Hi..bagi teman atau sahabat-sahabat yang membutuhkan Template toko online, disini saya akan memberikan link gratis untuk mendapatkan template tersebut..

langsung cekidot di :online dengan invoice

»»  READMORE...

Mengatur Jarak Halaman Posting

Jarak antar Halaman Posting blog yang terlalu jauh kadang membuat tampilan blog tidak menarik kalau jarak antar halaman blog bisa diperpendek bisa memperhemat halaman blog dibawah ini contoh jarak antar halaman posting di blog.

Cara mengatur jarak anatara halaman blog cukup mudah.berikut langkah2 untuk mengatur jarak antar halaman posting blog.
1. Masuk/login ke bloger
2. Pilih Rancangan -> Edit/HTML
3. Cari Kode seperti dibawah ini

<Variable name="date.space" description="Date Space" type="length" default="30px"  value="65px"/>

   <Variable name="date.position" description="Date Float" type="string" default="static"  value="absolute"/>

 Ganti text yang berwarna merah.setelah di ganti terakhir save template.

Selamat mencoba

»»  READMORE...

Cara Buat LinkWithin

Cara Membuat Linkwithin

Cara pasang Widget ini sangat mudah sekali serta widget linkwithin berfungsi untuk menawarkan kepada pengunjung blog hingga 5 artikel terkait posting yang sedang dibacanya. Anda bisa lihat contohnya di blog ini yang bentuk tampilannya adalah seperti ini : 

Kalau anda kepengen membuatnya silahkan ikuti langkah berikut ini :

1. Silahkan login ke sini.

2. Isikan alamat email, nama blog anda dan Platformnya. Pilihlah jumlah stories yang anda inginkan.
    Centang kotak kecil bila background blog anda berwarna dasar gelap, lalu klik Get Widget! 

    (lihat gambar di bawah)

     

3. Setelah muncul halaman berikutnya, kliklah Install Widget.

    (lihat gambar di bawah)

 

4. Setelah muncul halaman selanjutnya, anda klik MENAMBAH WIDGET
    (lihat gambar di bawah)

 

5. Setelah widget tersebut telah ditambahkan pada gadget anda, pindahkanlah gadget tersebut ke bagian
    bawah postingan anda.
    (lihat gambar di bawah)

 

6. Simpanlah perubahan Elemen Laman anda.
    (lihat gambar di bawah)

KETERANGAN :

Anda juga dapat menambahkan kode script :

<script>linkwithin_text='Kalimat anda di sini:'</script>

Letakkan di atas kode yang anda dapatkan.

Maka susunannya akan seperti ini :

 

<script>linkwithin_text='Kalimat anda di sini:'</script>

<script>

var linkwithin_site_id = XXXXXX;

</script>

<script src="http://www.linkwithin.com/widget.js"></script>

<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>

KETERANGAN :

Gantilah Kalimat yang ingin anda tampilkan untuk memberikan keterangannya, pada kode Kalimat anda di sini

*sumber:http://ianhacks.blogspot.com/2012/02/cara-membuat-linkwithin.html

»»  READMORE...

Cara membuat Menu dibawah Header

Membuat menu dibawah Header

Bagi rekan blogger yang menggunakan template yang belum difasilitasi dengan menu horisontal dibawah header pada blognya, berikut saya postkan bagaimana cara membuat menu tersebut. Fungsi dan kegunaan menu ini adalah agar memudahkan kita dalam menelusuri  semua isi yang terkandung didalam blog tersebut (baca: easy to navigate)
Yuk kita mulai...
Hal pertama yang harus dilakukan adalah login ke blogger > Layout/Tata Letak > Edit Html .
Selanjutnya Anda cari kode dibawah ini, untuk mempermudah pencarian silahkan gunakan CTRL+F

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>

Anda ubah kode showaddelement='no' menjadi  showaddelement='yes' , kalau sudah klik simpan ya

Setelah yang pertama sudah disimpan, sekarang klik Page elements / Elemen Laman > Tambah Gadget > HTML/Javascript , copy kode dibawah ini,simpan dan letakan tepat dibawah header.
Untuk menambah gadget dibawah header bisa baca  disini

<a href="http://www.masbugie.com " class="navigation">HOME</a>
<a href="http://www.masbugie.com " class="navigation">CONTACT</a>
<a href="http://www.masbugie.com " class="navigation">BUKU TAMU</a>
<a href="http://www.masbugie.com " class="navigation">FACEBOOK</a>
<a href="http://www.masbugie.com " class="navigation">TWITER</a>
<a href="http://www.masbugie.com " class="navigation">DOWNLOAD</a>
<a href="http://www.masbugie.com " class="navigation">LAIN-LAIN</a>
<a href="http://www.masbugie.com " class="navigation">CHATTING</a>

*Alamat url diatas silahkan sesuaikan dengan blog Anda.


Hal ketiga adalah supaya menu itu menimbulkan efek warna sehingga menjadi kelihatan menarik.

Klik Tata Letak > Edit HTML , cari kode </b:skin> , agar mudah gunakan tombol CTRL+F
Copy kode dibawah ini dan letakan tepat diatas kode  </b:skin> kemudian simpan.

a.navigation {
background: #3333ff ;
color: #ffffff;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}

Perhatikan kode yang berwarna biru adalah warna tombol dan efek hover dan bisa dirubah sesuka hati Anda.Dan yang berwarna merah adalah jarak antara tombol satu dengan lainnya, silahkan Anda sesuaikan sesuai selera.

Untuk mengetahui kode-kode warna dalam HTML silahkan lihat juga disini

Selesai, mudah kan........

»»  READMORE...

Cara Mengganti Kursor di Blog Dengan Animasi/Gambar

URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

Ikuti Langkah2 nya : 

1. Login ke Blogger/Blog Anda 

2. Pilih Desain > Edit HTML

3. Cari Kode </head> Dan Copas Kode Berikut Tepat di Atas Kode   </head>

 <style type='text/css'>
HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;}
</style> 

4.Simpan dan Lihat hasilnya ! 

Catatan : Link yang berwarna biru di atas silahkan anda sesuaikan dengan link gambar untuk mengganti kursor yang anda gunakan 

cr:http://alyashafirap.blogspot.com/2012/10/cara-mengganti-kursor-di-blog-dengan.html

»»  READMORE...

Cara Membuat Tombol Next Page Pada Blog

Pada postingan kali ini saya akan berbagi artikel tentang cara membuat tombol next page pada blog, yang mana tombol ini berfungsi buat mengarahkan para pengunjung untuk melihat halaman demi halaman yang berada pada blog kita berdasarkan angka yang tertera dalam tombol tersebut.
Artikel ini diperuntukkan buat blog-blog yang memang templatenya belum memiliki tombol next page, dan apabila template blog anda sudah memilikinya tombol next page ini, silahkan anda abaikan saja segera artikel ini namun anda jangan segera keluar dari blog saya ini dan anda saya perintahkan untuk segera mencari artikel-artikel lain yang ada pada blog ini...oke...! ( s...hehehehehe...).

Bila anda masih bingung juga seperti apakah tampilannya, silahkan anda lihat gambar seperti yang ada dibawah ini.

Bagaimana...sudah jelaskah gambarnya...? apabila sudah jelas, kini kita akan mulai ke cara pembuatannya. Silahkan ikuti panduannya ya...

• Masuk ke akun blogger anda. ( ingat blog anda...bukan blog orang lain...! )

• Pada  tampilan Dashboard klik Design kemudian klik Edit HTML

• Untuk menjaga hal-hal yang tidak diinginkan saya sarankan backup dulu template blog anda dengan mengklik Download Full Template.

• Centang kotak kecil yang bertuliskan Expand Template Widged.

• Silahkan anda cari kode ]]></b:skin>

• Copy kode yang ada dibawah ini kemudian paste di atas kode ]]></b:skin>

 

.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}

• Kemudian cari kode </body>

• Copy kode yang ada dibawah ini dan paste kan diatas kode </body>

<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>

• Dan terakhir silahkan Save Template anda.

Bagaimana mudah bukan...? silahkan anda mencobanya.


Semoga informasi ini bermanfaat.

 

sumber:http://davotmarbun.blogspot.com/2011/11/cara-membuat-tombol-next-page-pada-blog.html

»»  READMORE...

Buku Tamu Melayang Diatas Kanan

Masih Kita membahas tentang mendesain blog....
kali ini saya impian relugais12 akan membahas tentang judul di atas tersebut.
mungkin biar tidak banyak ucapan ge saya akan langsung saja memberikan cara-caranya...



Langsung saja yach>>>>>

1. Loginlah dulu di Blogger >Rancangan > Elemen Laman > Klik Tambah Gadget>HTML/Java Scripts..
2. Jika sudah buatlah nama pada widget yang baru ini... lalu Copy-Paste kode dibawah ini ke dalam widget HTML/Java Scripts tadi...

<style type="text/css">
#gb{
position:fixed;
top:0px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:110px;
float:left;
cursor:pointer;
background:url('http://i915.photobucket.com/albums/ac357/adiluvdv/buku-tamu_03.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
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"> <!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="gaga12" src="http://www4.shoutmix.com/?gaga12" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www4.shoutmix.com/?gaga12">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->
<br/>
Anda berminat buat Buku Tamu seperti ini?<br/>
Klik di
<a href="http://impianrelugais12.blogspot.com/2010/08/suatu-ketika-lagi-ngenet-tiba-tiba.html">
sini </a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Contoh di atas adalah 'Widget Melayang Shoutmix'

Keterangan :

Merah = Gantilah dengan kode Scripts Widget yang akan kamu tampilkan Misalnya kode Scripts Widget Shoutmix..
Biru = Gantilah dengan URL Gambar Tab kamu (atau pakai saja url gambar tab diatas tdi) .. Gambarnya bisa kamu buat dengan Program seperti Photoshop.. lalu kamu Upload/simpan gambar tsb di Photobucket ..baru kamu bisa mendapat kode url Direct Link gambar tdi..

4. Simpanlah dan Selesai dech^_^... namun sebaiknya posisi widgetnya di Bagian Tata letak di letakan paling bawah lalu klik simpan.. Untuk melihat hasilnya silahkan Refresh,reload tab,atau tekan f5 pada  blog kamu.. Mudahkan.. ;-)

Selamat Mencoba
Para Sobat Sekalian

sumber:http://impianrelugais12.blogspot.com/2010/08/suatu-ketika-lagi-ngenet-tiba-tiba.html

»»  READMORE...

Kebijakan Copy Paste

KEBIJAKAN COPY PASTE TOPIKCYBER.COM


TopikCyber memiliki kebijakan Banned Copast Artikel secara ilegal atau tidak meliputi Izin, Copy Paste secara istilah adalah Copy yang artinya Salin dan Paste yang artinya Tempel, menyalin atau memindah Text atau Foto dari tempat satu ke tempat yang lain.
TopikCyber Mengizinkan Pengaksesnya untuk Mengcopy artikel hanya untuk Kegiatan Kehidupan Sehari-hari seperti; Presentasi, Tugas Sekolah , Mencari Informasi , Ilmu Pengetahuan dan yang Lainnya,
 TopikCyber tidak sepenuhnya memberi izin mengcopy Artikel untuk di terapkan di Website peng Copast, tapi bukan berarti tidak Boleh.


KETENTUAN:

Pertama , Diperbolehkan Mengcopy dengan memberikan Sumber di Bawah Artikel atau di Atas Artikel.
Contoh:

• sumber TopikCyber.com
• sourcer from topikcyberdotCom
• di ambil dari sumbernya

Kedua, Dalam Mengcopy, tidak boleh mengubah struktur artikel atau mengedit Artikel.
Ketiga , Barang siapa yang diketahui Mengcopy tanpa Izin atau tidak menyertakan Sumber, akan di tindak   Lanjuti.
Keempat, Artikel dari TopikCyber adalah Conten Asli, Tidak Copast dari Website Lain. Kelima, Walaupun Mengcopy dan menyertakan sumber, namun tidak di perbolehkan mengcopy lebih dari 3 Artikel dalam waktu yang Singkat.
Keenam, Boleh Mengcopy lebih dari 3 Artikel, namun kurang dari 7 Artikel, namun harus meliputi syarat,

• Izin Admin
• Follow Blog ini
• Memiliki Berkas Persyaratan dan Persetujuan dari admin secara Legal (melalui ScreeShot atau Link saat terjadi persetujuan), dan akan di berikan izin jika mendapat Persetujuan.

Ketujuh, Copy-Paste secara ilegal atau tidak memiliki hak telah melanggar Undang Undang tentang Hak Cipta.
Terakhir , TopikCyber tetap akan memberikan Free Akses (tidak memasang anti Copy-Paste) untuk pengunjung yang tertib dan Tidak melanggar Ketentuan dengan Ikhlas dan secara Legal.

STRUKTUR KONTEN:
Pertama, Artikel dalam TopikCyber adalah Conten asli dari Admin.
Kedua, Artikel yang tertera bisa saja dari Buku, Gambar, atau Otodidak umum
Ketiga , Apabila artikel kami mengandung Spam, Pornografi, atau Melanggar Undang Undang dengan apapun harap melaporkan dan akan langsung Kami sunting bahkan kami Hapus.

Terima Kasih Telah membaca Ketentuan Ini, TopikCyber hanya ingin menjaga Cipta TopikCybe

sumber http://md-share.blogspot.com/2012/07/kebijakan-copy-paste.html

»»  READMORE...

Cara Membagi Header Template Menjadi Dua Kolom

Di template baru, template bawaan Blogspot seperti kita tau headernya hanya memiliki satu kolom. Mungkin kita merasa kurang puas dan ingin membagi headernya menjadi dua bagian. Ikuti saja langkah-langkahnya dibawah ini, cara membagi header template menjadi dua kolom :
- Masuk ke akun Blogger anda
- Dashboard
- Rancangan
- Edit HTML
- Centang Expand Template Widget
- Cari kode seperti ini, cari yang mirip:

.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}

- Jika sudah ketemu hapus dan ganti dengan kode di bawah ini:

.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;min-height: 145px; /* untuk mengatur tinggi header (height) */
}
#header {
width: 45%; /* untuk mengatur lebar header kiri – title, description, image */
margin-right: 10px;float: left;
}
#bgsGR_headerkanan {
float: right;
width: 49%; /* mengatur lebar header kanan */
margin: 20px 10px 5px 10px;
padding: 2px;
}
#bgsGR_headerkanan .widget {margin: 3px;}
}

- Setelah itu cari kode seperti ini:

- tambahkan kode berikut dibawahnya:

maxwidgets='1'

showaddelement='yes'> jika ingin menambah lagi susunan kolom kebawah (tambah gadget), maka tulisan yang bercetak tebal, angkanya bisa diganti dengan angka '2'..tetapi agar kedua kolomnya bisa berfungsi sama, anda harus mengganti kode yang satunya lagi, cari lagi kode seperti ini:

maxwidgets='1'

showaddelement='no'> Angkanya diganti dengan angka '2' dan 'no' diganti dengan 'yes'
Kedua angka diatas bisa diganti lagi dengan 3, 4 dan seterusnya sesuai jumlah yang kita inginkan.
 - Terakhir simpan Template dan lihat hasilnya:

»»  READMORE...

MENAIKKAN TRAFFIC DENGAN SISTEM MLM

Diposkan oleh Admin 3 di 21:05

Mau tahu Cara cepat update PageRank di Google? Makanya jangan pernah menganggap remeh penyebaran produk dengan pemasaran sistem Multi Level Marketing . Dalam postingan kali ini saya mau mencoba mengajak kalian semua untuk memanfaatkan kedahsyatan faktor kali dan kecepatan penyebaran ini dalam bentuk backlink.

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

1. Kata Mutiara
2. Sahabat Pena
3. Pintu Taubat
4. Babul Fatah
5. Cinta Rosul
6. Satrio Piningit
7. Free Backlink
8. Free Banner
9. Backlink Gratis 
10. Poezziinng

Tapi ingat, sebelum kamu meletakkan link diatas, sobat harus menghapus peserta nomor 1 dari daftar. Sehingga semua peserta naik 1 level. Yang tadi nomor 2 jadi nomor 1, nomor 3 jadi 2, dst. Kemudian masukkan link sobat sendiri di bagian paling bawah (nomor 10). Jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah:

Ketika posisi anda 10, jumlah backlink = 1
Posisi 9, jml backlink = 5
Posisi 8, jml backlink = 25
Posisi 7, jml backlink = 125
Posisi 6, jml backlink = 625
Posisi 5, jml backlink = 3,125
Posisi 4, jml backlink = 15,625
Posisi 3, jml backlink = 78,125
Posisi 2, jml backlink = 390,625
Posisi 1, jml backlink = 1,953,125

Dan semuanya menggunakan kata kunci yang anda inginkan. Dari sisi SEO anda sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung downline lalu mengklik link Anda itu, maka anda juga akan mendapatkan traffic tambahan.

Nah,  Silahkan copy paste artikel ini, dan hilangkan peserta nomor 1 lalu tambahkan link web anda di posisi 10. Ingat, Anda harus mulai dari posisi 10 agar hasilnya maksimal. Karena jika anda tiba2 di posisi 1, maka link anda akan hilang begitu ada yang masuk ke posisi 10.

Selamat Mencoba....

»»  READMORE...

Guest Book

Buku Tamu

Silahkan tinggalkan pesan anda.....

Blog ini dibuat untuk persahabatan dan saling tukar informasi mengenai suptar dunia IT dll,  untuk lebih singkatnya silahkan tinggalkan pesan anda....terima kasih

»»  READMORE...

Chatting

Chat for Websites

»»  READMORE...