Home » Archives for June 2015

Cara Membuat Halaman Daftar Isi Pada Blog

in , , - on Wednesday, June 03, 2015 - 1 comment
Cara Membuat Halaman Daftar Isi Pada Blog
Gudang Ilmu - Daftar isi mungkin adalah sebuah pilihan untuk kalangan blogger.
Namun, bagi blog tutorial daftar isi menjadi sangatlah penting dalam blognya, selain memudahkan pembaca dalam mengambil langkah memulai tutorialnya juga memudahkan kita sebagai pemilik website atau blog untuk mengatur isi dalam blog kita tentunya.
Untuk membuat daftar isi pada blog sebenarnya sangatlah mudah.
Ada dua cara membuat daftar isi pada blog, yaitu dengan memakai :

  • Halaman, dan 
  • Widget / Gadget.

Pada artikel ini saya akan membahas kedua cara tersebut.
Dan pertama yang akan saya bahas dalam artikel Cara Membuat Halaman Daftar Isi Pada Blog ini adalah memakai halaman.
Nah, simak tutorial lengkapnya disini.


Cara Membuat Halaman Daftar Isi Pada Blog Memakai Halaman

1. Login ke Blogger.com
2. Buatlah sebuah halaman baru, ingat Halaman bukan Pos.
3. Setelah terbuka halaman baru, pilih Mode HTML. jangan yang Compose.
4. Salinlah kode HTML dibawah ini dan paste pada halaman yang baru saja Anda buat.

<div style="overflow:auto;width:480px;height:450px;padding:10px;border:1px solid #eee">
<script src="https://html-scripts.googlecode.com/files/feeds.js"></script>
<script src="http://kikirapper.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>

Keterangan :
  • Login ke Blogger.com
  • Klik pada "Tata Letak".
  • Klik "Tambahkan Gadget". Lalu pilih "HTML/JavaScript".
  • Silahkan beri judul widget, copy kode di bawah ini dan pastekan pada kotak yang tersedia.
<div style="overflow:auto;height:250px;padding:10px;border:1px solid #eee">
<script src="https://html-scripts.googlecode.com/files/feeds.js"></script>
<script src="http://kikirapper.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>

Keterangan :

  • Ganti script yang saya merahkan dengan URL blog Anda.
  • Ganti script yang saya beri warna biru di atas dengan style yang anda inginkan seperti dibawah ini :
    • Berdasarkan Label :
      • https://html-scripts.googlecode.com/files/feeds-labels.js
    • Berdasarkan Tanggal
      • https://html-scripts.googlecode.com/files/feed-dates.js
    • Berdasarkan Artikel Terbaru
      • https://html-scripts.googlecode.com/files/feeds.js
  • Dan klik Simpan / Save. 
Semoga bermanfaat dan selamat mencoba!!.
Read more
Label: , ,

Cara Memasang Komentar Facebook dan Blog Berdampingan

in , , - on Wednesday, June 03, 2015 - No comments
Cara Memasang Komentar Facebook dan Blog Berdampingan
Cara Memasang Komentar Facebook dan Blog Berdampingan
Gudang Ilmu -  Kolom komentar merupakan media yang paling penting untuk memberikan kesempatan pengunjung untuk menulis pendapat tentang artikel yang dibacanya selain itu kita dapat mengetahui sampai sejauh manakah artikel yang kita buat, bermanfaat atau tidaknya tergantung kepada pembaca mengomentari
Cara Memasang Komentar Facebook dan Blog Berdampingan tidaklah sulit seperti yang anda pikirkan namun untuk membuat moderasi pada komentar facebook yang sangat sulit, apa kelebihan dari memasang komentar facebook ?
kelebihannya adalah pembaca mudah melakukan komentar tanpa harus mempunyai blog ataupun email,
Nah, apa syarat untuk membuat komentar facebook ?
syaratnya sangat sederhana yaitu anda mempunyai sebuah akun facebook dan alangkah baiknya lagi jika anda mempunyai sebuah fanspage. jika Anda tidak tahu cara membuat fanspage silahkan klik disini "Cara Membuat Fanspage".

Nah, Yuk langsung saja kita saja kita simak Cara Memasang Komentar Facebook dan Blog Berdampingan Secara mudah dan cepat

1. Login dulu Ke Blogger.com
2. Masuk Ke Menu "Template" dan klik "Edit HTML".
3. Expand Widget Template.
4. Carilah Kode <div class='comments' id='comments'>
5. Copy Kode Di Bawah Ini Dibawah Kode Tadi.

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://png-1.findicons.com/files/icons/2155/social_media_bookmark/32/facebook.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' 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>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='600'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>

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

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

Keterangan :

  • Jika anda memiliki Fans Page, ganti Warna Biru dengan nomer URL Fans page anda.  berupa digit angka
  • Ganti angka warna biru 600, sesuai dengan ukuran lebar kolom komentar di blog anda
  • Jika gagal, coba kembali cari kode <div class='comments' id='comments'>, lalu pasang lagi

Selesai lah sudah,,
Sungguh Mudah Bukan ?
Semoga Bermanfaat Dan Selamat Mencoba!!

Nb : Jika anda mendapati kesalahan ataupun error saat membuat silahkan komentar atau hubungi admin secara langsung dengan cara ambil tab contact dan kirimkan email kepada saya atau bisa juga melalui facebook saya langsung.
Ingat, jadilah komentator yang bijak.
Read more
Label: , ,