Cara Mengganti Background Blog

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/AVvXsEgFQsyoSYrazYNqr8hTz8r5ZT4s7lVFVesAA8aHPYld6gK7xE2aVNhhhjVpnWAa-h8LsCY6eynUE77uE14QbIAmG8_qSTDd4hYa53IODB5dg-HdeWeX4ssZV-wpUU5RJgzMG25LhWRw62M/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

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/AVvXsEh9XUhSXzdIMSgWtmm_M4kSg-GmmRJ7rnIfuMsQkX-2iI8VmBl0RXb0xlM1H49yiwpMzWbvL1VFWM72oVEcG9pdvg60abuPIX3UEWPMPU8rqAdh34v5ruZD4GjBNYDRk-zzEq9zw2VrUu8/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

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/AVvXsEhoY_l2_MP-_ER4uhRA4AQkRERnm5LjIPup6TDUICyBOF2_lgP6cTAZQ7oBlRHshPU-_fNoRKkb8kvXRX37dfTNxFM3823x8HhdO7D6aVHAi3c0no4oGHGWUdvcumqLffGxhyphenhyphenzmwjNHqKg/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/AVvXsEhrA6V3ogyz5Mt3dXr6oVvpw54X6zqAy6Jw5Mu0ZtsDE5mBRy-0_8RpR6LZWkMP2L2XWnEjiLOSC8UcUsRrye6ymBRg7Ehhg_f0dSVJVveFc8rx808MWrHENbOojR1m_EwtPL9_qSk_fMU/s1600/Blue+Bird+ViperGoy.png

Burung Twitter Berwarna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRC8tvh6wIm9hZ4BhEbYvFgYpjA-Ir01napz3GZTLN_EnYP-73_B2IbUMiVthKgZfnAT-pWVAUjLHXkXsFNv07u64WNxMqxmbbIGK1NuoSlvQ1dOXI4Ujzkna0zbstMzyUIZf01JCBzus/s1600/Red+Bird+ViperGoy.png

Burung Twitter Berwarna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5KZ2mU6HBU7IEdX7WzoplZt21gO29V5O118TvfXUHrbPnBqp6Cvf-eEd-ItShs8KsrQWfdsQ85naHt2i_3RoXluffmmsI6v68dcjNWE71NbccamAs5xE6k6KsXDUQzawjELkm9cXJfro/s1600/Black+Bird+ViperGoy.png

Burung Twitter Berwarna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTL391t-udF4pzZoPmvZK4xYv_n0DGSSLJf-fLzN8XKshw1NzIINh5a-EIh2CAWV00kx8ngNO0YYRyANwc-jMhex_0-NVMn95SkukQvL_i-vLjLvC4tsicNEUSPNzuJ6jBeW2CJYTTbX4/s1600/White+Bird+ViperGoy.png

Burung Twitter Berwarna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOpY6pI5WYl4C3HEtMxHXxXxrUBf1Bbzj109wIEY42s5hSTIU6bvJpB_i9uuV6eEVOruW_q2AEPHZzF18t-BJEzzT3AuBBeL8dZkKwKjK6vL0g2tty_xDwK7sbC55ufBuFbpmoUkUxsWc/s1600/Bowrn+Bird+ViperGoy.png

Burung Twitter Berwarna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpHyxZJSu0LCMNNlX74TqhatvNhPZLpd7yb_cWNoXL-VsBisQNUYnsQ56tGKJuzsPrJPgEeZNtDYHkVXZ-1JBLai8V-fa_blG1iwTLW95D5Q2eHDn93m1FlebWOf7eDk74cQ-6WZWKqAw/s1600/Green+Bird+ViperGoy.png

Burung Twitter Berwarna Ungu

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

