Membuat Stripe-ads di Blog

Membuat Stripe-ads adalah adalah seperti navbar yang ada selalu di atas. sperti gambar di samping, kita bisa menampilkan iklan di Stripe-ads. Membuat Stripe-ads dapat kita gunakan untuk memasang pengumuman atau iklan yang berbentuk teks.

Stripe-ads akan selalu tampil diatas walau kita menscroll ke bawah, dan kita bisa mengclose-nya jika kita merasa risih dengan adanya Stripe-ads. Membuat Stripe-ads lebih baik baik dari pada menampilkan iklan dengan Pop UP. Stripe-ads akan selalu terlihat tapi juga bisa dengan mudah orang mengklik close.

Cara Membuat Stripe-ads di Blog
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. Cari kode berikut ]]></b:skin> dan Tambahkan kode berikut ini di atasnya

#mta_bar { background: #FFFFE1; border-bottom: 1px solid #808080; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto; position: fixed; }
* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}
#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}
#left_bar a { text-decoration: none; color: #0000FF; }
#left_bar a:hover { text-decoration: underline; color: #0000FF; }

6. Cari kode </head> dan tambahkan kode berikut ini di atasnya

<script src='http://sites.google.com/site/asrizalofficialweb/javascript/Stript-ad.js' type='text/javascript'/>

7. Cari kode </body> dan taruh kode berikut ini di atasnya

<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://twitter.com/kurniasepta' target='_blank'>Follow Me On Twitter</a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;o-om.com.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://lh5.ggpht.com/_mWNaJ9OwpbA/TFQz3m9CBzI/AAAAAAAAAhU/3whudNQNZEg/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>

Kita dapat mengganti http://twitter.com/kurniasepta dan Follow Me On Twitter dengan URL dan judul yang kita inginkan.

8. Simpan Template jika sudah selesai

selengkapnya>>

Memodifikasi Warna Saat Teks Diblock

Tulisan kita termasuk tulisan yang bagus, tulisan yang bermutu, atau tulisan yang orisinal? Dan tak jarang akibatnya tulisan kita banyak yang dikutip, diblock lalu di copy-paste. Ya,,, kali ini kita akan belajar untuk bagiamana memodifikadi tulisan yang ada di blog kita saat diblock tidak hanya berwarna putih dan biru. Kita dapat memodifikasi tulisan yang diblock dengan berbagai warna yang kita inginkan.

tulisan yang diblock menjadi seperti ini

Cara Memodifikasi Warna Saat Teks Diblock
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. Cari kode berikut ini ]]></b:skin>
6. Taruh kode berikut ini di atasnya

::-moz-selection{background:red; color:green}
::selection{background:#ff0000; color:#33ff33}

* Background >> kita dapat mengubah warna latar belakang teks yang sedang diblock dengan mengganti nilai tersebut dengan kode warna atau dengan teks warna bahasa inggris, misalnya ingin berwarna hijau, kita tulis disana green
* Color >> kita dapat mengganti warna font (teks) dengan kode warna ataupun dengan teks warna bahasa inggris, misalnya ingin berwarna biru, kita tulis disana blue

7. Simpan template jika sudah selesai.

selengkapnya>>

Menambahkan Tweet Button Resmi Dari Twitter

Tweet Button Resmi Dari Twitter

Siapa yang gak kenal twitter? Memang situs mikroblogging yang satu ini begitu populer, banyak sekali trending topik yang berasal dari Indonesia, ini membuktikan pengguna twitter cukup banyak di Indonesia. Twitter menjadi salah satu tempat mendapatkan informasi yang terbaru dan populer saat ini. Banyak sekali info yang bisa dibagi ke twitter.

Kita juga dapat memanfaatkan twitter untuk membagi tulisan (link) blog kita ke sana. Salah cara yang bisa gunakan adalah dengan menambahkan tweet button yang resmi dari twitter di blog kita. Memang kita bisa juga menambahkan tweet button dari tweetmeme, yang tutorialnya bisa di baca di sini. Ada perbedaan antara tweet button dari tweetmeme dengan tweet button dari twitter, yaitu tweetmeme bisa menyajikan statistik tweet yang lebih baik dari twitter.

Bagi kita yang ingin menambahkan button resmi dari twitter bisa meluncur langsung ke halaman  http://twitter.com/goodies/tweetbutton. Selanjutkan kita bisa memilih model yang kita inginkan, button yang model apa yang kita ingin tambahkan ke blog kita.

Cara Menambahkan Tweet Button Resmi Dari Twitter
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. Cari kode <div class='post-header-line-1'/> atau <div class='post-footer'>
6. Taruh kode berikut (dari twitter) di bawahnya

<a class='twitter-share-button' data-count='horizontal' data-via='kurniasepta' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

7. Simpan Template jika sudah selesai

Jangan lupa ganti kurniasepta dengan username twittermu sendiri. Follow @kurniasepta on twitter ya :D

selengkapnya>>

Menambahkan Button Back To Top

Salam blogger :) yuk belajar ngeblog lagi. Kali ini bagaimana kalau kita belajar untuk mempercantik blog kita lagi? Setuju :D Salah satu yang kita akan bahas kali ini adalah cara menambahkan button back to top.Saat kita menulis blog kadang tulisan yang kita buat itu panjang, atau juga tulisan yang kita posting itu banyak komentar, sehingga halamannya ke bawahnya juga panjang.

Kadang saya sendiri juga melihat dari atas, mulai dari judul,isi, dan juga komentar-komentar yang masuk. Saat sampai di paling bawah atau juga tidak terlalu di bawah kita ingin ke atas, jadi kita harus memutar grid mouse itu. Ini di manfaat kita menambhak button back to top, kita dapat dengan mudah kembali ke atas. Tinggal mengklik button itu kita akan langsung ke atas (top).

Cara Menambahkan Button Back To Top
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. Copy paste kode di bawah sebelum kode ]]></b:skin>

#csstop {
overflow: hidden;
float:right;
width:33px;
height:50px;
clear:both;
}

6. Tambahkan kode dibawah ini sebelum kode </body>

<a id="csstop" href="#"><img src="http://4.bp.blogspot.com/_a378mcmEc38/TGjsjCp1NEI/AAAAAAAACZ8/bKwAVtzxD8E/s1600/up_button.jpg" title="back to top"/></a>

7. Simpan Template jika sudah selesai.

selengkapnya>>