Cara Membuat Background Di Belakang Postingan Blog

Mempercantik Blog dengan Membuat Backgroud di belakang Postingan Blog dapat di lakukan dengan 2 cara. ada cara manual dan cara otomatis. untuk cara manual anda di haruskan untuk memasukkan kode di setiap penulisan postingan. tapi untuk cara otomatis anda tidak perlu lagi memasukkan kode disetiap menulis artikel di blog.
berikut Cara Membuat Backgroud di belakang Postingan Blog:

1. Cara Manual - Membuat Background Postingan Blog

-Loggin di Blogger - Klik Entri Baru
-ada dua pilihan penulisan di blogger. penulisan dengan edit HTML dan Copose. pilih atau klik penulisan Edit HTML
-Copy dan Paste kode di bawah ini di kotak penulisan Postingan:

<div style="background:url(URL Image) no-repeat Center top; text-align:justify; font-size:100%; padding:10px"> Tulis Postingan (Artikel) anda disini </div>

Ganti tulisan URL image dengan alamat URL gambar yang anda inginkan. contohnya seperti ini:

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Y77jgk-f37CMKyaAS6kiXxtUwqsbj3AD0pK91PCjkIiF3N3T9fwgvR67rMKlRUqeoGdqhsJja0JY2ps4Zt44ZRbdza9sTruxVG9MMadIPxnIRap9QbGyZHl2ffiGyfneSk0NaJOx_q0/s640/avril-lavigne-beach-011.jpg) no-repeat right top; text-align:justify; font-size:100%; padding:10px"> Cara membuat Background di belakang Postingan </div>

2. Cara Otomatis - Membuat Background Artikel di Blog

-Loggin di Blogger - Klik menu Setting (Pengaturan) atau menu "Setelan"
-Di dalam menu Setting tersedia beberapa menu. pilih menu "Format"
-lihat di bagian paling bawah ada terdapat kolom "Post Template" atau "Templat Entri"
-Copy Paste kode dibawah ini didalam kolom "Post Template atau "Template Entri"

<div style="background:url(URL Image) no-repeat;"> Tempat menulis postingan </div>

Ganti tulisan URL Image dengan alamat Url Gambar yang anda inginkan seperti penjelasan di cara no.1

Good Luck...

READ MORE - Cara Membuat Background Di Belakang Postingan Blog

Cara Memasang Toolbar Wibiya Pada Blog

Cara measang toolbar wibiya pada blog. sedikit penjelasan dari saya toolbar wibiya itu kotak panjang yang biasa ada di halaman bawah web anda. tau tampilan facebook yang lama kan. nah seperti itulah toolbar. untuk memasangnya ikuti cara" dibawah ini

1. Kunjungi web wibiya
2. Setelah masuk, cari Kotak hijau bertuliskan Get It Now! dan klik itu
3. Di halaman pendaftaran isikan kotak sesuai dengan data - data anda
4. Jika sudah klik Next
5. Pilih theme toolbar nya sesuai dengan keinginan anda jika sudah klik next
6. Pilih aplikasi - aplikasi yang ingin ditampilkan di toolbar dan jika sudah klik next
7. Jika anda ingin memasang nya otomatis klik di leftbar icon blogger, dan jika anda ingin memasangnya sendiri anda hanya tinggal mengklik kotak yang bertuliskan Install on Website anda other blogplatforms dan copy kode tersebut
8. Pasang toolbar tersebut pada blog anda
9. Selesai. Selamat mencoba.

good luck...

READ MORE - Cara Memasang Toolbar Wibiya Pada Blog

Cara Membuat Adress Bar Tampil Beda

Kali ini yang akan kita bahas adalah Cara mebuat judul adress bar tampil beda. Mungkin artikel ini tidak asing lagi di mata anda. Sebagian sobat senang dengan tampilan blog yang unik dan menarik. Anda bisa memasang tutor yang satu ini. Anda dapat mencobanya untuk milihat hasilnya. Jika anda tidak senang anda bisa untuk menghapusnya kembali. Berikut cara membuat judul adress bar tampil beda:

1. Login pada blog sobat
2. Rancangan
3. Edit HTML
4. Cari kode </head>
5 Selanjutnya copy kode dibawah ini dan pastekan di atas kode </head>