Burung Twitter Berwarna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXBwlujVL1QHsCXMXuNu_Ryv3HcPgy9EClx4xIyj9Q1tUcJtGYyjDJSdtOHFBiA9ryjk1CwHjNpP2CK3biPPzN9TTr5LPy_88SMSlvA-IK4hMzO3n_MEO8imZ0LBlYX2abH_bs48pEhb4/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

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

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

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

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

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/AVvXsEg5vduyhQFNL905Ro3cC4PlvKkcmnPqmNWEFaSN4Am5nQjkhyphenhyphen2SgxT-GGx1Kgn0daepSUN5xvB3ecjWAclLlfsse66QolXBPkwMcQGpRRYHVsOSRwyUFhsaY_8jKkUeBYT2iMBOjA3u6YA/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

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

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.

Cara Membuat Permalink Di Blog

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Permalink Seo Friendly Di Blog. Sebuah Paragraf yang berada pada dibawah Artikel ini memang sangat banyak digunakan untuk Mengoptimalkan Seo On Page Blog kita sendiri, Saya juga tak banyak mengetahui tentang Permalink Pada Blog ini, tetapi saya yakin Teknik Memasang Permalink Seo Friendly Pada Blogger bisa Meningkatkan Seo Onpage anda. Baik, kita langsung pada inti permasalahannya. Cekidott....

Cara Memasang Permalink Seo Friendly Di Blog :

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

.vipergoypermalink {
border: 1px solid #EFF0F1;
-moz-border-radius:5px;
background: #ffffff;
padding: 5px;
}
.vipergoypermalink a {
background:none;
}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}

5. Setelah itu, anda cari kode <data:post.body/>
6. Copy Kode dibawah ini dan Pastekan tepat dibawah Kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='vipergoypermalink'> <center><small>Anda sedang membaca Artikel berjudul <strong><u><data:blog.pageName/></u></strong>, dengan URL <strong><data:post.url/></strong>. Dilarang mengambil, mencuri Artikel tanpa persetujuan Admin.  Jangan lupa untuk membagikan <strong><data:blog.pageName/></strong> kepada Teman - Teman anda dengan Link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai Sumber Segala Sumber.</small></center></div></b:if>

7. Setelah itu Simpan.

Kemudian Refresh Halaman Blog anda dan Lihatlah Permalink Seo Friendly tersebut.
7 Langkah Membuat Permalink Blog memang sangat mudah sekali untuk diterapkan dalam blog anda. Jadi tak khawatir untuk tidak bisa. Tapi bagi anda yang tidak bisa atau mengalami kesulitan anda dapat Bertanya kepada saya melalui Komentar.

Optimalkan Permalink Blog anda dengan Menanamkan Backlink Berkualitas Pada Blog sehingga dapat menjadi Super Seo Friendly.
Sekian dari Paman ViperGoy untuk artikel ini semoga anda dapat Memahami dan Meningkatkan SEO Blog anda dengan mudah.

Cara Membuat Daftar Isi Di Blog

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Daftar Isi Di Blog. Setiap blog memang Harus mempunyai Daftar Isi Blog / Sitemap Blog, dengan tujuan agar Pengunjung dapat membaca Artikel yang anda terbitkan dengan mudah. Serta Google Bot dapat segera cepat mengindex artikel anda dalam beberapa menit jika anda memasukan File xmlnya. Tapi, Banyak para Blogger Pemula yang kebingungan untuk Membuat Sitemap Blog. Tapi jangan khawatir, saya akan membantu menyelesaikan masalah anda dengan cepat dan mudah dimengerti. Oke, langsung saja. Cekidottt......

Cara Membuat Daftar Isi Blog Secara Otomatis

1. Login di Blogger Home.
2. Klik tombol "Create New Post" atau "Buat Sebuah Postingan"
3. Setelah itu Pilih Tombol HTML. ( Jika Bingung, Lihat Gambar )

4. Setelah itu Copy dan Paste ditempat tersebut.

<div style="background-color: none; border: 1px solid #000000; height: 270px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">
<script src="http://yourjavascript.com/12303810938/vipergoy-daftar-isi-blog.js"></script>
<script src="http://vipergoy.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Keterangan :
Ganti tulisan Biru dengan URL Blog anda.
Ingat ! Harus menggunakan http:// dan / pada akhir url.

5. Publish atau Bagikan artikel tersebut dan Selesai.

