Selasa, 27 Mei 2014

Cara Memasang Scroll pada Arsip Blog

Cara Memasang Scroll pada Arsip Blog - sebelum saya sudah share tentang Cara Membuat Recent Comment Dengan Efek Scroll dan kali ini saya ingin share Cara Memasang Scroll pada Arsip Blog untuk tutorial nya bisa di lihat di bawah ini.

-Login ke Blogger
-Menuju ke Template, kemudian pilih Edit HTML.
-Klik Proceed
-Kemudian cari kode <div class='widget-content'> (gunakan Control F). Perhatikan contoh kode yang ada di bawah ini dan biasanya berada kode seperti di bawah ini :
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
-Tambahkan perintah style='overflow:auto; height:200px' pada kode yang berwarna Biru, sehingga menjadi seperti di bawah ini :
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content' style='overflow:auto; height:200px'>
-Atau bisa juga yang berwarna Biru langsung diganti seperti di bawah ini :
<div class='widget-content' style='overflow:auto; height:200px'>
-Atur ukuran tingginya height:200px sesuai kebutuhan.
-Simpan hasil edit dan Selesai. Cukup mudah kan Cara Memasang Scroll pada Arsip Blog

sekian dari saya semoga postingan saya kali ini bermanfaat buat temen2 semua.

Cara Membuat Recent Comment Dengan Efek Scroll

Cara Membuat Recent Comment Dengan Efek Scroll - sunggung indah berbagi itu dan kali ini saya ingin berbagi Tutorial Cara Membuat Recent Comment Dengan Efek Scroll bagi temen2 blogger yang berminat bisa ikuti langkah2 nya di bawah ini.

-Login Blogger.com

-Tata letak

-Lalu pilih widget/Gadget baru type HTML/JavaScript

-Salin Kode di bawah ini dan letakan di gadget yang anda pilih tadi
<div style="border: 1px solid #555; height: 300px; overflow: auto; padding: 10px; width: 100%px;"><script style=text/javascript src= http://wisnunugraha.googlecode.com/files/recentcomment.js ></script>
<script style=text/javascript >var a_rc=20;
var m_rc=true;var n_rc=true;var o_rc=100;</script>
<script src=http://mitra-seociety.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<span id=rcw-cr><a href='http://mitra-seociety.blogspot.com/2014/05/cara-membuat-recent-comment-dengan-efek.html' ='_blank'> Cara Membuat Recent Comment Dengan Efek Scroll </a> by <a href=http://mitra-seociety.blogspot.com/ target=_blank title=Mitra Seociety widgets> Mitra Seociety</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-family: Arial,Tahoma;font-size:8px;} </style></div>
-Save dan lihat hasilnya.

Catatan:
Ganti text yang berwarna biru dengan link blog anda. dan untuk segala ukuran bisa dirubah dengan selara diri sendiri.

Sekian dari saya semoga tutorial Cara Membuat Recent Comment Dengan Efek Scroll bisa bermanfaat.
 

Copyright 2014 Mitra Seociety Template by Socity. Powered by Blogger