Cara Membuat Tombol Back To Top Dengan Efek Bounce

Article By Felix | Monday, February 3, 2014 | Tutorial Blogger | 74 comments | Read More

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Tombol Back To Top Dengan Efek Bounce. Pasti anda telah menemukan Blog - Blog yang memiliki Back To Top / Kembali Ke Atas. namun, terkadang ada juga Back To Top yang dibilang 'KASAR', mengapa ? Karena Tombolnya secara tiba - tiba keatas, itu membuat nilai penampilan blog anda berkurang, nah, untuk menutupi itu semua, saya mempunyai Cara untuk Membuat Tombol Back To Top Dengan Lembut dan Pelan. Jika anda bingung dan penasaran mari kita praktekan. Cekidott....

Cara Membuat Tombol Back To Top Dengan Efek Bounce Di Blog :

1. Masuk ke Blogger Home kalian.
2. Kemudian pilih Template Edit > HTML.
3. Setelah itu cari kode </head>, Kemudian copy dan pastekan diatas kode </head>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>
<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BounceToTop').slideDown(200); } else { $('#BounceToTop').slideUp(300); } });
$('#BounceToTop').click(function() { $('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });
</script>

4. Klik save / simpan.
5. Masuk ke Tata Letak > Add Gadget.
6. Pilih yang HTML/JavaScript.
7. Kemudian masukan kode dibawah ini :

<style type='text/css' scoped='scoped'>
#BounceToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none}
</style>
<div id='BounceToTop'><img alt='Back To Top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5DmA0yIU-VE2w2l4zeUBmftekOz7WFyQ7gqvQz3LDSxt_y7I7rERJByJcEP37yq8TgY_mLzyNaX3UYD0dDpzGBJAC8wxsl5vq-0XsRhEynNGy4Ph9uXzF_f_4tuUZaUiWCEOwWpu7sdg/s1600/Arrow+Up+ViperGoy+Blog.png'/></div>

8. Save / Simpan tanpa diberi judul.

Nah, begitulah Cara Memasang Tombol Back To Top Di Blog Dengan Efek Bounce. Saya berterima kasih kepada Blog KangIsmet karena sudah membuat Kode Back To Top tersebut. Jadi saya berterima kasih banyak dan jangan lupa membaca artikel vipergoy sebelumnya tentang

• Biografi Calvin Richard Klein
• Cara Menghilangkan Judul Blog Di Header

Sekian dari Paman ViperGoy untuk artikel yang berjudul Cara Membuat Tombol Back To Top / Kembali Ke Atas Di Blog (Bounce). Terima kasih

Cara Menghilangkan Judul Blog Di Header

Article By Felix | Saturday, January 18, 2014 | Tutorial Blogger | 27 comments | Read More

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan memberikan artikel tentang Cara Menghilangkan Judul Blog Di Header. Sebenarnya yang saya berikan ini tak terlalu bagus untuk SEO Blog anda, namun ada beberapa blogger yang ingin sekali Menghilangkan Judul Blog nya agar tak terlalu menggangu Iklan Blog mereka. Itulah salah satu alasan yang bisa digunakan untuk memakai Tutorial ini. jadi apakah anda masih ingin menghilangkan ? Jika iya, mari kita simak berikut ini. Cekidott....

Cara Menyembunyikan Judul Blog Di Header :

1. Masuk Blogger Home anda.

2. Kemudian pilih Template > Edit HTML.

3. Cari kode #header h1 { dengan cara menekan F1 pada keyboard.
4. Setelah menemukan kode tersebut, silahkan tambahkan kode :

visibility: hidden;

5. Fungsinya adalah untuk Menyembunyikan Judul Blog anda.
6. Save / Simpan.

Sekian dari Paman ViperGoy untuk artikel yang berjudul Cara Menyembunyikan Judul Blog Di Header. Terima kasih sudah membaca artikel ini.

Cara Membuat Tombol Download Di Blog

Article By Felix | Thursday, December 19, 2013 | Tutorial Blogger | 26 comments | Read More

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Tombol Download Di Blog. Sebagai Blog penyedia Link Download Game atau Software, kita juga perlu Menambahkan Gambar Download Di Blog agar terlihat rapi dan bagus. Pendatang Baru Blogger sering menggalami masalah seperti ini, yaitu sulitnya Memasang Tombol Link Download Di Blog. Namun, jangan khawatir karena saya akan membantu anda dengan cepat dan baik. mari kita simak berikut ini. Cekidot...

Cara Membuat / Memasang Tombol Link Download Bergerak Di Blog :

1. Sebelumnya buat Kode HTML seperti dibawah ini terlebih dahulu.

<center><a href="http://vipergoy.blogspot.com/2013/12/cara-membuat-tombol-download-di-blog.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEgg4P_t5s0redJKx21YWkH1TqylgLYJ0S-47euxWovwaC3OQZx6bxRTvp0PVFHF4efL4QJvMgHAFjzQABRJw0QdifG7I7kECL6fPDZ39TuoT01SN6rzx14byLez6TL6x_B47L5uwyB1U/s1600/Tombol+Download+ViperGoy.jpg" /></a></center>

2. Kemudian Ganti tulisan Bold berwarna :
Merah: URL Link Download tersebut.
Biru: Gambar Link Download tersebut.

3. Contohnya saja seperti ini :


4. Selesai.

Jika anda ingin Tombol Download seperti saya ini urlnya:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLvhY_mjhxzWHw3ovp9HJOFx17Q-MrYtBm08TN68skcksaaaOEaVEwKFmXZ_10e6JreveUreVO7dDEm9WWOwc-59KNJ-0APxPUqMVM1uucRjGJaxkIJVF9dInzo3S6KVdwZETUNUjFraA/s1600/Tombol+Download+ViperGoy+Blog.jpg

Sangat mudah sekali untuk Membuat Link Download Bergambar Bergerak Di Blog. Silahkan kreasi tombol downloadnya.
Nantikan Kumpulan Tombol Download Blog pada artikel selanjutnya dan baca juga artikel Cara Mempercepat Loading Blog dan Cara Membuat Menu Dropdown Di Blog.

Semoga anda terbantu dengan artikel saya. Sekian dari Paman ViperGoy untuk artikel berjudul Cara Membuat Tombol Download Di Blog Dengan CSS. Sekian dan Terima kasih banyak

Cara Membuat Menu Dropdown Di Blog

Article By Felix | Thursday, December 5, 2013 | Tutorial Blogger | 46 comments | Read More

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Menu Dropdown Di Blog. Setelah artikel Cara Membuat Menu Di Blog, yang tanpa Efek Dropdown atau menu yang jatuh kebawah, kali ini saya akan membahas Cara Membuat Menu Dropdown Di Blog Dengan CSS. Jika anda melihat hasil pencaharian dengan " Cara Membuat Menu Dropdown Di Blog Tanpa Edit HTML " itu sama tidak akan membuat Menu - Menu Blog anda terindeks oleh Google. Tapi itu tergantung selera saja, saya hanya mengajarkan yang baik bagi saya sendiri saja. Oke lanjut.

Kode CSS Menu Dropdown ini sama seperti Menu Template Zikazev Blue dari Kang Ismet dengan beberapa pengeditan. Semoga Kang Ismet dan Para Fansnya bisa mengerti dan Tidak Demo disini. Hehehe.. Oke langsung saja ya. Cekidott......

Cara Membuat Menu Bar Dropdown CSS Pada Blog :

1. Buka Blogger Home kalian.
2. Kemudian pilih Template » Edit HTML.
3. Lalu Cari Kode <b:skin><![CDATA[/*
4. Kemudian Copy Kode dibawah ini dan Paste di BAWAH kode <b:skin><![CDATA[/*

#menu{background:#444;border:1px solid #222;color:#fff;height:42px;font-family:'Oswald', Arial, sans-serif;width:970px;margin:0 auto;}
#menu ul,#menu li{margin:0 auto;padding:0 0;list-style:none}
#menu ul{height:42px;width:980px}
#menu li{float:left;display:inline;position:relative;font:bold 14px Arial;text-transform:uppercase;font-weight:normal}
#menu a{display:block;line-height:42px;padding:0 14px;text-decoration:none;color:#fff;font-family:'Oswald', Arial, sans-serif;text-shadow: 0 -1px 0 #222;}
#menu li a{border-right:1px solid #222;}
#menu li a:hover {color:#fff;background-color:#222;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer}
#menu label{font-size:20px;display:none;width:35px;height:20px;line-height:20px;text-align:center;color:#fff}
#menu label span{font:normal 14px Oswald;position:absolute;left:35px;}
#menu ul.menus{height:auto;overflow:hidden;width:180px;background:#444;border-top:1px solid #222;border-left:1px solid #000;border-bottom:1px solid #000;position:absolute;z-index:99;display:none;left:-1px;}
#menu ul.menus li{display:block;width:100%;font-size:13px;text-transform:none;text-shadow:none}
#menu ul.menus a{color:#fff;text-transform:uppercase}
#menu li:hover ul.menus{display:block}
#menu a.dropdown{padding:0 27px 0 14px}
#menu a.dropdown::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#f0f0f0 transparent transparent transparent;position:absolute;top:16px;right:9px}
#menu ul.menus a:hover{background:#222;color:#fff}

5. Kemudian Copy Kode HTML dibawah Kode <div id='header-wrapper'>

<nav id='menu'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Disclaimer</a></li>
<li><a class='dropdown'>Contact</a>
<ul class='menus'>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Pinterest</a></li>
</ul>
</li>
<li><a href='http://vipergoy.blogspot.com/'>ViperGoy Blog</a></li>
</ul>
</nav>

Keterangan :
Untuk Membuat Menu Baru :
<li><a href='URL-HALAMAN'>TEXT</a></li>

Untuk Membuat Menu Dropdown :
<ul class='menus'>
<li><a href='URL-HALAMAN'>TEXT</a></li>
<li><a href='URL-HALAMAN'>TEXT</a></li>
</ul>
</li>

6. Kemudian Save / Simpan.

Beberapa dari kalian memang agak sulit untuk mengubah ini, tetapi saya bisa membantu anda bagi yang belum bisa dengan cara Message Facebook saya yang ada di bawah / footer blog ini.

Bagaimana Panduan Membuat Menu Dropdown Pada Blog ini ? Cukup menarik dan mudah bukan ? Setelah Membuat Menu Blog jangan lupakan untuk membaca Tutorial Blogger lainnya seperti
Cara Mengetahui Harga Blog
Cara Membuat Scroll Pada Widget Blog
Cara Mengganti Background Blog
Serta untuk tidak ketinggalan dengan Koleksi Template Blog Keren yang saya punya.

Oke, Sekian dari Paman ViperGoy untuk artikel yang berjudul Cara Membuat Menu Horizontal Di Blog Dengan Mudah. Semoga anda dapat mendapatkan Pemecahan Masalah bagi Blog anda. Terima Kasih semua.

Cara Membuat Scroll Pada Widget Blog

Article By Felix | Thursday, November 28, 2013 | Tutorial Blogger | 37 comments | Read More

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Scroll Pada Widget Blog. Tutorial Blogger cukup bagus juga, karena Cara Menambahkan Scroll Bar Pada Widget Blog ini sangat bagus untuk mempercantik Tampilan yang semula berantakan atau panjang kebawah yang pengunjung harus menscroll jauh - jauh untuk mendapatkan informasi yang ia inginkan. Itu salah satu kegunaannya. Selain itu, Apakah Cara Memasang Scroll Pada Widget ini sangat membutuhkan Loading yang Lama ? Jawabannya Tidak! Karena Kode HTML ini sangat sekali sedikit.

Teknik ini sangat berguna sekali, ini terbukti untuk Arsip Blog, Populer Post, Recent Comment, dan lain - lain. Silahkan simak berikut ini. Cekidot....

Cara Membuat Scroll Bar Di Widget Blog :

1. Buka Blogger Home kalian.
2. Kemudian pilih Menu Dropdown » Layout » Widget Yang Dipilih / Tambahkan Gadget » HTML/JavaScript.
3. Masukan Kode dibawah ini :

<div style='overflow: auto; width: auto; height: 200 px;'>
masukan Kode HTML/JavaScript anda
</div>

Keterangan :
Overflow-Auto: Jika isi widget lebih dari tinggi (height) akan terjadi Scroll.
Width: Mengatur Lebar Widget tersebut.
Height: Mengatur Tinggi Widget tersebut.

4. Save / Simpan.
5. Selesai.

Sebagai Contoh saja agar tidak bingung :

<div style='overflow: auto; width: auto; height: 200 px;'>

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=15;function randomposts(json);
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
callback=randomvipergoy" type="text/javascript"></script>

</div>

Tampilan Widget Yang Diberi Scroll Bar :

Sangat mudah sekalikan ? 5 Cara Membuat Scroll Bar Pada Widget Arsip / Archive Populer Post Di Blog. Semoga anda dapat terbantu oleh saya dan bisa mendapatkan jalan keluarnya. Sekian dari Paman ViperGoy untuk artikel yang berjudul Cara Membuat Widget Dengan Scroll. Jangan lupa untuk membaca artikel Cara Mengganti Background Blog. Nantikan artikel tentang Cara Membuat Scroll Bar Di Blog. Terima kasih dan sampai jumpa.
Ditunggu Komentarnya

Cara Mengganti Background Blog

Article By Felix | Thursday, November 21, 2013 | Tutorial Blogger | 54 comments | Read More

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Mengganti Background Blog. Jika anda adalah seorang Blogger, pastinya Tampilan Blog merupakan salah satu target utama dalam mengoptimalkannya. Untuk mempercantik dan menambah suasana blog menjadi kondusif dengan Cara Mengganti Background Dengan Gambar. Bagi Blogger yang baru masuk ke dunia ini memang tak semua bisa, karena melihat Kode - Kode yang berserakan dimana - mana itu rasanya pedih dimata dan bikin pusing.
Tapi saya akan memberikan Trik Cara Mengganti Background Blog Bergerak dan Tidak Bergerak. Oke simak langsung Tutorial Blogger ini. Cekidot....

Cara Mengubah Background Blog Dengan Gambar Bergerak :

1. Buka Blogger Home kalian.
2. Kemudian pilih Template » Edit HTML.
3. Lalu Cari Kode body { atau body{
4. Kemudian Copy Kode dibawah ini dan Pastekan dibawah body {  :

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2po8XLz4AKiK4Cdb_YufSTJondRHSY2aasSxxNeSiUjA7QRCyCGNi5xe_fyg6JD4pvqeKhVDRnNZ99p0Y7okiULeThW9BOgqsFNvzzwGmTbN7mPIGPHa1b6P6mXbF1papP0H5zmygDgE/s1600/Gambar+Background+Blog+ViperGoy.png) fixed repeat;

5. Ganti url berwarna Biru tersebut dengan url Gambar Background yang anda inginkan.
6. Simpan dan Selesai.

Cara Mengganti Background Blog Dengan Warna :

1. Buka Blogger Home kalian.
2. Kemudian pilih Template » Edit HTML.
3. Lalu Cari Kode body { atau body{
4. Kemudian Copy Kode dibawah ini dan Pastekan dibawah body { :

background: #ececec fixed repeat;

5. Ganti tulisan berwarna hijau dengan Kode Hex Warna lainnya yang anda inginkan.
6. Simpan / Save.

Nah, Bagaimana Cara Mengganti Warna Background Blogger. Jika mengalami kesusahan dalam melakukan penggantian Background Blog. Paman ViperGoy bisa membantu anda, bisa melalui Pesan Facebook dan Komentar Blog. Saya akan membantu anda :)

Tutorial Blogger lainnya yang mungkin membantu anda Cara Mengganti Kursor Blog dan Download Template Blog.

Sekian dari Saya untuk artikel yang berjudul Cara Mengganti Warna Background Dengan Gambar Bergerak Image. Semoga bermanfaat untuk semua Terima Kasih Banyak !

Cara Mengganti Kursor Blog

Article By Felix | Monday, November 18, 2013 | Tutorial Blogger | 42 comments | Read More

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Mengganti Kursor Blog. Tutorial Blogger kali ini bisa mempercantik atau memperindah blog kita sendiri ? Mengapa Tidak, kursor blog yang semula Default yang berwarna putih itu akan di ganti menjadi beberapa gambar menarik. Anda bisa merubah gambarnya sesuai dengan yang anda inginkan, Tapi masalahnya apakah anda tahu Cara Merubah Kursor Blog tersebut? Jangan khawatir karena saya akan membantu anda, simak Panduan Membuat Kursor Blog. Cekidot...

Cara Mengubah Cursor Di Blog Dengan Animasi :

1. Buka Blogger Home kalian.
2. Kemudian pilih Menu Dropdown » Template » Edit HTML.
3. Lalu cari Kode </head>
4. Setelah itu Copy Kode dibawah ini kemudian Paste diatas Kode </head>

<style type='text/css'>HTML,BODY{cursor:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwYWotmgvCLx407CC3CiQZmv8NtFvIxN-pDVAZGxdIhl5nOlkAvR3NjyAiSZlJ4SDEChs2lIXn8uw46kbCNMs24W8Zatmoq4vubZMc1i6l6ErATzuMWMHx5eSMvMcmW3YyYsmNZdotYmg/s1600/Kursor+ViperGoy.gif"), auto;}</style>

5. Pada URL berwarna biru, anda bisa menggantinya dengan Gambar Animasi Kursor Blog yang anda mau.
6. Save / Simpan dan Selesai

Nah bagaimana untuk 6 Cara Mengganti Mouse Pointer Blog Dengan Animasi Bergerak. Paman ViperGoy sangat minta maaf sekali karena tidak mempunyai Kumpulan Gambar Kursor Blog. tapi dengan ininya semoga anda bisa membuat Cursor Blog anda menjadi Kreatif mungkin :D lebih kreatif dari pada ViperGoy Blog. xixixi..

Tutorial ini saya rasa tidak menambah Berat Blog atau Loading blog bertambah, Tutorial ini sangat ringan sekali!

Sekian dari saya untuk artikel ini semoga bermanfaat dan jangan lupa membaca Tutorial Blogger lainnya seperti Cara Membuat Burung Twitter Terbang Di Blog dan Cara Membuat Chatbox Di Blog. Terima kasih banyak

Cara Membuat Burung Twitter Terbang Di Blog

Article By Felix | Thursday, November 14, 2013 | Tutorial Blogger | 71 comments | Read More

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Burung Twitter Terbang Di Blog. Pada jaman yang modern ini semua pasti ujung - ujungnya Follback ya Twitterku atau Add ya facebookku. Jika dibilang alay sih tidak, karena kita hanya menambah teman saja di dunia maya ini, Tentunya hal ini digunakan untuk mempromosikan akun twitter dan menambah followers atau friends social network kita. Tapi saya punya cara praktis mempromosikan twitter anda dan jika anda mempunyai sebuah Blog berarti Anda Beruntung! karena saya mempunyai Trik ini yang berjudul Cara Memasang Widget Burung Twitter Melayang Di Blog.

Yap, saya akan jelaskan bagaimana cara kerja Burung Twitter Berterbangan Di Blog. Sangat mudah sekali, ketika Kode Burung Twitter Di Blog tersebut sudah dipasang, Burung Twitter itu akan terbang kesana dan kesini mengitari halaman yang dibuka, ukurannya sangat kecil sehingga tidak menghalangi pengunjung membacanya, dengan efek yang menarik burung itu seperti nyata terbangnya dengan membawa link akun twitter anda. Sangat Menarik bukan?

Cara Memasang / Membuat Burung Twitter Terbang Melayang Di Blog :

1. Masuk Blogger Home kalian.
2. Pilih Menu Dropdown » Layout / Tata Letak » Add a Gadget / Tambahkan Element » HTML/JavaScript.
3. Copy kode dibawah ini dan pastekan di kotak yang baru saja muncul.

<script type="text/javascript" src="http://yourjavascript.com/141152111314/burung-twitter-vipergoy.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdUUOFNS9-nba9ioQ8Y2zgyo25YB3MjlGnfkEjlDG36IjouCp4JAHMUM-qbNZRU-SUrJ3cNqWrqJtlz8rMg_u-nrMErQYK9n1-vWQgnHdGJL-cvQOsRqD9k6XJrY4qZp_PYb1YNyDnX3s/s1600/Blue+Bird+ViperGoy.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3",
"h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/viper10051";
var tweetThisText = "Follow Twitter!";
tripleflapInit();
</script>

4. Kemudian Ganti tulisan berwarna merah tersebut dengan url akun twitter anda.
5. Untuk Judul dikosongkan saja, karena tak terlalu penting dan jelek untuk tampilan blog anda nantinya. ( Lihat Gambar )

6. Tak hanya itu anda juga bisa mengganti Warna Burung Twitter yang berwarna biru tersebut :

Burung Twitter Berwarna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwhEFMszgJaxAIDOLbnbJhotYd5fTWDez1XtUjkQH-G6KJbLSp-CrX2-uvUaSmWWfC_46JPaueptC7R6bPndwQdiR7SKkodGoWYC_J2K7U7GQKBsg-cA31D4DK4henlhjgpG4TcrK4miM/s1600/Blue+Bird+ViperGoy.png

Burung Twitter Berwarna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF1j15l5LCKZW747ZRmgP_46FATtiLBLgh-vUfjPam-QMxvJsGqlm0pPrMLI7bfhBH-6Bg5MCOzB-traTwVmh2T6c8hDD2V9Ol1mLzAhGeaB_r1Xohqtacp_0l6TCoySv16ZsGJOLN4t4/s1600/Red+Bird+ViperGoy.png

Burung Twitter Berwarna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8JgI2cLaQdG8e7KVhMtjteltnYb1RfRVES7NPNSeOtbIjeOE04lbYIXDznqIXqQdx3W4M-IjdkTKL9IWy4TKhvjlSjAY-_xnP6zx0B8VVBSxTh3fCr1mHTiTnVX-Cx4RAADLrqNzRI2g/s1600/Black+Bird+ViperGoy.png

Burung Twitter Berwarna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJsWXuQDqd3J77WMByVpITagzOyGOJuW8e9ft_5qDaRfiFUwKqknGJ-Yws4SZeCdrEFrqPm06227VFwGz4Y6fNh7yUFp5LK0E1gHNVj5k0JXsXNSTVCbzOti0yM3u4ZaAtYTJsQ9x8OX4/s1600/White+Bird+ViperGoy.png

Burung Twitter Berwarna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFFSzgjJMMzV6Ljh-IcrKn25KgYwlL9db6Ls3fSWptaLUeQP8XE_rVQLNb1Nc65BdhFgzW3YK0sSuJlrPFvJrjOBaIdxMcbVAA2nYBH7Ef0A5hcqhR-7p4dUiNCsnpJOlBmYeWMhQMOOI/s1600/Bowrn+Bird+ViperGoy.png

Burung Twitter Berwarna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjUhaiZFFsgz0ZRNs8ldae4-LQyOba0Y-e4VCbOVRzBwcOtHdv-LhUcnik2U-FWfWwGYMf-qWBVwtX-2alu3zeE7sy3-O-u7GEG-b7fbu1y-oBNsrufQ4SygRYVvqO-zFuFZ7aFzaZsAo/s1600/Green+Bird+ViperGoy.png

Burung Twitter Berwarna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO-ZcdGAUoHduCyYj82drgpOcWE40BgCsfEDuMS6vveWpTZ2P0Fn3boHo0XX0A41isSAvjcX8MjBcdkLlfpB2oeLLdnifnRgUStHD_c3YkY87E9vNjRdgOwwyovvkqH2qnJWNfBXwtotY/s1600/Purple+Bird+ViperGoy.png

Burung Twitter Berwarna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbwicZtQoekRM3a0F5_GFd4JeMOV2IC6KIH5oEIuf1Uv2obURDxlCidYKBrnxFJjEQqABug9ivtA94Oux3MfcgowQ2QOm70BgNOmBCRPGjvL0d-YlKtJE8ShOcxiToD16nGfraeRzWYpA/s1600/Yellow+Bird+ViperGoy.png

Tampilan Burung Twitter Di Halaman Blog :


Selesai. Sangat mudah bukan untuk membuatnya ? jadi anda tak perlu menanyakan lagi Bagaimana Cara Membuat dan Memasang Burung Twitter Di Blog. jangan lupa untuk baca Membuat Kotak Like Facebook dan Social Bookmark Indonesia. Jangan Lupa Follow Admin :

@viper10051

Sekian untuk Kumpulan Warna Burung Twitter Di Blog. Semoga anda dapat terbantu dengan Tutorial ini. Saya Paman ViperGoy mengucapkan Terima kasih sebesar - besarnya.

Cara Mencari Keyword Populer Di Google

Article By Felix | Monday, November 11, 2013 | Tutorial Blogger | 35 comments | Read More

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Mencari Keyword Populer Di Google. Memang sulit jika untuk menentukan Judul Postingan Yang Banyak Di Cari, salah satunya adalah Pemikiran Setiap Orang berbeda - beda. Jadi, tak ada salahnya anda bingung dengan Keyword Populer tersebut. Namun, beberapa orang sudah mempunyai Search Engine yang bisa diandalkan, yaitu Google. Hal ini bisa membantu kita untuk menemukan Keyword yang Paling banyak Di Cari. Oke, untuk lebih lanjut silahkan baca sampai akhir ya. Cekidot....

Cara Mencari Keyword Populer Di Google Search :

1. Pertama, anda bisa Mencari Keyword Yang Banyak Di Cari Orang dengan Google. Sebut saja Teknik ini terbagi dalam 2 Bagian. Yaitu.

Write and Shoot!
Namanya memang agak sedikit aneh karena Paman ViperGoy yang membuatnya, tapi yang terpenting anda bisa tahu deh.

Teknik Write and Shoot! ini hanya menuliskan beberapa kata di Kotak Search Google dan Google akan memberikan Beberapa Keyword Yang Sering Dicari. Kemudian kita tinggal memilihnya mudah bukan ? ( Lihat Gambar )


The Best Keyword on Footer!
Kalau ini juga Paman ViperGoy yang membuatnya, Teknik ini sama dengan diatas namun beda caranya. Jika sebelumnya kita menuliskan beberapa Kata Kunci dulu, sekarang kita menuliskan Kata Kunci yang dicari contohnya saja Backlink Berkualitas. Kemudian lihat Google yang paling bawah, anda akan melihat beberapa Kata Kunci yang sering dicari oleh Pengunjung. Sangat Mudah bukan ? ( Lihat Gambar )



2. Anda bisa memaksimalkan Produk Google ini yaitu Google Trends ( Keyword Search Tool )
Langsung saja pada Link ini > Google Trends - Hot Searchs.

anda hanya menuliskan keyword yang anda incar.
Jadi semangatlah!

Jangan lupa untuk membaca Cara Mencari Blog Zombie dan Cara Mencari Blog .edu dan .gov
Sekian dari Paman ViperGoy untuk artikel yang berjudul Cara Cari Keyowrd Populer. Terima Kasih untuk semuanya.

Cara Membuat Chat Box Di Blog

Article By Felix | Monday, November 4, 2013 | Tutorial Blogger | 228 comments | Read More

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Chat Box Di Blog. Terkadang orang lebih memilih untuk menulis postingannya dari pada memperbaiki blognya. Kualitas memang perlu dijaga, tetapi Kuantitas juga harus diimbangikan ?

Yap, pada Tutorial ini saya mengulas tentang Cara Membuat dan Memasang Chat Box Di Blog. Admin Blog yang baik pasti akan memberikan Tampilan Blog yang terbaik untuk pengunjungnya, contohnya saja dari Hiasan dari CSS atau dari Widget - Widget yang berguna. Salah satunya Cara Membuat ChatBox Buka Tutup Di Blog. Hal ini bertujuan untuk pengunjung memberikan isi hatinya terhadap blog anda. Tetapi jangan Pasang Widget ChatBox saja, mungkin Template Blog, Loading Blog, dan lain - lain. Untuk anda yang tertarik bisa lihat Tutorial Blogger ViperGoy lainnya. Oke langsung saja deh, Cekidot...

Cara Membuat Chat Box Di Blog :

1. Buka Website ini ► www.cbox.ws
2. Klik tombol Sign Up di kanan atas Website tersebut.
3. Kemudian akan muncul tampilan seperti ini. ( Lihat Gambar )

4. Lalu isi pada kotak - kotak tersebut dan centang, sehingga menjadi ini. ( Lihat Gambar )

Keterangan:

• Cbox Name diingat ya, karena itu akan dijadikan ID Login kalian.
• Emailnya disensor ya.

5. Kemudian Klik " Create My Cbox! "
6. Akan muncul tampilan seperti ini jika anda berhasil. ( Lihat Gambar )

7. Setelah itu Cek Email anda dan Login.
8. Kemudian pada halaman utama Cbox tersebut. Klik " Publish! " yang berada di Kanan Atas.
9. Pada halaman baru tersebut, Lihat Bagian ini. ( Lihat Gambar )

10. Kemudian Copy dan Paste Kode tersebut di Blog anda. Jika bingung baca artikel ini Cara Edit Blog.
11. Selesai.

Contoh Tampilan ChatBox ViperGoy Blog!


Bagaimana? Mudah dan Berhasilkan ? Jadi, jangan ragu untuk mencari Tutorial Blogger lainnya di ViperGoy Blog.

Baca juga Tutorial lainnya seperti: 
Cara Membuat Kotak Like Facebook Di Blog
Cara Membuat Favicon Blog
Cara Memasang Lagu Di Blog

Oke sekian dari saya untuk artikel yang berjudul Cara Membuat ChatBox Pada Blog Dengan Cbox.ws. Terima kasih banyak dan Salam Blogger dari Paman ViperGoy.

Cara Membuat Kotak Like Facebook Di Blog

Article By Felix | Sunday, November 3, 2013 | Tutorial Blogger | 55 comments | Read More

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Kotak Like Facebook Di Blog. Sudah tak jaman lagi jika kita tidak mengenal facebook, karena mengobrol, mengupload foto/video, membuat status galau ujung - ujungnya di Facebook. Apa lagi anda seorang Blogger, pastinya sangat membutuhkan Kotak Like FansPage Facebook ini karena 78% Artikel yang menarik dapat membuat Pengunjung Blog anda meningkat! Tetapi jangan senang dulu, karena banyak teman - teman blogger kita yang belum mengerti Cara Pembuatan Tombol Like Kotak Fanspage Facebook Pada Blog kita. Baik langsung saja, Cekidot......

Cara Membuat Kotak Like FansPage Facebook Di Blog :

1. Klik link disebelah ini ► Like Box - Facebook Developers ◄
2. Kemudian akan muncul tampilan seperti ini. ( Lihat Gambar )

3. Lihat pada bagian ini. ( Lihat Gambar )

Keterangan:
Facebook Page URL: Pada kotak tersebut isi dengan URL Fanspage anda.
Width: Tentukan Lebar kotak yang akan ditampilkan di blog anda disini!
Height: Tentukan Tinggi kotak yang akan ditampilkan di blog anda disini!
Color Scheme: Anda dapat mengganti Background menjadi Gelap atau Terang.
Show Friends' Faces: Menampilkan Foto - Foto para Liker Fanspage anda.
Show Posts: Memberikan beberapa Post yang berasal dari FansPage anda.
Show Header: Untuk menampilkan tulisan " Find us on Facebook "
Show Border: Untuk menampilkan Garis Tepi pada Kotak FansPage anda.

4. Kemudian, klik tombol " Get Code "
5. Lalu akan muncul sebuah PopOut berupa Kode Kotak Like Facebook. ( Lihat Gambar )

6. Silahkan pilih sesuai dengan Tipe Blog anda, contohnya saja Blog anda berjenis HTML5 atau apa.


Cara Memasang Kotak Like FansPage Facebook Di Blog :

1. Jika anda masih belum mengerti untuk Memasang Kotak Like FansPage Facebook Di Blog anda dapat membaca artikel saya yang berjudul Cara Edit Blog Di Blogspot.
2. Selesai.

Sangat mudah sekali bukan ? Simpel, Jelas dan Padat untuk seorang Pemula dan Master xD, saya akan memberikan Contoh Tampilan Kotak Like versi Paman ViperGoy, Ingat! Tutorial ini bukan Tutorial Cara Membuat Kotak Like Facebook Melayang tetapi melekat pada sidebar.


Malu ah, Like Fanspagenya masih sedikit >.< Harap maklum ya, fanspage abal - abal. Tapi kalau dikasih Like silahkan saja xixixi...

Indonesian Meme Comic
Selain Cara Membuat dan Memasang Kotak Like FansPage Facebook Di Blog ini anda dapat mencoba Tutorial tentang Cara Memasang Komentar Facebook Di Blog.
Sekian dari Perjumpaan kita saat ini, Semoga artikel Cara Membuat Kotak Like Facebook Di Blog dapat membantu anda. Terima kasih banyak.

Cara Membuat Favicon Blog

Article By Felix | Friday, November 1, 2013 | Tutorial Blogger | 114 comments | Read More

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Favicon Blog. Bicara tentang Tutorial Blogger memang tak ada habisnya memang, cara ini digunakan hanya untuk mendapatkan tampilan yang terbaik dari blog kita. kali ini saya akan mengajarkan Tutorial Membuat Favicon Blogger Keren. Jangan lupa juga untuk mempercantik tampilan blog kita dengan Cara Memasang Kalender Di Blog dan Cara Memasang Jam Di Blog. Santai saja, Tutorial yang saya berikan tidak terlalu rumit dan susah, pastinya mudah dimengerti oleh Pemula. Oke langsung saja, Cekidot.....

Paman ViperGoy hanya mengajarkan 2 Cara Dasar Membuat Favicon Blog saja. Teknik ini terdiri dari:

Upload Gambar

---

Upload Gambar disini berarti anda hanya mengupload Gambar yang anda inginkan dan dirubah ukurannya hingga cocok dengan Formalitas Ukuran Favicon yang pada umumnya.

Membuat Sendiri

---

Maksudnya ialah Anda membuat Gambar Favicon yang anda inginkan, trik ini cocok untuk menunjukan Kreatifitasan anda.

Cara Membuat Favicon Blog Menarik :

Upload Gambar
1. Klik link ini ► www.favicon.co.uk ◄
2. Lihat pada bagian ini. ( Lihat Gambar )

3. Pada tulisan Source Image, anda pilih gambar yang akan dijadikan Favicon.
4. Pada tulisan Favicon Size, anda pilih ukuran gambar yang akan dijadikan Favicon.
5. Kemudian klik Generate Favicon.
6. Terakhir anda klik Download Your Favicon Here. ( Lihat Gambar )

Membuat Sendiri
1. Klik link ini ► www.favicon.cc ◄
2. Kemudian anda akan terlihat tampilan seperti ini. ( Lihat Gambar )

3. Setelah itu, Klik pada kotak - kotak yang hasilnya akan menjadi Favicon Blog anda. ( Lihat Gambar )

4. Jangan lupa untuk menggunakan Fitur yang telah disediakan. ( Lihat Gambar )

5. Terakhir, Scroll sedikit kebawah kemudian klik Download Favicon. ( Lihat Gambar )

Sangat mudah bukan untuk Membuat Favicon Blog Dengan Mudah dan Cepat. Hanya didasarkan Pemilihan Gambar yang sesuai dengan Tema Blog dan Kekreatifan Orang sudah bisa membuat Favicon Keren dan Menarik.

Baca juga artikel tentang Cara Mengganti Favicon Blog.

Sekian dari Paman ViperGoy untuk artikel yang berjudul Cara Membuat Favicon Blog Bergerak. Semoga artikel saya sangat bermanfaat buat anda semua. Terima Kasih

Cara Membuat Headline News Di Blog

Article By Felix | Tuesday, October 15, 2013 | Tutorial Blogger | 29 comments | Read More

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Headline News Di Blog. Jika dikaitkan dengan Bounce Rate kita lebih baik Memasang Headline News Keren Di Blog karena Headline News ini digunakan banyak Senior kita untuk mengurangi Bounce Rate Blognya.
Salah satu cara untuk mengurangi Bounce Rate dan Menaikan Pageview bisa dilakukan dengan Headline Blog. Bayangkan saja jika blog yang telah dibangun memiliki Bounce Rate yang tinggi sekali ? Jika menjadi Blogger Tua, seharusnya kita bisa lebih terampil dari pada Blogger baru. Jadi, tunggu apalagi, buat sekarang juga. Cekidot....

Cara Membuat Headline News Berjalan Di Blog :

1. Masuk Blogger Home kalian.
2. Pilih Menu Dropdown » Template » Edit HTML.
3. Kemudian Copy kode dibawah ini dan Paste diatas Kode ]]></b:skin>

.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhabL6JllRdSOYVluc2Mwsr3dyHDxM5kgmJyDkFIMwyVNMCbih4NS7Rx7S1lQWLcB3BJQpafu2EngNZIesLkVKuK1uPrtXORwT0L1evaUPllkJjQZYZcsptfoYya7WQChSC_ZJ3qOTAS8g/s1600/news.gif) no-repeat top left;width:940px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}
.news {width: 940px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#fff;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}

4. Kemudian Copy juga Kode dibawah ini dan Pastekan Diatas Kode </head>

<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script><br /> <script type='text/javascript'><br /> //<![CDATA[<br /> var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"> </div> ');this.feedcontainer=document.getElementById(c);this.itemcontainer=" <li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer==" <li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer==" <li>")?"</ul> ":"";this.feedcontainer.innerHTML=e};var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div> ";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f==" <li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f==" <li>")?"</ul> \n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};<br /> //]]><br /> </script><br /> <style type='text/css'><br /> .titlefield{ /*CSS for RSS title link in general*/<br /> text-decoration: none;}<br /> .labelfield{ /*CSS for label field in general*/<br /> color:#aaa;font-size: 100%;}<br /> .datefield{ /*CSS for date field in general*/<br /> color:#aaa;font:normal 14px Arial;text-transform:none;}<br /> #example1{ /*Demo 1 main container*/<br /> width: 780px;<br /> height: 14px;<br /> border: 0px solid #aaa;<br /> padding: 0px;<br /> font:bold 16px Arial;<br /> text-transform:none;<br /> text-align:left;<br /> background-color:transparent;}<br /> code{ /*CSS for insructions*/<br /> color: #fff;}<br /> #example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}<br /> #example1 a:hover {color:#C8D3F2;text-decoration:none;}<br /> </style>

5. Lakukan yang sama dengan cara diatas, yaitu Copy dan Pastekan Kode dibawah ini dibawah Kode <body>

<div class='newspic'>
<div style='float:left;width:780px;padding:6px 0 6px 180px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://vipergoy.blogspot.com/feeds/posts/default&quot;)
cssfeed.displayoptions(&quot;date&quot;)
cssfeed.setentrycontainer(&quot;div&quot;)
cssfeed.filterfeed(10, &quot;date&quot;)
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>

Mungkin Tutorial Memasang Headline News Keren ini sedikit panjang. Tapi Paman ViperGoy sudah mencobanya, sehingga 100% WORK. Sebelumnya saya berterima kasih kepada ChristianTatelu karena sudah membuat Kode-Kodenya, saya berterima kasih banyak.
Sekian dan Terima Kasih kepada anda semua untuk artikel Cara Membuat Breaking News Berjalan Keren Di Blog. Jangan lupa Baca Cara Membuat Efek Salju Di Blog dan Cara Memasang Kalender Di Blog. Terima Kasih

Cara Membuat Efek Salju Di Blog

Article By Felix | Sunday, October 13, 2013 | Tutorial Blogger | 19 comments | Read More

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Efek Salju Di Blog. Banyak sekali cara untuk mencari Ide untuk mendapatkan Tampilan Blog yang Maksimal. Kenapa Tidak? Salah satu ide tersebut bisa kita ambil dari Memasang Efek Salju Pada Blog. Yap, selain Memasang Jam dan Kalender di Blog. kita bisa lakukan memberikan Efek Salju Berjatuhan Di Blog, kita juga bisa membuat Pengunjung Betah atau Nyaman. Mengapa? Karena Pengunjung senang akan tampilan blog anda. Jadi tunggu apa lagi. Ayo kita buat Efek Salju sekarang juga. Cekidott.....

Cara Memberikan Efek Salju Berjatuhan Di Blog :

1. Buka Blogger Home kalian.
2. Pilih Menu Dropdown » Template » Edit HTML.
3. Cari kode ]]></b:skin>
4. Kemudian Copy Kode dibawah ini dan Paste tepat di Bawah Kode ]]></b:skin>

<script type="text/javascript" src="http://yourjavascript.com/115122011332/efek-salju-vipergoy.js"></script>

5. Kemudian Save dan Lihat Tampilannya! ( Lihat Gambar )

Saran!

Saya sarankan untuk tidak menggunakan Template Blog yang berwarna Putih, sehingga Salju pada Blog anda tidak terlihat.

Sangat mudah bukan? Tutorial Menambahkan Efek Salju Di Blog itu mungkin dapat meringankan Masalah Blogger anda. Semoga artikel Paman ViperGoy dapat bermanfaat bagi anda semua. Saya ucapkan Terima Kasih.

Cara Memasang Kalender Di Blog

Article By Felix | Friday, October 4, 2013 | Tutorial Blogger | 32 comments | Read More

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Memasang Kalender Di Blog. Untuk Mempercantik Tampilan Blog dengan cara Menambahkan Kalender memang sangat cocok sekali, terutama Blog Personal. Selain Kalender, kita bisa Menambahkan Jam Pada Blog sebagai variasi kedua Widget tersebut. Pada Tutorial Kalender ini saya akan memberikan artikel Membuat Kalender Tanpa Kode HTML. Oke, langsung saja. Cekidot...

Cara Memasang Kalender Di Blog :

1. Buka Blogger Home kalian.
2. Pilih Menu Dropdown » Layout/Tata Letak
3. Klik, Add a Gadget dan tunggu sampai keluar seperti ini. (Lihat Gambar)

4. Kemudian, Klik "More Gadgets" (Lihat Gambar)

5. Jika anda melihat Widget berjudul "Daily Calendar", Silahkan Klik Widget Tersebut dan jika tidak ada tulisan tersebut, anda bisa mencarinya di bagian Search. (Lihat Gambar)

6. Kemudian, anda bisa mengatur tinggi dan lebarnya berupa satuan PX (Pixel) (Lihat Gambar)

7. Klik Tombol, "Save / Simpan"

Sangat mudah bukan untuk Membuat Kalender Di Blog. Semoga anda dapat membuatnya dengan mudah, tetapi jika anda membutuhkan Bantuan tentang Pembuatan Kalender Blog ini, anda bisa menanyakannya lewat Komentar dibawah ini. Semoga Berhasil

Sekian dari Paman ViperGoy untuk artikel yang berjudul Cara Memasang Kalender Di Blog. Terima Kasih untuk pengunjung setia saya. Jangan lupa untuk Download Template Blog beserta Backlink Gratis.