Sangat mudah bukan?
Sekian dari Paman ViperGoy untuk artikel yang berjudul Cara Membuat Daftar Isi / Sitemap Blog. Terima Kasih dan jangan lupa Komentarnya.

Cara Memasang Komentar Facebook Di Blog

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Memasang Kotak Komentar Facebook Di Blogger. Masih dengan Tutorial Blogger, dengan inti pembahasan Facebook. Perlu kita ketahui dari Kotak Komentar Facebook ini. Banyak Visitor yang datang tetapi malas berkomentar ? inilah yang sering terjadi pada Blogger.
Perlu kita ketahui juga bahwa setiap pengunjung belum tentu memiliki Account Gmail/Blog sehingga malas untuk berkomentar. Tetapi yang namanya Account Facebook, Setiap pengunjung pasti memilikinya. Mungkin tidak semua sih, tetapi Pengguna Facebook lebih banyak dari pada Pengguna Gmail di Indonesia. Oleh karena itu kita memanfaatkan Kesempatan ini untuk Memperbanyak Komentar Di Blog. Oke langsung saja. Cekiddoottt.....

Cara Membuat Kotak Komentar Facebook Di Blogger :

1. Login ke Blogger Home kalian.
2. Pilih Menu Dropdown » Template » Edit HTML
3. Setelah itu Cari Kode ]]></b:skin>
4. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas Kode ]]></b:skin>

.comments-page {
background-color: #ffffff;
}
#blogger-comments-page {
padding: 0px 5px;
display: none;
}
.comments-tab {
float: left;
padding: 5px;
margin-right: 3px;
cursor: pointer;
background-color: #dddddd;
}
.comments-tab-icon {
height: 14px;
width: auto;
margin-right: 3px;
}
.comments-tab:hover {
background-color: #eeeeee;
}
.inactive-select-tab{
background-color: #d1d1d1;
}

5. Setelah itu Cari Kode </head>
6. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas Kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<meta content='ViperGoy.Blog' property='fb:admins'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script type='text/javascript'>
function commentToggle(selectTab)
{$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();}
</script>

7. Kemudian Ganti Tulisan ViperGoy.Blog dengan ID Facebook anda.
8. Setelah itu Cari Kode <div class='comments' id='comments'>
9. Lalu, Copy dan Pastekan Kode dibawah ini ke Atas Kode <div class='comments' id='comments'>

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
    <img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2tqa-4KnSBqjUrPnBhiCttWJSnQEBikgZoYd6ofotJa5hqe2LwhASHEqvAoEm2hnMjvKXt0iwlEWzvH-f9v7yZv6craBZhIEsjstmXIUYpYzX64vvt6CI_1nijoXHyyebt7mWpfnKUIo/s1600/facebook+comments+vipergoy.png'/>
    <fb:comments-count expr:href='data:post.url'/> Comments
    </div>
    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
    </div><div class='clear'/>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
     <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
<i><a href='http://vipergoy.blogspot.com/2013/08/cara-memasang-komentar-facebook-di-blog.html' style='color:#aaaaaa;text-align: right;' target='_blank' title='Buatlah Komentar Faceboookmu Sekarang Juga'>Facebook</a></i>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>
 </div>

10. Setelah itu " Save / Simpan Template "

Nah, Bagaimana dengan 10 Tutorial Membuat Kotak Komentar Dengan Cepat Di Blog ? Apakah ada kesulitan ? Atau ada masalah dengan Kode - Kode Dasar Pembuatan Komentar Facebook ? Langsung saja tanyakan kepada Paman ViperGoy. Saya akan menjawabnya sampai anda bisa Mengaktifkan Komentar Facebook Di Blog. Terima Kasih dan Sampai Jumpa.

Cara Membuat Komentar Bertingkat Atau Threaded Comments

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Komentar Bertingkat atau Threaded Comments. Teknik ini dapat anda Tingkatkan menjadi Komentar Google+. Apakah anda pernah mendengar Komentar Bertingkat / Threaded Comments ? Jika belum, saya akan beri tahu Apa Itu Komentar Bertingkat menurut saya sendiri.

