Home » Posts filed under Tutorial Blogger
Kumpulan Anmasi Untuk Mempercantik Blog Anda
Jika sobat berminat untuk memasangnya, silahkan ikuti caranya berikut ini :
- Login ke Akun Blogger Anda
- Buka Tata Letak
- Klik "Tambah Gadge=> HTML/Javascript"
- Copy dan Pastekan kode masing-masing animasi yang Anda senangi.
- Lalu Klik Simpan atau Save
<a href="http://blog-satri4.blogspot.com/2014/08/kumpulan-anmasi-untuk-mempercantik-blog.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1274.photobucket.com/albums/y434/Satria_Doelast/narut_zps20698b67.gif" /></a>
<a href="http://blog-satri4.blogspot.com/2014/08/kumpulan-anmasi-untuk-mempercantik-blog.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1274.photobucket.com/albums/y434/Satria_Doelast/Fire_zps8fdf9e47.gif" /></a>
<a href="http://blog-satri4.blogspot.com/2014/08/kumpulan-anmasi-untuk-mempercantik-blog.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1274.photobucket.com/albums/y434/Satria_Doelast/12-1_zps1a6d47e5.gif" /></a>
<a href="http://blog-satri4.blogspot.com/2014/08/kumpulan-anmasi-untuk-mempercantik-blog.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1274.photobucket.com/albums/y434/Satria_Doelast/tutuktutuk_zps547cba40.gif" /></a>
<a href="http://blog-satri4.blogspot.com/2014/08/kumpulan-anmasi-untuk-mempercantik-blog.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="#" /></a>
Cooming Soon
Cara Mengganti Background Template
Mengganti background template bawaan dari google mungkin tidak menjadi suatu masalah yang merepotkan, akan tetapi kebanyakan para blogger sudah menggunakan template blog dari pihak ke-3 (pihak ketiga) yang dianggap lebih seo. Dan tentunya kita juga dihadapkan harus dapat meng-edit kode HTML yang ada jika ingin mengganti latar belakang template tersebut.
Sebagai blogger pemula saya ingin berbagi cara mengganti background blog dengan latar belakang yang baru, saya akan membagi menjadi 2 kategori latar belakang, yaitu kategori background warna dan kategori background gambar.
Cara mengganti background blog dengan warna
Biasanya CSS body akan terlihat seperti model di bawah ini :
body {background : #FF0000;
----
----
}
cara mengganti warnanya adalah :
1. Login dahulu ke blog anda
2. Pilih Template pada menu blogger anda
3. Pilih Edit HTML
4. Cari kode yang mirip dengan kode di atas (cari dengan menggunakan Ctrl + F)
seperti : body{background:#610B0B center top no-repeat;font-family: Arial, Helvetica, Sans-serif;font-size: 12px;margin:0px;padding:0px;}
5. Setelah ketemu ganti kode di samping # (warna biru) dengan kode warna html yang telah anda tentukan 6. Klik pratinjau dahulu , lihat tampilan sementara apakah sudah sesuai dengan keinginan anda, jika ya silahkan anda save template, jika belum klik edit template dan silahkan diganti lagi kode di samping # tadi, hingga warna backgroundnya sudah sesuai dengan keinginan anda.
Nilai dari #000000 dapat berbentuk seperti #6495ed atau #cccccc yang kita sebut kode hex (hexa) silahkan pilih mau menggunakan kode warna yang sesuai dengan keinginan, anda juga bisa melihat kode warna html untuk memilih kode warna yang anda inginkan. Jadi prinsipnya ganti saja kode warna CSS BODY pada attribut background tersebut.
Cara mengganti background blog dengan gambar
Kembali lihat bentuk umum kode body adalah seperti di bawah ini :
body {background : url (http://3.bp.blogspot.com)
---
---
}
cara mengganti gambarnya adalah :
1. Login dahulu ke blog anda
2. Pilih Template pada menu blogger anda
3. Pilih Edit HTML
4. Cari kode yang mirip dengan kode di atas (cari dengan menggunakan Ctrl + F)
misalnya seperti di bawah ini :
body{background:#610B0B url(http://3.bp.blogspot.com) center top no-repeat;font-family: Arial, Helvetica, Sans-serif;font-size: 12px;margin:0px;padding:0px;}
ganti saja kode yang mirip seperti itu (warna biru ) sesuai dengan url gambar yang telah disiapkan.
Demikian artikel cara mengganti background blog dengan gambar dan warna, semoga dapat bermanfaat.
Sebagai blogger pemula saya ingin berbagi cara mengganti background blog dengan latar belakang yang baru, saya akan membagi menjadi 2 kategori latar belakang, yaitu kategori background warna dan kategori background gambar.
Cara mengganti background blog dengan warna
Biasanya CSS body akan terlihat seperti model di bawah ini :
body {background : #FF0000;
----
----
}
cara mengganti warnanya adalah :
1. Login dahulu ke blog anda
2. Pilih Template pada menu blogger anda
3. Pilih Edit HTML
4. Cari kode yang mirip dengan kode di atas (cari dengan menggunakan Ctrl + F)
seperti : body{background:#610B0B center top no-repeat;font-family: Arial, Helvetica, Sans-serif;font-size: 12px;margin:0px;padding:0px;}
5. Setelah ketemu ganti kode di samping # (warna biru) dengan kode warna html yang telah anda tentukan 6. Klik pratinjau dahulu , lihat tampilan sementara apakah sudah sesuai dengan keinginan anda, jika ya silahkan anda save template, jika belum klik edit template dan silahkan diganti lagi kode di samping # tadi, hingga warna backgroundnya sudah sesuai dengan keinginan anda.
Nilai dari #000000 dapat berbentuk seperti #6495ed atau #cccccc yang kita sebut kode hex (hexa) silahkan pilih mau menggunakan kode warna yang sesuai dengan keinginan, anda juga bisa melihat kode warna html untuk memilih kode warna yang anda inginkan. Jadi prinsipnya ganti saja kode warna CSS BODY pada attribut background tersebut.
Cara mengganti background blog dengan gambar
Kembali lihat bentuk umum kode body adalah seperti di bawah ini :
body {background : url (http://3.bp.blogspot.com)
---
---
}
cara mengganti gambarnya adalah :
1. Login dahulu ke blog anda
2. Pilih Template pada menu blogger anda
3. Pilih Edit HTML
4. Cari kode yang mirip dengan kode di atas (cari dengan menggunakan Ctrl + F)
misalnya seperti di bawah ini :
body{background:#610B0B url(http://3.bp.blogspot.com) center top no-repeat;font-family: Arial, Helvetica, Sans-serif;font-size: 12px;margin:0px;padding:0px;}
ganti saja kode yang mirip seperti itu (warna biru ) sesuai dengan url gambar yang telah disiapkan.
Demikian artikel cara mengganti background blog dengan gambar dan warna, semoga dapat bermanfaat.
Membuat Berlangganan Lewat E-mail
Jika kalian sering melihat blog dengan tambahan widget E-mail Subscribe atau berlangganan lewat email itu adalah media untuk pengunjung blog untuk dapat membaca feeds blog anda melalui email dan jika anda mempunyai Atikel terbaru akan di kirimkan ke email pengunung blog anda yang telah mendaftar email subscribe anda.... Widget itu sering digunakan para blogger untuk mempercanggih blognya karena terkesan terlihat menarik dan terkesan pemilik blog mempunyai kemampuan database tinggi nahh itu pemikiran bagi yang belum tau cara buatnya..
Sebenarnya gampang kok buatnya melalui jasa feedburner nahh anas akan kasih tau cara buat email subscribe gini nih....
Masuk Situs feedburner.com jika anda belum punya account daftar dulu
Setelah daftar langkah kedua yang harus anda lakukan adalah Sign in
Setelah masuk kamu harus mengisi alamat feed blog kamu terlebih dahulu misalnya
http://blog-satri4.blogspot.com/feeds/posts/default
Ganti tulisan blog-satri4 dengan alamat blog kamu
Check Box Im a Podcaster! kamu centang bila blog kamu isinya video
Kemudian tekan tombol Next
Setelah itu ada konfirmasi lainya dan isi Feeds Title juga Feed Address setelah itu tekan Activate Feeds
Setelah Konfirmasi Semua Selesai kita akan diarahkan ke Dashboard Feeds kita
Kemudian tekan menu Publicize lalu pilih Menu Email Subscribetions
Kemudian Pilih Menu Radio Button FeedBurner (Yep. We now do reliable email delivery.)
Dan kemudian tekan Activate
Kemudian di Subsciptions Form Code pilih bahas dan Taruh Code yang ada di bawahnya di blog kamu dengan cara ke menu Layout--->Page Elements lalu Add a Gadget dan pilih HTML/JavaScript kemudian paste code-nya
Selesai dehh dan lihat hasilnya..... Gimana gampang kan... kamu juga bisa mengotak atik codenya lo....
Pasang Counter Di Blog
saya kembali lagi kali ini akan membahas tentang web counter. Pernahkah anda mengunjungi Website nah di disidebarnyaa ada seperti Nomor-nomor nah itu yang disebut Counter, jika anda belum mudeng juga anas akan kasih tau penjelsanya dan contohnya.
Apa itu Web Counter?
Web counter adalah Aplikasi tambahan pada web atau blog yang berguna untuk menghitung pengunjung yang mengunjungi blog kita. Contohnya seperti dibawah ini
Nah jika anda Udah tau pengertianya dan anda minat ni saya kasih tau cara buatnya
Buka website hitstats.com
Kemudian Klik Sign Up yang ada di Website tersebut
Kemudian Isi Form sesuai data diri anda dan pilih sebuah Style kemudian Sign Up
Kemudian Copy Code HTMLnya Dan taruh di Blog kamu, dengan cara ke menu Layout --> Page elements kemudian Add a page elements terus pilih HTML/Java Script
Selesai Dehhhh Gampang kannnn jangan lupa isi komentar anda dibawah yaaa
Situs yang menyediakan Counter dan Statistik Blog:
http://www.easycounter.com/
http://sitemeter.com/
http://hitstats.com/
http://oggix.com/
Menampilkan Recent Comments (Komentar Terbaru)
Menampilkan recent comments atau komentar terbaru fungsinya adalah supaya kita bisa dengan mudah mengetahui siapa yang baru saja memberikan komentar pada blog kita dan di postingan mana mereka berkomentar. Recent Comments ini bisa kita pasang di halaman utama blog kita.
Beginilah cara membuat Recent Comments (Komentar Terbaru):
1. Login ke blogger lalu pilih menu "Layout"
2. Kemudian copy script berikut ini :
<script style="text/javascript" src="http://superinhost.com/blog/comments.js"></script>
<script style="text/javascript">
var numcomments = 8;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://blog-satri4.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
<script style="text/javascript">
var numcomments = 8;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://blog-satri4.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
- Angka 8 merupakan jumlah komentar yang mau ditampilkan.
- Ganti blog-satri4.blogspot.com dengan nama blogmu.
3. Untuk menampilkanya di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas kedalam kotak yg disediakan.
Coba dilihat blogmu, langsung jadi deh.
Popular Posts
-
saya kembali lagi kali ini akan membahas tentang web counter. Pernahkah anda mengunjungi Website nah di disidebarnyaa ada seperti Nomor...
-
nah mumpung sekarang ada Waktu Libur. Saya mau share nih, Game Android yg satu ini. Nama nya " Dinosaur War " ! D...
-
kali ini saya ingin berbagi tutorial yaitu Cara Pindah dari WordPress ke Blogger. Sesungguhnya untuk cara memindahkan blog di WordPr...
-
Cheat Dragon City Hack Event, Gems, Free Food, Exp, Gold, Dragon, Island, Cleaning items on the island like rock, tree, other ...
-
Karena sering ditanya tentang bagaimana caranya membuat Tab View (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak p...
-
Mengganti background template bawaan dari google mungkin tidak menjadi suatu masalah yang merepotkan, akan tetapi kebanyakan para blogger s...
-
Tutorial how to use Dragon City Hack Get All Dragon and All Habitat For Free: Log in to your facebook account and play Dragon City...
-
Template Blog Super SEO Friendly 2014 Template ini sangat cocok dipakai atau disarankan untuk anda yang mencari beberapa templ...
-
Jika sobat berminat untuk memasangnya, silahkan ikuti caranya berikut ini : Login ke Akun Blogger Anda Buka Tata Letak Klik ...
-
Jika kalian sering melihat blog dengan tambahan widget E-mail Subscribe atau berlangganan lewat email itu adalah media untuk pengunjung ...
Apakah kamu tahu :
Diberdayakan oleh Blogger.
Popular Post
Mengenai Saya
Random Post
Recent Stories
Connect with Facebook
Sponsors
Search
Archives
Blog Archives
Recent Comments








