Membuat Widget Komentar Terbaru diBlog |
Jika saya searching di om Google yang membahas dan berbagi tentang cara Membuat Widget Komentar Terbaru diBlog memang sudah banyak namun kali ini One-GO! akan membagikan Widget Komentar Terbaru dengan Gaya / Efek Animasi dan ada dua pilihan warna. script ini saya dapatkan dari sobat blogger kita bang MKR, saya hanya mempermudah pemasangan bagi sobat One-GO! yang masih belum terlalu paham bagaimana cara pemasangannya. Tidak sabaran ya sobat One-GO! ??? Oke langsung saja pada tutorialnya dibawah.
Cara Pemasangan di Blogspot
- Login ke akun blogger Sobat One-GO! >> Tata Letak
- Tambahkan sebuah elemen halaman HTML/JavaScript, kemudian salin semua kode ini dan letakkan di dalam formulirnya,
Namun Sebelum salin Kode JavaScript dibawa silahkan input / Masukkan dulu data yang dibutuhkan seperti Alamat Blog dan nama Akun Google+ sobat One-GO!
Nama Admin / Google+ | : | |
URL Blog / Alamat Blog | : | |
Animasi | : | |
Banyaknya Komentar | : | |
Warna | : | |
Copy
Paste Code dibawah ini di Widget HTML diblog : |
||
Hasil
: |
Jika Template Sobat One-GO! mempunyai jQuery library maka kode ini tidak perlu di Copy / di masukkan ke HTML/JavaScript
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
Mungkin hanya itu dulu Belajar dan Berbagi dari One-GO! jika ada pertanyaan silahkan berkomentarlah dibawah mengenai Membuat Widget Komentar Terbaru diBlog ini
Post a Comment Blogger Facebook Disqus
Link yang aktif didalam komentar akan secara otomatis terhapus.
Ingin sisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Ingin sisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Ingin sisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Ingin sisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Ingin sisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Ingin membuat efek tebal gunakan tag <b>...TEKS ANDA...</b>
Ingin membuat efek huruf miring gunakan tag <i>...TEKS ANDA...</i>