<script type="text/javascript">
//<![CDATA[
function tb9_makeArray(n){
this.length = n;
return this.length;
}
tb9_messages = new tb9_makeArray(1);
tb9_messages[0] = "Blognya Rizky | Tutorial Blogspot, Tips n trick and many more";
tb9_rptType = 'infinite';
tb9_rptNbr = 5;
tb9_speed = 100;
tb9_delay = 2000;
var tb9_counter=1;
var tb9_currMsg=0;
var tb9_timerID = null
var tb9_bannerRunning = false
var tb9_state = ""
tb9_clearState()
function tb9_stopBanner() {
if (tb9_bannerRunning)
clearTimeout(tb9_timerID)
tb9_timerRunning = false
}
function tb9_startBanner() {
tb9_stopBanner()
tb9_showBanner()
}
function tb9_clearState() {
tb9_state = ""
for (var i = 0; i < tb9_messages[tb9_currMsg].length; ++i) {
tb9_state += "0"
}
}
function tb9_showBanner() {
if (tb9_getString()) {
tb9_currMsg++
if (tb9_messages.length <= tb9_currMsg) {
if ((tb9_rptType == 'finite') && (tb9_counter==tb9_rptNbr)){
tb9_stopBanner();
return;
}
tb9_counter++;
tb9_currMsg=0;
}
tb9_clearState()
tb9_timerID = setTimeout("tb9_showBanner()", tb9_delay)
}
else {
var tb9_str = ""
for (var j = 0; j < tb9_state.length; ++j) {
tb9_str += (tb9_state.charAt(j) == "1") ? tb9_messages[tb9_currMsg].charAt(j) : "____"
}
document.title = tb9_str
tb9_timerID = setTimeout("tb9_showBanner()", tb9_speed)
}
}
function tb9_getString() {
var full = true
for (var j = 0; j < tb9_state.length; ++j) {
if (tb9_state.charAt(j) == 0)
full = false
}
if (full) return true
while (1) {
var num = tb9_getRandom(tb9_messages[tb9_currMsg].length)
if (tb9_state.charAt(num) == "0")
break
}
tb9_state = tb9_state.substring(0, num) + "1" + tb9_state.substring(num + 1, tb9_state.length)
return false
}
function tb9_getRandom(max) {
var now = new Date()
var num = now.getTime() * now.getSeconds() * Math.random()
return num % max
}
tb9_startBanner()

//]]>
</script>

6. Simpan template

Gantu tulisan yang berwarna biru dengan judul adress bar yang anda inginkan

Selesai dan selamat mencoba ^_^

READ MORE - Cara Membuat Adress Bar Tampil Beda

Cara Memasang Scroll Box Daftar Isi

Cara memasang scroll box daftar isi. Ikuti Langkah-langkah Di Bawah Ini:

1. Login pada blog anda
2. Rancangan
3. Tambah Gadget
4. HTML/Javascript
5. Copy kode di bawah ini:

<div style="border: 1px solid rgb(0, 0, 0); height: 200px; overflow: auto;">
<script src="https://sites.google.com/site/bloggermyblog/TableOfContents.js">
</script>
<script>
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
var shownumposts = true;
</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;max-results=999&amp;callback=showrecentposts">
</script></div>
<div align="center" style="font-size: 11px; padding: 20px 5px 5px;">
<a href="http://blog-thinker.blogspot.com" style="color: black;" target="_blank"></a></div>

Keterangan:
# Tulisan berwarna Orange, ganti dengan alamat blog sobat

6. Simpan..

Selesai!!!, selamat mencoba.

READ MORE - Cara Memasang Scroll Box Daftar Isi

Cara Membuat Huruf Besar Pada Awal Kalimat

Cara membuat tulisan besar di awal kalimat, atau bisa juga di sebut Drop Cap. Kalau sobat belum mengerti lihat di koran atau majalah. Ada tulisan besar di awal kalimat itulah yang dinamakan dengan Drop Cap. Untuk membuat drop cap ikuti langkah - langkah di bawah ini:

1. Login pada blog sobat
2. Template
3. Edit HTML lalu lanjutkan cari kode ]]</b:skin>
4. Copy kode di bawah ini dan paste di atas kode pada no 3

/* kode drop cap
----------------------------------------------- */
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}

6. Simpan Template
7. Untuk memasangnya di post tambahkan kode di bawah ini di antara huruf yang ingin di tambahkan efek Drop Cap

<span class="awal">Huruf Yang Sobat Inginkan</span>

Good Luck...

READ MORE - Cara Membuat Huruf Besar Pada Awal Kalimat

Cara Memasang Widget Share To Facebook

Cara memasang widget share to facebook, memang caranya susah - susah gampang. Anda harus mengotak - ngatik sedikit template html anda. Tertarik? ikuti saja langkah - langkah di bawah ini:

Pilih dulu jenis kotak share yang anda ingin..

<a title='Share on Facebook' name='fb_share' type='box_count' href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>

<a title='Share on Facebook' name='fb_share' type='button_count' href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>

1. Login pada blog
2. Rancangan
3. Edit HTML
4. Pilih Expand Template Widget dan centang
5. Cari kode <p><data:post.body/></p> atau <data:post.body/>
6. Copy kode di bawah ini dan pastekan di atas kode pada no 5

<div style='float:right; margin:0 0 10px 10px; text-align:center;'>Letakkan Kode Kotak share pilihan anda disini</div>

7. Nah jika tamplate anda menggunakan sistem readmore otomatis, cari kode <div class='post-body entry-content'> biasanya ini terletak diatas kode <p><data:post.body/></p>
8. Simpan Template

Good Luck...

READ MORE - Cara Memasang Widget Share To Facebook

Cara Memasang Widget Profil Twitter

Kali ini kita akan menjawab pertanyaan teman saya, "Sob, bagaimana cara masang widget twitter yang ada conversation?" caranya sih lumayan gampang. ikuti saja langkah" di bawah ini:

1. Login pada akun twitter anda, bila belum punya daftar disini
2. Jika sudah klik disini
3. Atur kotak widget tersebut sesuai dengan keinginan anda dengan mengklik Appearance
4. Jika sudah klik finish and grab code
5. Copy kodenya dan pasang pada blog anda
6. Selesai deh.

Good Luck ^_^

READ MORE - Cara Memasang Widget Profil Twitter