Download Template Blogspot Bargaya Toko Online
Sebelumnya ada yang bertanya di twitter, Ada nggak template untuk toko online di blogpsot?. Kali ini Belajar Ngeblog di BLOG akan menjawab dengan menuliskan template-template untuk blogspot yang bergaya toko online yang bisa didownload. Berdasar data-data yang ditulis oleh portal berita, transaksi jual beli online setiap tahunnya mengalami peningkatan. Tentu hal ini tidak perlu dikagetkan, karena perkembangan pengguna internet pasti juga berdampak meningkatnya penggunaan internet untuk berjual beli.
Berbelanja online sepertinya sudah menjadi tren atau gaya hidup masa kini. Begitu pun dengan toko online, sudah ada banyak toko online yang memanfaatkan sosial media. Salah satu yang bisa dimanfaatkan adalah blog, yaitu dengan menjadikan toko online untuk memajang barang-barang jualannya.
Jika kita ingin memfaatkan blog untuk toko online tentu kita harus mengubah tampilan blog layaknya toko online. Untuk itu kita bisa men-download template yang bergaya toko online. Tampilan template bergaya toko online biasanya berbentuk galeri dengan deskripsi di bawah gambar. Berikut kumpulan template toko online (online shop) untuk blogspot:
Baby Shop Blogger Template
Blogger Store v2 Blogger Template
Blogger Store Blogger Template
Dengan memanfaatkan blog gratisan untuk toko online tentu akan bisa menghemat biaya. Selian itu dengan membuat halaman toko online yang personal bisa membantu dalam membangun brand toko. Sampai akhirnya membuat toko online yang profesional dan tidak lagi membutuhkan template blogspot bergaya toko online. Pastinya harus bisa menjaga kualitas dan kepercayaan pembeli agar mereka bisa berbelanja online dengan murah dan aman.
Salam Cyber Indonesia
Membuat Link Bergoyang
Membuat Link Bergerak (Bergoyang)
Maksudnya apa sih, link kok bergoyang? kayak dangdutan saja :D Maksudnya begini lo, link yang disetuh oleh cursor akan bergerak ke kanan, dan kalau dijauhkan akan kembali ke tempat semula. Sudah mengerti? Jadi hampir sama marquee, bedanya link akan bergerak hanya jika disentuh.
Dengan membuat link bergoyang ini, selain untuk membedakan kalau teks itu ada linknya, tentunya juga untuk membuat lebih menarik. Dulu ada cara membuat link menjadi pelangi, bahkan juga ada membuat link berkedip-kedip. Sekarang kita akan belajar membuat link yang bergoyang ;)
Cara Membuat Link Bergerak (Bergoyang)
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh kode berikut di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
<script type='text/javascript'>
$(document).ready(function() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
6. Simpan Template jika sudah selesai.
Bersiaplah untuk melihat link yang ada di blog kita akan bergoyang jika disentuh.
Selamat Mencoba
Memasang Efek-Efek Keren Di Blog
Hello Sobat Cyber .Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat.
Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.
A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.
- Klik rancangan --> Edit html
- Letakkan script efek di atas kode </body>
- Klik Save
<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>
2. Efek hati bertaburan
<script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script>
3. Efek bintang bertaburan
<script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script>
4. Efek kembang api
<script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script>
5. Efek Gelembung
<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>
5. Efek Kupu - Kupu Terbang
<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>
6.Efek Semut Muter-Muter di Blog
<div style="display:scroll; position:fixed; top:150px; left:20px;"><img border="0" src="http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif" /> </div>
Berikut Efek-Efek Keren yang dapat Sobat Pasang Di BLOG Sobat.
Semoga Bermanfaat..
Cara Mengganti Template Blog
Hello Sobat Cyber?? Kali Ini saya Akan Menjelaskan Tentang Cara mengganti template blogger, inilah satu hal yang mungkin dipertanyakan oleh blogger pemula, sudah pasti para blogger ingin tampilan blognya lebih keren dan profesional dari pada blog yang tampilannya berantakan, loadingnya berat ataupun tidak ramah sama sekali kepada pengunjung, ada juga yang tampilan blognya disesuaikan dengan kesukaannya contohnya template naruto dan lain-lain.
Kenapa ganti template..? mungkin
ini yang terjadi pada anda yaitu bosan dengan yang itu-itu aja, pingin
template yg lengkap misalnya saja anda ingin template yang mempunyai
menu horizantal, menu breadcrumbs, dll sedangkan anda tidak paham dengan
edit HTML, dan ada juga karna templatenya rusak karna kesalahan
pemasangan widget,gadget dan kesalahan ketika mengedit HTML.
Template seperti apa yang baik
dan cocok untuk blog kita ? yaitu template yang anda pilih menurut
pilihan anda sendiri dan yang pas dengan hati anda baik itu melalui
saran dari teman blogger yang laen ataupun tidak, karna andalah yang tau
karakter blog anda.
Bagaimaina cara mengganti
template ? anda bisa googling template seseuai dengan selera anda, yang
mempunyai format .XML, dan biasanya template berformat .XML ini
dicompress dalam format .ZIP maka kita harus mengekstraknya terlebih
dahulu. dengan cara klik kanan seperti gambar dibawah ini.
Jika
muncul peringatan widget/gadget, pilih saja pertahankan widget/gadget,
agar gadget yang terpasang pada blog anda tidak hilang dan tidak susah
susah tuk menambahkannya lagi.
Demikian Artikel yang Dapat saya Tulis Mengenai "Cara Mengganti Template Blog. Selamat Mencoba&Semoga Sukses!!!
Cara Menampilkan Komentar Terbaru ( Recent Comments )
Bagaimana perasaanmu kalau tulisan yang kamu postingan itu banyak menuai komentar dari pembaca? Bagi saya itu adalah suatu penghargaan, dan senang, karena tulisan kita ada yang baca dan memperhatikan, coba kalau gak baca apa bisa komentar ya walau cuma judulnya saja. :x
Lalu bagaimana caranya agar kita dapat memunculkan atau menampilkan komentar-komentar yang baru masuk? Kita harus juga membeberkan komentar-komentar dari pembaca juga kan! Walau jelek atau bagus komentar itu harus tetap kita hargai.
Menampilkan komentar terbaru ( recent comments ) ini berfungsi untuk menunjukan siapa yang komentar dan di artikel mana dia berkomentar. Menurut Kendhin Kita dapat menampilkan pada halaman blog kita, yaitu dengan menmbahkan script berikut ini:
<script style="text/javascript"
src="http://www.geocities.com/leo_host/komentar-terbaru.js"></script><script
style="text/javascript">var a_rc=8;var m_rc=false;var n_rc=true;var
o_rc=50;</script><script
src="http://NAMABLOGKAMU.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Kamu harus perhatikan
rc=8 angka 8 berarti banyaknya komentar yang ingin kamu tampilkan
rc=40 angka 40 berarti banyaknya suku kata yang ingin kamu tampilkan pada setiap komentarnya
NAMABLOGKAMU harus kamu ganti dengan URL blog kamu sendiri
Selamat Mencoba & Semoga Sukses!!!
Salam Cyber Indonesia
Menampilkan Judul Entri Terbaru ( Recent Post )
Ingin menampilkan judul postingan terbarumu? Karena oarang perlu tahu judul terbarumu, setelah dulu pernah saya bahas cara menampilkan komentar terbaru (Klik disini Untuk Membaca), sekarang dengan bahasan yang berbeda tapi sedikit sama, Yaitu menampilkan judul postingan terbaru.
Caranya sangat mudah, yaitu :
1.Kita login ke blog kita
2.pilih tata letak, tambahkan gadget,
3.pilih HTML/Javascript.
Sekarang masukan script berikut ini :
<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://NAMABLOG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://NAMABLOG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
Catatan :
Sedikit yang harus kita rubah yaitu
numposts = 10 angka 10 berarti 10 judul yang akan kita tampilkan
http://NAMABLOG.blogspot.com NAMABLOG harus diganti dengan URL blog kita.
Kalau sudah selesai SIMPAN.http://NAMABLOG.blogspot.com NAMABLOG harus diganti dengan URL blog kita.
Salam Cyber Indonesia
Cara Membuat Zoom Pada Gambar di Blog
Cara Membuat Zoom Effect pada Gambar di Blog
Rasanya jika tampilan blog hanya teks itu membosankan. Oleh sebab itu perlu juga ada gambar atau foto di blog supaya mata bisa betah dan tertarik untuk melihat blog kita. Baik gambar yang digunakan sebagai ilustrasi postingan atau gambar yang dijadikan banner dan dipasang di sidebar.
Gambar selain bisa menjadi hiasan bisa juga menjadi pendukung dari tulisan kita. Blog sebagai salah satu media sosial yaitu untuk menuangkan ide pikiran dan pengalaman bisa lebih menarik. Salah satunya dengan membuat efek-efek pada gambar yang ada di blog.
Dulu pernah kita pelajari cara membuat efek mouseover. Sekarang kita akan belajar membuat zoom effect atau efek perbesar. Jadi ini adalah cara membuat efek pada gambar yang disentuh oleh mouse otomatis akan zoom atau diperbesar. Untuk membuat zoom effect ini tidaklah sulit, langsung saja simak langkah-langkahnya.
Cara Membuat Zoom Effect pada Gambar di Blog
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Cari kode ]]></b:skin> lalu taruh kode berikut ini di bawahnya:
.ow img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 10px 5px 0;
}
.ow img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 10px 5px 0;
}
.ow img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
5. Simpan Template jika sudah selesai.
6. Untuk menerapkan Zoom Effect ini kita harus menambahkan tag class="ow" pada kode HTML gambar, contohnya seperti ini:
<a class="ow" href="http://twitter.com/kurniasepta"
><img border="0" height="177"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk1-N8KwbgWv5wvNDnRsrHJ9Q3wDU8hLlayOtYsr_4lYGHt09J-5-z9R4c3h3WdaeQSQAc7pNUqxI_XVPT38rkQkjvfvhPF9ojPI7ZCOxxl_aBacc2MAVlCkSl_XAEag84QX-L7oUj7eA/s320/follow.jpg"
width="284" /></a>
Langganan:
Komentar (Atom)