Secara singkat, Komentar Bertingkat adalah Komentar yang menggunakan Tombol Reply/Balas yang berada dibawah Komentar Pertama, sehingga terlihat seperti Tingkatan. Hal ini yang disebut Komentar Bertingkat. Ilustrasi Komentar Bertingkat ( Threaded Comments ) bisa anda lihat Gambar Diatas.

Oke, setelah Mengenal Apa Itu Komentar Bertingkat, kita akan lanjut ke Cara Pembuatan Komentar Bertingkat Seperti Wordpress. Langsung saja simak Tutorial berikut ini. Cekidotttt......

Cara Membuat Komentar Bertingkat atau Threaded Comments :

1. Login ke Blogger Home kalian.
2. Pilih Menu Dropdown » Template » Edit HTML
3. Setelah itu Cari Kode HTML seperti ini :

<b:include data='post' name='comments'/>

4. Nah, pasti anda menemukan banyak sekali Kode tersebut. Pada biasanya bisa
5. Kemudian Ganti Semua Kode HTML tersebut dengan Kode HTML dibawah ini :

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>

6.  Setelah itu, klik " Save Template / Simpan Template "

Hasil dari Tutorial Paman ViperGoy tersebut akan tampak seperti ini :

Keterangan :
Kotak Merah adalah Tanda bahwa anda sudah Berhasil Memasang Komentar Bertingkat Di Blog.

Sekian dulu dari Paman ViperGoy untuk artikel Cara Memasang Komentar Bertingkat/Threaded Comment Di Blog. Terima kasih dan jangan lupa Tanggapan kalian ya^^
Salam Sukses

Cara Memasang Komentar Google+ Di Blog

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Memasang Komentar Google+ Di Blog. Yap, pada akhir - akhir ini Felix Yoga jarang sekali membuat Artikel, dikarenakan sebelumnya ViperGoy mempunyai sedikit masalah dengan TLD Domain .com , untuk lebih lanjut silahkan Baca Status Saya. Oke, tetapi yang lalu biarlah berlalu.

Siapa sih yang tidak dengan Fitur Baru Komentar Google Plus Di Blogger ? Komentar ini sangat populer sekali dikalangan Blogger dan banyak Blogger yang ingin Menggunakan atau Mengaktifkan Komentar Google+ Pada Blogger. Tapi, Tutorial Komentar Google+ ini hanya berlaku untuk Blog yang memilikit Komentar Bertingkat atau Threaded Comments. oke langsung saja. Cekidott.....

Cara Membuat Kotak Komentar Google+ Di Blog :

1. Login ke Blogger Home kalian.
2. Pilih Menu Dropdown » Template » Edit HTML
3. Setelah itu, Cari Kode HTML seperti dibawah ini :

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

4. Kemudian, ganti dengan Kode HTML tersebut dengan yang ini :

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>

5. Lalu, Klik Tombol "Save Template" atau "Simpan Template"

Oke, Kode Dasar Pembuatan Komentar Google+ Di Blogspot sudah selesai dibuat, nah sekarang tinggal tahap akhirnya atau Finishing :D

Cara Menampilkan Komentar Google Plus Pada Blog :

1. Login ke Blogger Home kalian.
2. Pilih Menu Dropdown » Google+
3. Setelah anda klik " Google+ " anda akan melihat Gambar seperti ini. (Lihat Gambar)

4. Setelah itu, Centang pada Kotak Checklist yang berjudul " Use Google+ Comments on this blog " atau " Gunakan Google+ Komentar di blog ini " , Sehingga Gambarnya menjadi seperti ini. (Lihat Gambar)

5. Jika anda Centang Kotak Checklist tersebut, Otomatis akan Menyimpan dengan sendirinya.
6. Setelah itu, langsung Mengecek Blognya masing - masing.

Nah, 2 Cara tersebut dapat membuat anda berhasil Memunculkan Kotak Komentar Google+. Oke sekian dulu untuk artikel ini ya. Sekian dan Terima Kasih dari Paman ViperGoy. Sampai jumpa diartikel berikutnya.