March 2012 | HIANSIE

Facebook Twitter RSS Google

Home » Archives for March 2012

Membuat Running Text Di Tab Blog

Posted by Unknown Saturday, March 31, 2012 0 comments

Mempercantik tampilan blog kita merupakan aktivitas yang mengasyikan karena terkait dengan gengsi kita sebagai blogger. Salah satu aksesoris yang cukup sedap dipandang adalah menambah running text pada tab blog kita. Maksudnya?? Coba perhatikan tampilan tab blog saya ada tulisan berjalan kan? Nah itu yang saya maksud :D. Untuk mendapatkan tampilan tersebut anda perlu menambahkan sedikit kode Javascript di blog. Sebenarnya ada berbagai macam tampilan yang bisa didapat dengan menambah kode javascript di blog kita, tetapi saya kasih 1 contoh aja seperti tampilan blog saya saja ya ..:-). Berikut langkah-langkahnya (khusus untuk blogspot) :

1. Masuk ke blogger.com, pilih tata letak.

2. Pilih edit HTML, jangan lupa centang Template Expand Widget.

3. Carilah kode

<head>

4. Kemudian letakkan kode javascript berikut ini tepat di bawah kode berwarna merah di atas :

<script language='JavaScript'>var txt=" .:::***(TEKS ANDA) ***:::. ";
var kecepatan=120;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5. Pada Tulisan (TEKS ANDA), anda ganti dengan tulisan yang anda inginkan tanpa tanda kurung, misal selamat datang, welcome, dan sebagainya. Mudah sekali bukan?, selamat mencoba.

Pasang widget share facebook pada blog

Posted by Unknown Monday, March 26, 2012 0 comments

Pasang widget share facebook pada blog itu topik pembahasan kita hari ini. Ini bertujuan untuk mempublikasikan atau sharing posting atau artikel blog ke teman blogger dan memperluas jaringan blog anda dan meningkatkan SEO, ya begitulah kata para master blogger. Sebenarnya ini menjawab salah satu teman blogger yang bertanya kepada saya kemarin. Begini pertanyaanya, gan, gimana cara pasang widget share facebook ke blog kita? Nah sekalian saya posting aja deh, biar ngerti bagi yang belum mengerti dan tentunya menambah tutor di blog ini.

Untuk membuatnya ikuti langkah-langkah di bawah ini :

Login ke blogger.

Edit template.

Centang "expand widget template".

Kemudian cari kode <span class='post-author vcard'>

Letakkan kode dibawah ini persis dibawahnya.

<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='This share facebook' border='0' src='http://img32.imageshack.us/img32/5742/sharefacebook.jpg'/></a>
</b:if>

Kemudian simpan dan lihat hasilnya.

Semoga artikel di atas bermanfaat dan salam sukses....

Cara membuat efek garis bawah pada url atau link pada blogspot

Posted by Unknown 0 comments

Salam jumpa kembali untuk sobat yang pengen mempercantik blognya. Kali ini kita akan membahasnya yaitu bagaimana cara menambah efek garis bawah pada link di blogger kita. Di mana artikel sebelumnya (terakhir) saya membahas tentang cara menambah efek garis miring pada link blogger. Berikut ini cara membuat efek garis bawah tersebut.

Login ke blogger.
Klik Rancangan.
Edit HTML.
Cari kode a:hover {
Jika sudah ketemu anda tambahkan kode di bawah ini ke dalamnya.

text-decoration:underline;

Jika kode tersebut sudah di tambahkan akan seperti ini

a:hover{
text-decoration:underline;
...}

Simpan template anda.
Selesai....

Sekarang lihat halaman blog anda dan letakkan mouse anda pada tulisan yang terdapat linknya. Jika langkah di atas sudah benar anda terapkan akan nampak perubahan. Semoga tutor blogspot di atas bermanfaat buat anda semua dan salam sukses...

Cara menambah efek tulisan miring pada link yang terdapat pada blogspot

Posted by Unknown 0 comments

Ketemu lagi dengan artikel baru panduan sukses blogger. Post kali ini berkaitan dengan tutorial blogspot, semoga ini bisa membantu teman yang lagi mencari tutor blogspot tentang cara menambah efek tulisan miring pada link blogger. Sebenarnya ini sudah banyak yang di poskan pada blogger lain, tapi alangkah lebih baiknya saya post artikel ini di sini, untuk memperlengkap tutorial yang ada. Berikut ini caranya :

Login ke blogger.
Klik Rancangan.
Edit HTML.
Cari kode a:hover {
Jika sudah ketemu anda tambah kode di bawah ini ke dalamnya seperti

font-style:italic;

jika kita tambahkan akan seperti

a:hover{
font-style:italic;
...}

Jika sudah di tambahkan simpan template anda.
Sekarang lihat halaman blog anda dan letakkan mouse anda pada tulisan yang terdapat linknya.
Selesai....

Semoga artikel singkat di atas bermanfaat buat anda semua dan salam sukses...

Cara membuat Judul Address Bar tampil beda

Posted by Unknown 0 comments

Hai sobat blogger ketemu lagi dengan artikel baruku, mungkin sebagian sobat ini artikel nggak asing lagi di telinga anda. Tapi untuk memperlengkap tutor di blog ini pastinya sangat bermanfaat banget. Kita kembali ke topik pembahasan saja. Cara membuat atau merubah judul address bar tampil beda. Nah mungkin sebagian sobat senang dengan tampilan blog yang unik dan menarik. Anda bisa terapkan tutor yang satu ini. Disini saya tidak memberi contoh karena sulit untuk menerapkannya. Anda bisa mencobanya terlebih dahulu untuk melihat hasilnya. Jika anda tidak senang anda bisa untuk menghapusnya kembali.

Berikut cara-cara merubah judul address bar anda tampil beda :

Login dulu ke akun blogger anda.
Tata letak.
Edit HTML.
Cari kode <head>.
Kemudian copy paste kode di bawah ini dan letakkan di atasnya.

<script type="text/javascript">
//<![CDATA[
function tb9_makeArray(n){
this.length = n;
return this.length;
}
tb9_messages = new tb9_makeArray(1);
tb9_messages[0] = "++ [[> Panduan sukses blogger <]] ++ [[> J_Putra <]] ++ [[> Blog Tutor <]] ++";
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>

Ganti tulisan yang berwarna merah dengan yang anda inginkan.
Kemudian simpan template anda dan lihat hasilnya.

Selamat mencoba..........