Social Icons

twitterfacebookgoogle plus

Jumat, 09 Desember 2011

Mudah Membuat Scroll Pada Blogspot dan website


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 ,,
lalu scipt nya seperti apa dan gimana tuch cara menggunakan nya...kita ikuti langkah langkah Mudah Membuat Scroll Pada  Blogspot dan website
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 + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'> <b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<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... :)

3 komentar:

  1. The blog was absolutely fantastic! Lots of great information and
    inspiration, both of which we all need!b Keep 'em coming... you all do
    such a great job at such Concepts... can't tell you how much I, for
    one appreciate all you do!

    BalasHapus
  2. siph deh, gan.
    ane dapet ilmu baru lagi, ijin copy scriptnya ya.. :)
    terimakasih..

    BalasHapus
  3. ikutan nyimak om... makasi tutorialnya yah.

    BalasHapus

Artikel tips trick dan patch..all antivirus,software gratis serial number dan keygen..lengkap banget...