Headlines News
Home » » Membuat Schroll Di Blog Anda

Membuat Schroll Di Blog Anda

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... :)
Sobat sedang membaca artikel Aplikasi Online tentang Membuat Schroll Di Blog Anda dan Sobat bisa menemukan artikel Membuat Schroll Di Blog Anda ini dengan url Sobat boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Membuat Schroll Di Blog Anda ini sangat bermanfaat bagi teman-teman, namun jangan lupa untuk meletakkan link Membuat Schroll Di Blog Anda sumbernya.

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

0 comments:

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Free Aplikasi Full Version - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger