Hai...sobat blogger...pada
artikel dan software gratis kali ini aqu mau share mengenai pembuatan scroolling atau scroll pada blogspot maupun website..yupsss,seperti contoh di atas menggunakan scrool untuk blog dan contoh di bawah ini merupakan
scrooll untuk website
Waww...gimana yah..pembuatan nya?? dan datri fungsi script apa sich yang menjadikan scroll itu berfungsi...??ok kita selidiki dan pelajari sebagai berikut... :
OFFER FLOW...yupss..dengan metode oferflow kita bisa membuat scroolling dengan mudah ,,
Untuk website aqu mo kasih contoh sebagai berikut:
1. Buka Template HTML,PHP dan CSS yang telah di posting pada postingan sebelum nya atau bisa menggunakan template apapapun ,karna pada dasar nya sama saja kita hanya menyesuaikan dimana nantinya oferflow ini akan kita taruh.berikut script HTML tau PHP nya :
<div id="scroll">
<?php
if(isset($_SESSION["user_name"]))
{
if(isset($_GET['mod']))
{
$mod = $_GET['mod'];
switch($mod)
{
case "daftarposting" :
include ("daftarpostinguser.php");
break;
case "isiposting" :
include ("isiposting.php");
break;
case "isiuser" :
include ("isiuser.php");
break;
case "editposting" :
include ("editposting.php");
break;
default:include("daftarpostinguser.php");
}
}
else
{
include ("daftarpostinguser.php");
}
}
else
{
if(isset($_GET['mod']))
{
$mod = $_GET['mod'];
switch($mod)
{
case "postinglengkap" :
include("postinglengkap.php");
break;
case "hasilcari" :
include ("hasilpencarian.php");
break;
default:include("daftarpostingterbaru.php");
}
}
else
{
include("daftarpostingterbaru.php");
}
}
?>
</div>
---> Dan ini pada CSS.yang telah di hubungkan dengan PHP atau HTML di atas di simpan dengan ---> dan ini file untuk script CSS STYLE nya yang kita namakan scroll.css
#scroll
{
float: right;
height: 400px;
overflow: auto;
}
---> Nah...pada tulisan FLOAT: RIGHT bisa diganti dengan FLOAT:LEFT ,Tergantung selera dan kebutuhan pada website kita...begitu juga dengan HEIGHT...atau tinggi scroll yang akan kita gunakan pun esuai dengan selera kita 400PX ,500PX...dan sebagai nya...Sudah paham??
Dan ini untuk pembuatan nya pada blogspot
1.,masuk atau login menggunakan account blogspot kamu lalu masuk pada
---> EDIT HTML
---> centang pada EXPAND WIDGET
----> Lalu cari pada bagian
"ARCHIVE" atau untuk lebih mudah dalam pencarian tekan CTRL+F lalu ketikan
"archiv"<h2><data:title/></h2></b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'> <b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div></div>
</div>
<b:include name='quickedit'/>
</div> </b:includable>
Nah..pada script
<div style='overflow:auto; width:ancho; height:200px;'
Isi HEIGHT sesuai dengan kebutuhan kita dan script tersebut dimasukan biasa nya sebelum
<div id='ArchiveList'>
Dan jangan lupa juga pada bagian
bawah di tambah kan scipt:
</div>
Dan di sisipkan di "div" yang lain,sebab bila tidak di tambah kan script penutup "div"
akan terjadi error... o ya...penambahan scipt
</div>
Disisipkan sebelum scipt :
<b:include name='quickedit'/>
</div> </b:includable>
Nahh...selesai sudah untuk pembuatan OFERFLOW atau scrolling Pada
Artikel Mudah Membuat Scroll Pada Blogspot dan website
sampai disini kita sudah mengetahui dan memahami bagai mana sich cara kerjanya OFERFLOW atau scrolling Pada web atau blog .
bagai mana ada yang masih bingung??....kalau paham lets do it..dan tetapp...seeemaaangaatt... :)
5:51 PM
Kumpulan Software
